{iconStart}
\n {children}
\n {iconEnd}
\n \n \n );\n};\n\nexport default Button;\n","import borrowerOperations from './contracts/BorrowerOperations.json';\nimport collSurplusPool from './contracts/CollSurplusPool.json';\nimport collateralConfig from './contracts/CollateralConfig.json';\nimport communityIssuance from './contracts/CommunityIssuance.json';\nimport erc20 from './contracts/ERC20.json';\nimport hintHelpers from './contracts/HintHelpers.json';\nimport { abi as leverager} from './contracts/Leverager.json';\nimport lqtyStaking from './contracts/LQTYStaking.json';\nimport multiTroveGetter from './contracts/MultiTroveGetter.json';\nimport { abi as oathMigrator } from './contracts/OathMigrator.json';\nimport { abi as oathMigratorOp } from './contracts/OathMigratorOP.json';\nimport optimismGasOracle from './contracts/OptimismGasOracle.json';\nimport priceAggregator from './contracts/PriceAggregator.json';\nimport priceFeed from './contracts/PriceFeed.json';\nimport reaperVaultERC4626 from './contracts/ReaperVaultERC4626.json';\nimport sortedTroves from './contracts/SortedTroves.json';\nimport stabilityPool from './contracts/StabilityPool.json';\nimport testToken from './contracts/TestToken.json';\nimport troveManager from './contracts/TroveManager.json';\n\nexport const abis: { [key: string]: any } = {\n borrowerOperations,\n collSurplusPool,\n collateralConfig,\n communityIssuance,\n erc20,\n hintHelpers,\n leverager,\n lqtyStaking,\n multiTroveGetter,\n oathMigrator,\n oathMigratorOp,\n optimismGasOracle,\n priceAggregator,\n priceFeed,\n reaperVaultERC4626,\n sortedTroves,\n stabilityPool,\n testToken,\n troveManager,\n};\n\n\n","import BigNumber from 'bignumber.js';\nimport { isNumber, roundUp } from './formatters';\n\nexport function safeAdd(a: string, b: string) {\n const bigA = new BigNumber(a);\n const bigB = new BigNumber(b);\n const bigSum = bigA.plus(bigB);\n return bigSum.toFixed();\n}\n\nexport function safeSub(a: string, b: string) {\n const bigA = new BigNumber(a);\n const bigB = new BigNumber(b);\n const bigDifference = bigA.minus(bigB);\n return bigDifference.toFixed();\n}\n\nexport function safeMult(a: string, b: string) {\n const bigA = new BigNumber(a);\n const bigB = new BigNumber(b);\n const bigProduct = bigA.multipliedBy(bigB);\n return bigProduct.toFixed();\n}\n\nexport function safeDiv(a: string, b: string) {\n const bigA = new BigNumber(a);\n const bigB = new BigNumber(b);\n const bigQuotient = bigA.dividedBy(bigB);\n return bigQuotient.toFixed();\n}\n\nexport function safeMod(a: string, b: string) {\n const bigA = new BigNumber(a);\n const bigB = new BigNumber(b);\n const bigRemainder = bigA.modulo(bigB);\n return bigRemainder.toFixed();\n}\n\nexport function safePow(a: string, b: string) {\n const bigA = new BigNumber(a);\n const bigB = new BigNumber(b);\n const bigPower = bigA.exponentiatedBy(bigB);\n return bigPower.toFixed();\n}\n\nexport function safeAbs(a: string) {\n const bigA = new BigNumber(a);\n const bigAbs = bigA.absoluteValue();\n return bigAbs.toFixed();\n}\n\nexport function isZero(a: string) {\n const isANum = isNumber(a);\n if (!isANum) {\n return false;\n }\n const bigA = new BigNumber(a);\n const isBigZero = bigA.isZero();\n return isANum && isBigZero;\n}\nexport function isGreaterThan(a: string, b: string) {\n const isANum = isNumber(a);\n const isBNum = isNumber(a);\n if (!isANum || !isBNum) {\n return false;\n }\n const bigA = new BigNumber(a);\n const bigB = new BigNumber(b);\n const isBigGreaterThan = bigA.isGreaterThan(bigB);\n return isBigGreaterThan;\n}\nexport function isGreaterThanOrEqual(a: string, b: string) {\n const isANum = isNumber(a);\n const isBNum = isNumber(a);\n if (!isANum || !isBNum) {\n return false;\n }\n const bigA = new BigNumber(a);\n const bigB = new BigNumber(b);\n const isBigGreaterThanOrEqual = bigA.isGreaterThanOrEqualTo(bigB);\n return isBigGreaterThanOrEqual;\n}\nexport function isLessThan(a: string, b: string) {\n const isANum = isNumber(a);\n const isBNum = isNumber(a);\n if (!isANum || !isBNum) {\n return false;\n }\n const bigA = new BigNumber(a);\n const bigB = new BigNumber(b);\n const isBigLessThan = bigA.isLessThan(bigB);\n return isBigLessThan;\n}\nexport function isLessThanOrEqual(a: string, b: string) {\n const isANum = isNumber(a);\n const isBNum = isNumber(a);\n if (!isANum || !isBNum) {\n return false;\n }\n const bigA = new BigNumber(a);\n const bigB = new BigNumber(b);\n const isBigLessThanOrEqual = bigA.isLessThanOrEqualTo(bigB);\n return isBigLessThanOrEqual;\n}\nexport function isEqualTo(a: string, b: string) {\n const isANum = isNumber(a);\n const isBNum = isNumber(a);\n if (!isANum || !isBNum) {\n return false;\n }\n const bigA = new BigNumber(a);\n const bigB = new BigNumber(b);\n const isBigEqual = bigA.isEqualTo(bigB);\n return isBigEqual;\n}\n\nexport const bottomNPercentofNum = (nPercent:string, num:string) => {\n const res = roundUp(safeMult(num, nPercent));\n return res;\n} ","import { ethers } from 'ethers';\nimport { abis } from '../storage/Abis';\nimport { EthersProviderOrSigner } from '../storage/Types';\nimport BigNumber from 'bignumber.js';\nimport { isGreaterThan, isLessThanOrEqual, safeDiv } from './safeMath';\n\nexport function checksumAddress(address: string) {\n try {\n const csAddr = ethers.utils.getAddress(address);\n return csAddr;\n } catch (error) {\n console.error(error);\n return address;\n }\n}\n\nexport function shortenAddress(address: string) {\n const checksummedAddress = checksumAddress(address);\n if (checksummedAddress.length === 42) {\n return checksummedAddress.substring(0, 6) + '...' + checksummedAddress.substring(38, 42);\n } else {\n return address;\n }\n}\n\nexport function shortenAddressMore(address: string) {\n const checksummedAddress = checksumAddress(address);\n if (checksummedAddress.length === 42) {\n return checksummedAddress.substring(0, 5) + '...' + checksummedAddress.substring(40, 42);\n } else {\n return address;\n }\n}\n\nexport function isNumber(check: string) {\n if (check !== '' && check !== undefined && check !== null) {\n const numberOrNot = Number(check);\n return !isNaN(numberOrNot);\n }\n return false;\n}\n\nexport async function getDecimals(\n tokenAddr: string,\n walletProviderOrSigner: EthersProviderOrSigner\n) {\n const token = new ethers.Contract(tokenAddr, abis.erc20, walletProviderOrSigner);\n const decimals = await token.decimals();\n return decimals;\n}\n\n// purely view function\nexport const formatPositiveNumber = (rawValue: string, decimals?: number) => {\n if (!isNumber(rawValue)) {\n return rawValue;\n }\n\n if (isLessThanOrEqual(rawValue, '0')) {\n return '0';\n }\n\n let format: any = {\n prefix: '',\n decimalSeparator: '.',\n groupSeparator: ',',\n groupSize: 3,\n secondaryGroupSize: 0,\n fractionGroupSeparator: ' ',\n fractionGroupSize: 0,\n suffix: '',\n };\n\n let bigValue = new BigNumber(rawValue);\n let value: string;\n\n if (decimals !== undefined) {\n value = bigValue.toFormat(decimals, format).toString();\n } else {\n value = bigValue.toFormat(format).toString();\n }\n value = value.replace(/(\\.[0-9]*[1-9])0+$|\\.0*$/, '$1');\n if (isGreaterThan(bigValue.toString(), '1000000000000')) {\n return '>1b'\n }\n return value;\n\n /*\n if (!isNumber(rawValue)) {\n return rawValue;\n }\n //let value = new Intl.NumberFormat('en-US').format(parseFloat(rawValue));\n //let shortValue = rawValue;\n let shortValue = rawValue;\n /*\n if (applyShortening) {\n if (isNumber(rawValue)) {\n if (isGreaterThanOrEqual(rawValue, '100000')) {\n // shorten number and add 'k' at the end\n } else if (isGreaterThanOrEqual(rawValue, '1000000')) {\n // shorten number and add 'm' at the end\n } else if (isGreaterThanOrEqual(rawValue, '1000000000')) {\n // shorten number and add 'b' at the end\n } \n }\n }\n */\n /*\n \n let removeTrailingZeros = shortValue.replace(/(\\.[0-9]*[1-9])0+$|\\.0*$/, '$1');\n let value = removeTrailingZeros.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n //let value = removeTrailingZeros.replace(\n //removeTrailingZeros.replace('(?:^|\\G)(\\d{1,3})(?=(\\d{3})+(?:\\.\\d+)?$)', '$1');\n //removeTrailingZeros.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n return value;\n */\n};\n\n// need to standardize message format at some point\nexport function isErrorMsg(msg: any) {\n const errorMsgCheck = msg !== undefined && msg.success !== undefined && !msg.success;\n return msg === undefined || msg === false || errorMsgCheck;\n}\n\nexport function toFixedDecimals(value:string, decimals:number|undefined) {\n if (decimals === undefined) {\n return value;\n } else {\n const decimalValue = new BigNumber(value);\n return decimalValue.toFixed(decimals);\n }\n}\n\nexport function roundUp(value:string) {\n if (!isNumber(value)) {\n return undefined;\n } else {\n let num = parseFloat(value);\n num = Math.ceil(num);\n return num.toString();\n }\n}\n\nexport const getInputShareWithdrawAmount = (withdrawAmountInERN:string, userStWENDepositsInERN:string, userStERNDeposits:string) => {\n const bigYourTokensAmount = new BigNumber(userStWENDepositsInERN);\n const bigMaxWithdraw = new BigNumber(userStERNDeposits);\n const bigInput = new BigNumber(withdrawAmountInERN);\n const ratio = bigInput.dividedBy(bigYourTokensAmount);\n const calculation = ratio.multipliedBy(bigMaxWithdraw);\n return calculation.toFixed(18).toString();\n};\n\nexport const epochToDate = (timestamp: number) => {\n return new Date(timestamp * 1000).toLocaleString(undefined, {\n month: 'short',\n day: '2-digit',\n year: 'numeric'\n });\n};\n\nexport const capitalizeFirstLetter = (string: string) => {\n return string.charAt(0).toUpperCase() + string.slice(1);\n};\n\nexport const camelCaseToWords = (string:string) => {\n const words = string.match(/[A-Za-z][a-z]*/g) || [];\n return words.map(capitalizeFirstLetter).join(\" \");\n};\n\nexport const getFirstWord = (string:string) => {\n const first = string.split(' ')[0];\n return first;\n}\n\nexport const bpToPercent = (value: string) => {\n return safeDiv(value, '100');\n};","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgWallet(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 21,\n height: 21,\n viewBox: \"0 0 21 21\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M4.19824 3.49896C2.81753 3.49896 1.69824 4.61825 1.69824 5.99896V14.3323C1.69824 15.713 2.81753 16.8323 4.19824 16.8323H15.8649C17.2457 16.8323 18.3649 15.713 18.3649 14.3323V5.99896C18.3649 4.61825 17.2457 3.49896 15.8649 3.49896H4.19824ZM16.6982 6.97455V5.99896C16.6982 5.53873 16.3252 5.16563 15.8649 5.16563H4.19824C3.73801 5.16563 3.36491 5.53873 3.36491 5.99896V6.97455C3.62556 6.88242 3.90604 6.8323 4.19824 6.8323H15.8649C16.1571 6.8323 16.4376 6.88242 16.6982 6.97455ZM3.36491 9.3323V10.1656H7.53158C7.55522 10.1656 7.57863 10.1666 7.60178 10.1685C7.9713 10.1362 8.33015 10.3553 8.45949 10.7213C8.68866 11.3697 9.30716 11.8323 10.0315 11.8323C10.7559 11.8323 11.3744 11.3697 11.6036 10.7213C11.7329 10.3553 12.0918 10.1362 12.4613 10.1685C12.4845 10.1666 12.5079 10.1656 12.5316 10.1656H16.6982V9.3323C16.6982 8.87205 16.3252 8.49896 15.8649 8.49896H4.19824C3.73801 8.49896 3.36491 8.87205 3.36491 9.3323ZM12.9187 11.8323C12.3427 12.828 11.2662 13.499 10.0315 13.499C8.79683 13.499 7.72034 12.828 7.14439 11.8323H3.36491V14.3323C3.36491 14.7925 3.73801 15.1656 4.19824 15.1656H15.8649C16.3252 15.1656 16.6982 14.7925 16.6982 14.3323V11.8323H12.9187Z\",\n fill: \"#08001C\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgWallet);\nexport default __webpack_public_path__ + \"static/media/wallet.c56b69e3.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgEthosLogo(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 137,\n height: 64,\n viewBox: \"0 0 137 64\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_725_12211)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.6802 39.1901H52.0625V0H58.6595V15.6489C58.769 15.5545 58.8222 15.5279 58.8459 15.4866C60.4848 12.4979 63.9401 10.8663 67.7415 11.418C71.9246 12.0258 74.6669 14.7048 75.5721 19.0625C75.8354 20.3282 75.9774 21.6412 75.9863 22.9364C76.0336 28.0907 76.0041 33.2451 76.0041 38.3994V39.1695H69.3449V38.4791C69.3449 33.5283 69.3538 28.5775 69.336 23.6268C69.3331 22.839 69.268 22.0336 69.1082 21.2635C68.6172 18.8766 66.9724 17.546 64.5229 17.4841C60.8013 17.3867 58.6891 19.5523 58.6802 23.5029C58.6684 28.4743 58.6802 33.4457 58.6802 38.4171V39.1901Z\",\n fill: \"#08001C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28.3458 27.722H7.9098C7.88614 30.1649 9.88299 32.7111 12.4301 33.487C14.2524 34.0417 16.0925 34.0624 17.9148 33.4605C18.9088 33.133 19.7164 32.5282 20.3702 31.7109C20.4944 31.5575 20.7074 31.3745 20.879 31.3745C23.1451 31.3509 25.4111 31.3598 27.7689 31.3598C27.6979 31.6194 27.6535 31.826 27.5825 32.0236C26.0442 36.2604 22.935 38.6768 18.5922 39.5206C14.3559 40.3467 10.3119 39.7743 6.72352 37.234C2.98719 34.5816 1.07908 30.8759 0.877915 26.3353C0.679708 21.833 2.06124 17.8706 5.48104 14.8287C9.49841 11.2558 14.2169 10.4267 19.2608 12.0731C24.2426 13.7017 27.0234 17.3985 28.1239 22.4112C28.5026 24.1313 28.5795 25.878 28.3458 27.722ZM21.231 22.9364C21.231 19.9152 18.2757 17.254 14.8293 17.1684C10.7823 17.071 8.41567 20.4197 8.07843 22.9364H21.231Z\",\n fill: \"#08001C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M80.7988 25.639C80.8787 18.9445 85.0499 13.386 91.286 11.7573C99.1048 9.71567 107.083 14.7697 108.468 22.7122C109.388 28.0022 108.154 32.717 104.039 36.3489C100.007 39.91 95.2472 40.7686 90.1914 39.0397C85.1919 37.3314 82.2277 33.6817 81.145 28.5392C80.9438 27.5892 80.9112 26.6067 80.8018 25.639H80.7988ZM94.7798 33.8912C97.5783 33.8175 99.6462 32.5665 100.844 30.1029C102.241 27.2351 102.232 24.2552 100.939 21.3638C99.7556 18.7203 97.6641 17.2451 94.6792 17.2923C91.7741 17.3395 89.7773 18.853 88.6442 21.4287C87.4225 24.2021 87.3958 27.067 88.6413 29.8374C89.8128 32.4485 91.9132 33.8086 94.7827 33.8883L94.7798 33.8912Z\",\n fill: \"#08001C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M111.557 30.808H118.245C119.012 33.3335 121.053 34.018 123.399 34.2039C124.789 34.3131 126.185 34.3042 127.517 33.8174C128.043 33.6256 128.576 33.3601 129.008 33.009C130.286 31.9645 130.073 30.1441 128.534 29.557C127.327 29.0938 126.026 28.8548 124.754 28.5775C122.582 28.1025 120.381 27.7514 118.231 27.2026C116.32 26.7158 114.604 25.813 113.459 24.1047C111.134 20.6321 112.249 15.6459 115.864 13.2944C117.654 12.132 119.651 11.5802 121.751 11.4032C124.615 11.1613 127.434 11.3383 130.085 12.5775C132.711 13.8078 134.46 15.7905 135.158 18.6376C135.22 18.8884 135.253 19.1451 135.309 19.4519C135.066 19.4667 134.889 19.4844 134.711 19.4844C132.851 19.4844 130.99 19.4932 129.129 19.4755C128.919 19.4755 128.588 19.3899 128.517 19.2424C127.848 17.8764 126.65 17.2952 125.26 17.0119C123.86 16.7257 122.449 16.7434 121.071 17.1211C120.588 17.2539 120.103 17.4781 119.701 17.7672C118.373 18.7202 118.506 20.4668 120.006 21.0923C121.011 21.5113 122.109 21.7267 123.18 21.9627C125.668 22.5144 128.173 22.9924 130.652 23.5736C131.374 23.7418 132.067 24.1106 132.72 24.4764C135.64 26.1139 136.611 28.9286 136.256 32.1298C135.912 35.2365 134.12 37.3844 131.297 38.5144C126.253 40.5325 121.183 40.4204 116.296 37.9715C113.669 36.6557 112.045 34.4665 111.619 31.4954C111.586 31.28 111.58 31.0588 111.557 30.8021V30.808Z\",\n fill: \"#08001C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M47.3647 39.4232C44.5455 39.9542 41.8061 39.8716 39.2235 38.5646C36.5906 37.231 35.2949 34.912 34.7772 32.118C34.5878 31.1031 34.502 30.0586 34.4932 29.023C34.4577 25.518 34.4813 22.0158 34.4813 18.5108V17.6994H30.9609V12.0907H34.4606V4.40198H41.1345V12.0553H47.06V17.664H41.2144C41.1819 17.785 41.1464 17.8587 41.1464 17.9325C41.1523 21.7001 41.1464 25.4707 41.1848 29.2384C41.1908 29.8816 41.315 30.5395 41.4925 31.1591C41.9895 32.8851 43.229 33.7673 45.2229 33.8145C45.93 33.8322 46.64 33.726 47.3677 33.6758V39.4202L47.3647 39.4232Z\",\n fill: \"#08001C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.8213 52.4373C15.6614 52.4373 17.4867 52.3075 19.2823 52.4698C21.578 52.6763 22.7731 54.6324 22.1105 56.7951C21.7762 57.8838 20.9627 58.4857 19.8474 58.881C20.7615 60.1792 21.6431 61.4331 22.6045 62.7991C21.8531 62.7991 21.2141 62.8227 20.5751 62.7814C20.4213 62.7726 20.2497 62.569 20.1373 62.4156C19.4717 61.4892 18.8031 60.5627 18.17 59.6157C17.9393 59.2675 17.6789 59.1318 17.2648 59.1554C16.7382 59.1879 16.2116 59.1642 15.617 59.1642V62.7637H13.8184V52.4344L13.8213 52.4373ZM15.6318 57.5976C16.8033 57.5386 17.9245 57.5504 19.0279 57.4088C19.877 57.2996 20.4035 56.5591 20.3917 55.7683C20.3799 54.9629 19.9006 54.2695 19.0516 54.1899C17.9304 54.0837 16.7885 54.1633 15.6318 54.1633V57.5976Z\",\n fill: \"#08001C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M83.454 59.1702V62.7609H81.6465V52.4876C83.5605 52.4876 85.4597 52.3607 87.3353 52.5259C88.9417 52.6675 89.9268 53.7828 90.0747 55.14C90.267 56.9102 89.6191 58.052 88.0216 58.7572C87.9329 58.7955 87.8471 58.8398 87.7051 58.9076C88.6133 60.1999 89.4919 61.4568 90.4386 62.8051C89.6901 62.8051 89.063 62.8287 88.4388 62.7874C88.282 62.7786 88.0986 62.5927 87.9921 62.4422C87.3116 61.501 86.6697 60.5304 85.9686 59.6069C85.8029 59.3915 85.4686 59.2204 85.1905 59.1879C84.6492 59.123 84.096 59.1702 83.4511 59.1702H83.454ZM83.4718 57.5977C84.6403 57.5416 85.7615 57.5505 86.8649 57.4088C87.7169 57.2997 88.2435 56.5621 88.2317 55.7684C88.2198 54.963 87.7406 54.2696 86.8945 54.19C85.7733 54.0837 84.6314 54.1634 83.4718 54.1634V57.5947V57.5977Z\",\n fill: \"#08001C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.4844 52.4255H39.1109V54.0512H33.3215V56.7656H38.4246V58.3824H33.3156V61.1204H39.173V62.7637H31.4844V52.4255Z\",\n fill: \"#08001C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M64.7295 52.4255H72.356V54.0542H66.5666V56.7685H71.6697V58.3853H66.5607V61.1233H72.4182V62.7667H64.7266V52.4285L64.7295 52.4255Z\",\n fill: \"#08001C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M117.115 52.4255H124.742V54.0542H118.952V56.7685H124.058V58.3853H118.949V61.1233H124.807V62.7667H117.115V52.4285V52.4255Z\",\n fill: \"#08001C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M55.2836 53.6264C54.9552 54.0896 54.6505 54.5174 54.4168 54.8479C53.5086 54.5351 52.6566 54.2401 51.8016 53.951C51.6892 53.9126 51.5591 53.9126 51.4378 53.9185C50.5621 53.951 49.9497 54.367 49.8492 54.9925C49.7456 55.6386 50.0888 56.0812 51.0177 56.3939C51.9821 56.7214 52.9938 56.9309 53.9227 57.3292C55.3812 57.9547 55.9196 59.2351 55.4758 60.7516C55.2037 61.6751 54.5824 62.2888 53.695 62.6369C51.7928 63.3863 49.0563 62.7756 47.5742 61.2414C47.9292 60.8195 48.2872 60.3917 48.6717 59.9344C49.5711 60.7044 50.5236 61.2561 51.6774 61.2709C52.1507 61.2768 52.6714 61.2089 53.0915 61.0054C53.976 60.5805 53.9878 59.4682 53.1151 59.0197C52.5619 58.7365 51.9288 58.6067 51.3313 58.4061C50.7514 58.2143 50.1568 58.0579 49.5977 57.8219C48.6185 57.4059 48.0505 56.6771 47.9943 55.5737C47.9322 54.3375 48.3789 53.3845 49.4646 52.7679C51.1035 51.8355 53.8074 52.225 55.2836 53.6264Z\",\n fill: \"#08001C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M108.404 52.3813C107.848 53.7356 107.33 54.9924 106.816 56.2493C105.967 58.3205 105.109 60.3858 104.28 62.4658C104.135 62.8317 103.946 62.9467 103.564 62.9408C102.425 62.9261 102.425 62.9408 101.982 61.8639C100.778 58.9283 99.5707 55.9926 98.3666 53.057C98.2897 52.8741 98.2276 52.6823 98.1211 52.3902C98.7926 52.3902 99.3961 52.3577 99.9907 52.4138C100.133 52.4256 100.292 52.7059 100.366 52.8947C101.239 55.1075 102.097 57.3262 102.961 59.5449C103.05 59.7721 103.144 59.9934 103.28 60.3297C103.73 59.182 104.141 58.1346 104.549 57.0813C105.094 55.6769 105.644 54.2755 106.168 52.8652C106.301 52.5082 106.478 52.343 106.875 52.3725C107.339 52.4079 107.81 52.3813 108.401 52.3813H108.404Z\",\n fill: \"#08001C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.15282 63.0175H5.47518V63.9881H2.89258V51.7115H5.62309C5.48701 52.098 5.46334 52.5583 5.24147 52.694C4.97818 52.8534 4.54331 52.7324 4.14986 52.7324V63.0175H4.15282Z\",\n fill: \"#08001C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M135.688 64.0001H133.114V63.053C133.537 63.0323 133.972 63.0117 134.448 62.9881V52.7974C133.993 52.7443 133.534 52.759 133.138 52.6056C133.016 52.5584 133.075 52.0539 133.049 51.7146H135.688V63.9971V64.0001Z\",\n fill: \"#08001C\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_725_12211\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 135.467,\n height: 64,\n fill: \"white\",\n transform: \"translate(0.859375)\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgEthosLogo);\nexport default __webpack_public_path__ + \"static/media/ethos-logo.002b23dd.svg\";\nexport { ForwardRef as ReactComponent };","import { useEffect, useContext, useState } from 'react';\nimport { Context } from '../Store';\nimport { useMediaQuery } from 'react-responsive';\n\nimport Button from './Button';\nimport { shortenAddress } from '../functions/formatters';\nimport { ReactComponent as WalletIcon } from '../assets/icons/wallet.svg';\n\nimport '../styling/Button.css';\n\ninterface ConnectWalletButtonProps {\n className?: string;\n showIcon?: boolean;\n}\n\nconst ConnectWalletButton = (props: ConnectWalletButtonProps) => {\n const [state, dispatch]: any = useContext(Context);\n const { className = '', showIcon = false } = props;\n const [walletConnected, setWalletConnected] = useState{loadingText}
;\n //return \n};\n\nexport default LoadingSpinner;\n","import { useContext, useEffect, useState } from 'react';\nimport { getCoinFromUID } from '../functions/coinHelpers';\nimport { formatPositiveNumber, isErrorMsg, isNumber } from '../functions/formatters';\nimport { isLessThan, safeAdd, safeMult } from '../functions/safeMath';\nimport { getRecoveryModePriceThreshold } from '../functions/blockchainRouter';\nimport { Coin } from '../storage/Types';\nimport { Context } from '../Store';\nimport '../styling/CollateralStatusBox.css';\nimport LoadingSpinner from './LoadingSpinner';\n\nimport { ReactComponent as CaretDown } from '../assets/icons/caret-down.svg';\n\ninterface CollateralStatusBoxProps {\n uid: string;\n price: string;\n tvl: string;\n ccr: string;\n mcr: string;\n td:string;\n className?: string;\n}\n\nfunction CollateralStatusBox(props: CollateralStatusBoxProps) {\n const [state]: any = useContext(Context);\n const [coin, setCoin] = useState\n
\n {isExpanded ? (\n \n
\n {isExpanded ? (\n \n ) : (\n \n {coin !== undefined ? coin.ticker : ''}\n
\n \n {price !== '' ? '$' + formatPositiveNumber(price, 2) : ''}\n
\n \n
\n )}\n \n \n {buildHealthStatusMessage()}\n
\n \n
\n \n
\n RM
\n \n
\n \n {isLessThan(state[`${uid}TotalCollateralRatio`], ccr) ? 'On' : 'Off'}\n
\n Recovery Mode
\n \n {'Activates when the ' +\n (coin !== undefined ? coin.ticker + ' ' : '') +\n \"pool's total collateral ratio falls below the critical collateral ratio of \" +\n formatPositiveNumber(safeMult(ccr, '100'), 2) +\n '%. '}\n
\n \n
\n \n
\n TCR
\n \n
\n \n {formatPositiveNumber(safeMult(state[`${uid}TotalCollateralRatio`], '100'), 2) + ' %'}\n
\n Total Collateral Ratio
\n \n {'The ratio of the entire ' +\n (coin !== undefined ? coin.ticker + ' ' : '') +\n \"pool's collateral and debt. A 150% TCR would indicate there is $1.50 of \" +\n (coin !== undefined ? coin.ticker + ' ' : '') +\n 'backing each ERN minted by the pool.'}\n
\n \n
\n \n
\n MCR
\n \n
\n \n {formatPositiveNumber(safeMult(mcr, '100'), 2) + ' %'}\n
\n Minimum Collateral Ratio
\n \n {\n 'The minimum required amount of collateral to debt ratio required to maintain an active position in Ethos Reserve.'\n }\n
\n \n
\n \n
\n CCR
\n \n
\n \n {formatPositiveNumber(safeMult(ccr, '100'), 2) + ' %'}\n
\n Critical Collateral Ratio
\n \n {'The TCR below which a given collateral pool will enter Recovery Mode.'}\n
\n \n
\n \n
\n RMT
\n \n
\n \n {'$' + formatPositiveNumber(rmpt, 2)}\n
\n Recovery Mode Price Threshold
\n \n {'The dollar value of this collateral at which the total collateral ratio ' +\n 'will drop below ' +\n formatPositiveNumber(safeMult(ccr, '100'), 2) +\n '% and the ' +\n ' system will enter recovery mode.'}\n
\n \n
\n \n
\n TDA
\n \n
\n \n {formatPositiveNumber(td, 2)} {state.stabilityCoin ? state.stabilityCoin.ticker : ''}\n
\n Total Debt Amount
\n \n {`The amount of ${state.stabilityCoin ? state.stabilityCoin.ticker : ''} borrowed from this pool.`}\n
\n \n
\n \n ) : (\n <>\n )}\n \n \n ) : (\n <>\n );\n}\n\nexport default CollateralStatusBox;\n","import { ReactElement, useContext, useEffect, useMemo, useState } from 'react';\nimport { Context } from '../Store';\nimport { Route, Routes, useNavigate } from 'react-router-dom';\nimport HamburgerMenu from './HamburgerMenu';\n\nimport ConnectWalletButton from './ConnectWalletButton';\nimport { routes } from '../storage/Routes';\nimport '../styling/Header.css';\n\nimport { ReactComponent as EthosLogoSrc } from '../assets/ethos-logo.svg';\nimport { getChainCollateralFromId, getChainFromId } from '../functions/chainHelpers';\nimport CollateralStatusBox from './CollateralStatusBox';\nimport SettingsButton from './SettingsButton';\nimport DropDown from './DropDown';\nimport { DropDownOption } from '../storage/Types';\n\ninterface HeaderProps {\n className?: string;\n}\n\nfunction Header(props: HeaderProps) {\n const [state, dispatch]: any = useContext(Context);\n const [collateralUIDs, setCollateralUIDs] = useState\n
\n TVL
\n \n
\n \n {'$' + formatPositiveNumber(tvlUsd, 2)}\n
\n Total Value Locked
\n \n {'The dollar value of all collateral in this pool.'}\n
\n \n {!state.isMobile ? (\n
\n \n );\n}\n\nexport default Header;\n","var _style, _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgHelp(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n height: \"1em\",\n viewBox: \"0 0 320 512\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _style || (_style = /*#__PURE__*/React.createElement(\"style\", null, \"svg{fill:#000000}\")), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M80 160c0-35.3 28.7-64 64-64h32c35.3 0 64 28.7 64 64v3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1c-25.2 16.2-40.4 44.1-40.4 74V320c0 17.7 14.3 32 32 32s32-14.3 32-32v-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7V160c0-70.7-57.3-128-128-128H144C73.3 32 16 89.3 16 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 1 0 0-80 40 40 0 1 0 0 80z\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgHelp);\nexport default __webpack_public_path__ + \"static/media/help.6c671bc8.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgEdit(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 21,\n height: 20,\n viewBox: \"0 0 21 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M14.9048 2.52499C14.2539 1.87412 13.1986 1.87412 12.5477 2.52499L3.95299 11.1197C3.64044 11.4323 3.46484 11.8562 3.46484 12.2982V16.6588C3.46484 17.1237 3.8417 17.5005 4.30651 17.5005L17.6346 17.5C18.0948 17.5 18.4679 17.1269 18.4679 16.6667C18.4679 16.2064 18.0948 15.8333 17.6346 15.8333H11.0246L18.4403 8.41757C19.0911 7.76667 19.0911 6.7114 18.4403 6.06052L14.9048 2.52499ZM8.66754 15.8333L17.2618 7.23903L13.7262 3.7035L5.13151 12.2982V15.8338C6.31018 15.8338 7.48889 15.8333 8.66754 15.8333Z\",\n fill: \"#08001C\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgEdit);\nexport default __webpack_public_path__ + \"static/media/edit.a0af0572.svg\";\nexport { ForwardRef as ReactComponent };","import { ReactComponent as HelpIcon } from '../assets/icons/help.svg';\nimport '../styling/ToolTip.css';\n\ninterface ToolTipProps {\n tooltipDirection: string;\n children: JSX.Element | JSX.Element[] | null;\n className?: string;\n}\n\nconst ToolTip = (props: ToolTipProps) => {\n\n\n const buildTagLabel = () => {\n return (\n \n
\n ) : (\n \n \n
\n \n \n
\n
\n )}\n {!state.isMobile && (\n \n \n {routes.map((route, index) => (\n \n
\n \n
\n )}\n {!state.isMobile ? (\n <>\n \n
\n \n {buildCollateralStatusBoxes()}\n
\n \n {handleSelectedVersion(version)}} \n isMulti={false} \n isSearchable={false} \n />\n
\n \n ) : (\n \n
\n );\n };\n return buildTagLabel();\n};\n\nexport default ToolTip;\n","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgArrowUp(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 21,\n height: 20,\n viewBox: \"0 0 21 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.4491 3.03009C11.1237 2.70465 10.596 2.70465 10.2706 3.03008L5.55658 7.74413C5.23114 8.06957 5.23114 8.59721 5.55658 8.92263C5.88202 9.24804 6.40965 9.24804 6.73509 8.92263L10.0265 5.63118V16.6667C10.0265 17.127 10.3996 17.5 10.8599 17.5C11.3201 17.5 11.6932 17.127 11.6932 16.6667V5.63119L14.9846 8.92263C15.3101 9.24804 15.8377 9.24804 16.1632 8.92263C16.4886 8.59721 16.4886 8.06957 16.1632 7.74413L11.4491 3.03009Z\",\n fill: \"#08001C\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgArrowUp);\nexport default __webpack_public_path__ + \"static/media/arrow-up.b244d450.svg\";\nexport { ForwardRef as ReactComponent };","import '../styling/PositionsPage.css';\nimport { useContext } from 'react';\nimport { Context } from '../Store';\nimport { Link, NavLink } from 'react-router-dom';\nimport LoadingSpinner from './LoadingSpinner';\nimport Button from './Button';\nimport ToolTip from './Tooltip';\nimport { ReactComponent as EditIcon } from '../assets/icons/edit.svg';\nimport { getCoinFromUID, getIconSrcFromCoin } from '../functions/coinHelpers';\nimport { Coin } from '../storage/Types';\nimport { formatPositiveNumber, isErrorMsg, isNumber } from '../functions/formatters';\nimport {\n bottomNPercentofNum,\n isGreaterThan,\n isLessThan,\n isLessThanOrEqual,\n isZero,\n safeAdd,\n safeDiv,\n safeMult,\n safeSub,\n} from '../functions/safeMath';\nimport { ReactComponent as PositionsIcon } from '../assets/icons/arrow-up.svg';\nimport { claimCollateral } from '../functions/blockchainRouter';\nimport { getUserLiquidationPrice } from '../functions/stateHelpers';\n\ninterface PositionBoxProps {\n collateralId: string;\n status?: string;\n isBoxMode?: boolean;\n className?: string;\n}\n\nfunction PositionBox(props: PositionBoxProps) {\n let { isBoxMode = false, status = '', className = '' } = props;\n\n const [state, dispatch]: any = useContext(Context);\n\n const claimable = state[props.collateralId + 'ClaimableCollateral'];\n const hasClaimableColl = isNumber(claimable) && isGreaterThan(claimable, '0');\n\n const stateCollAmount = state[props.collateralId + 'CollateralAmount'];\n const stateCollPrice = state[props.collateralId + 'Price'];\n const stateBorrowAmount = state[props.collateralId + 'BorrowAmount'];\n const stateMinCollateralRatio = state[props.collateralId + 'MinCollateralRatio'];\n const stateCritCollateralRatio = state[props.collateralId + 'CritCollateralRatio'];\n\n let collateralCoin: Coin | undefined = undefined;\n const foundCollateralCoin = getCoinFromUID(props.collateralId);\n if (foundCollateralCoin !== undefined) {\n collateralCoin = foundCollateralCoin;\n }\n\n let collateralRatio: string = '';\n if (props.collateralId !== '') {\n if (isNumber(stateCollAmount) && isNumber(stateCollPrice) && isNumber(stateBorrowAmount)) {\n if (!isZero(stateBorrowAmount)) {\n const collateralValue = safeMult(stateCollAmount, stateCollPrice);\n const div = safeDiv(collateralValue, stateBorrowAmount);\n collateralRatio = div;\n }\n }\n }\n\n const determineThreatStatus = (ccr: string, collateralRatio: string) => {\n if (isLessThan(collateralRatio, safeAdd(ccr, '0.2'))) {\n if (isLessThanOrEqual(collateralRatio, ccr)) {\n return 'danger';\n }\n return 'warning';\n }\n return 'healthy';\n };\n\n const determineRedemptionThreatStatus = () => {\n const troveRank = state[`${props.collateralId}UserTroveRank`];\n const totalTroves = state[`${props.collateralId}AllOpenTroves`].length.toString();\n const bottom15Percent = bottomNPercentofNum('.15', totalTroves);\n const bottom10Percent = bottomNPercentofNum('.10', totalTroves);\n if (bottom10Percent === undefined || bottom15Percent === undefined) {\n return '';\n }\n const gapUntilLast = safeSub(totalTroves, troveRank);\n if (isLessThanOrEqual(gapUntilLast, bottom15Percent)) {\n if (isLessThanOrEqual(collateralRatio, bottom10Percent)) {\n return 'danger';\n }\n return 'warning';\n }\n return 'healthy';\n };\n\n let threatStatus: string = '';\n let redemptionThreatStatus: string = '';\n let critCollateralRatio: string = '';\n let minCollateralRatio: string = '';\n\n if (\n isNumber(collateralRatio) &&\n isNumber(stateMinCollateralRatio) &&\n isNumber(stateCritCollateralRatio)\n ) {\n const threatEvaluation = determineThreatStatus(stateCritCollateralRatio, collateralRatio);\n threatStatus = threatEvaluation;\n critCollateralRatio = stateCritCollateralRatio;\n minCollateralRatio = stateMinCollateralRatio;\n }\n\n if (\n isNumber(state[`${props.collateralId}UserTroveRank`]) &&\n state[`${props.collateralId}AllOpenTroves`].length\n ) {\n redemptionThreatStatus = determineRedemptionThreatStatus();\n }\n\n let liquidationPrice: string = '';\n\n if (state.chainView !== '' && stateCollAmount !== '' && stateBorrowAmount !== '') {\n const mcr = stateMinCollateralRatio;\n liquidationPrice = getUserLiquidationPrice(stateCollAmount, stateBorrowAmount, mcr);\n }\n\n const showPositionBox = () => {\n //thing is not showing because collateral ratio update isn't caught\n return threatStatus !== ''; //props.collateralRatio !== '';\n };\n\n const buildPositionLabel = (collateralID: string) => {\n const collateralCoin = getCoinFromUID(collateralID);\n if (collateralCoin !== undefined) {\n const coinIcon = getIconSrcFromCoin(collateralCoin);\n return (\n {props.children}
\n \n
\n \n 
\n
\n );\n }\n };\n\n const buildThreatTag = (threatStatus: string, redemptionThreatStatus: string) => {\n if (threatStatus === 'danger' || redemptionThreatStatus === 'danger') {\n return {collateralCoin.label} Position
\n Warning
;\n } else if (threatStatus === 'warning' || redemptionThreatStatus === 'warning') {\n return Warning
;\n } else if (threatStatus === 'healthy' && redemptionThreatStatus === 'healthy') {\n return Healthy
;\n } else {\n return <>;\n }\n };\n\n const buildCollateralRatioMessage = (threatStatus: string, ccr: string, mcr: string) => {\n let ccrMessage = '';\n let mcrMessage = '';\n if (ccr !== '') {\n ccrMessage = ' of ' + formatPositiveNumber(safeMult(ccr, '100')) + '%';\n }\n if (mcr !== '') {\n mcrMessage = ' of ' + formatPositiveNumber(safeMult(mcr, '100')) + '%';\n }\n\n switch (threatStatus) {\n case 'danger':\n return (\n 'Your position is below the critical collateral ratio' +\n ccrMessage +\n ' meaning it may be subject to partial liquidation in the event Ethos enters recovery mode or' +\n ' full liquidation if your collateral ratio falls below the minimum collateral ratio' +\n mcrMessage +\n '. Be extra cautious to ensure your position has enough collateral by repaying debt or' +\n ' adding additional collateral.'\n );\n case 'warning':\n return (\n 'Your position is nearing the critical collateral ratio' +\n ccrMessage +\n ' meaning it may be subject to partial liquidation in the event Ethos enters recovery mode.' +\n ' You can raise your collateral ratio by adding more collateral or repaying debt.'\n );\n case 'healthy':\n return '';\n default:\n return '';\n }\n };\n\n const buildClaimableCollateralRow = () => {\n if (hasClaimableColl) {\n return (\n \n
\n );\n } else {\n return <>;\n }\n };\n\n const buildCollateralRatioMessageBox = (threatStatus: string) => {\n if (threatStatus === 'healthy' || threatStatus === '') {\n return <>;\n } else {\n return (\n \n
\n Unclaimed Collateral
\n \n You have collateral remaining from a partial liquidation available to claim.\n
\n \n {\n if (collateralCoin !== undefined && state.chainView !== '') {\n dispatch({ type: 'isTxModalOpen', content: 'inProgress' });\n dispatch({ type: 'isLoadingTxSteps', content: true });\n const currentTxMessages = [\n {\n inProgress: 'Check your wallet to claim collateral.',\n success: 'Successfully claimed collateral.',\n failure: 'Claim failed or the transaction was canceled.',\n pending: 'Waiting to claim collateral.',\n },\n ];\n dispatch({ type: 'txMessages', content: currentTxMessages });\n dispatch({ type: 'currentTxNumber', content: 0 });\n dispatch({ type: 'currentTxStatus', content: 'inProgress' });\n dispatch({ type: 'isLoadingTxSteps', content: false });\n claimCollateral(collateralCoin.addresses[state.chainView], state).then(\n (result) => {\n if (!isErrorMsg(result)) {\n dispatch({ type: 'currentTxStatus', content: 'success' });\n } else {\n dispatch({ type: 'currentTxStatus', content: 'failure' });\n }\n }\n );\n }\n }}\n >\n Claim Collateral\n \n
\n \n \n \n {'$'}\n {formatPositiveNumber(liquidationPrice, 2)}\n \n Liquidation Price\n
\n \n {'When ' +\n (collateralCoin !== undefined ? collateralCoin.ticker : 'the collateral') +\n ' reaches this price your position will be liquidated.'}\n
\n \n Collateral Ratio Rank\n \n \n CR Rank assesses your trove's collateral ratio in comparison to others of the same asset. \n The troves with the lowest collateral ratios will have lower CR ranks and will be redeemed first.\n E.g. the 30th of 30 troves is most susceptible to redemption.\n \n \n
\n \n {'The lowest CR ranked positions are the first to be redeemed.'}\n
\n \n \n );\n } else {\n return (\n \n \n \n {'$'}\n {formatPositiveNumber(liquidationPrice, 2)}\n \n Liquidation Price\n
\n \n
\n \n {buildPositionLabel(props.collateralId)}\n
\n {'-'}
\n {'Closed by Liquidation'}\n \n
\n {buildClaimableCollateralRow()}\n \n );\n } else if (status === 'Closed By Redemption') {\n return (\n \n {'Your collateral fell under the minimum required to maintain your ' +\n 'position and has been liquidated. ' +\n (hasClaimableColl ? 'You may claim any remaining collateral.' : '')}\n {/*' Read more about liquidations [here]'*/}\n
\n {state.appVersion === '2_1' &&\n \n \n \n \n
\n }\n \n
\n \n {buildPositionLabel(props.collateralId)}\n
\n {'-'}
\n {'Closed by Redemption'}\n \n
\n {buildClaimableCollateralRow()}\n \n );\n } else if (status === 'Closed By Owner' && hasClaimableColl) {\n return (\n \n {'Your collateral has been redeemed due to being one of the lowest collateralized positions. ' +\n (hasClaimableColl ? 'You may claim any remaining collateral.' : '')}\n
\n {state.appVersion === '2_1' &&\n \n \n \n \n
\n }\n \n
\n {buildClaimableCollateralRow()}\n \n );\n }\n\n return !isBoxMode ? (\n showPositionBox() ? (\n \n {buildPositionLabel(props.collateralId)}\n
\n {state.appVersion === '2_1' &&\n {'-'}
\n {'Closed'}\n \n \n \n \n
\n }\n \n
\n \n {buildPositionLabel(props.collateralId)}\n
\n {buildThreatTag(threatStatus, redemptionThreatStatus)}
\n \n
\n Borrowed Amount
\n \n {isNumber(stateBorrowAmount) ? (\n formatPositiveNumber(stateBorrowAmount)\n ) : (\n
\n \n
\n \n \n {collateralRatio !== '' ? (\n formatPositiveNumber(safeMult(collateralRatio, '100'), 5)\n ) : (\n
\n \n
\n My Collateral
\n \n {isNumber(stateCollAmount) ? (\n formatPositiveNumber(stateCollAmount)\n ) : (\n
\n \n \n
\n \n {buildLowerRow(threatStatus)}\n {buildClaimableCollateralRow()}\n \n ) : (\n <>\n )\n ) : isGreaterThan(stateCollAmount, '0') ? (\n \n \n
\n \n {buildPositionLabel(props.collateralId)}\n {buildThreatTag(threatStatus, redemptionThreatStatus)}\n
\n \n
\n \n \n
\n \n \n
\n\n \n
\n Borrowed Amount
\n \n {isNumber(stateBorrowAmount) ? (\n formatPositiveNumber(stateBorrowAmount, 5)\n ) : (\n
\n \n
\n My Collateral
\n \n {isNumber(stateCollAmount) ? (\n formatPositiveNumber(stateCollAmount, 6)\n ) : (\n
\n \n
\n \n \n {collateralRatio !== '' ? (\n formatPositiveNumber(safeMult(collateralRatio, '100'), 5)\n ) : (\n
\n {(state[`${props.collateralId}UserTroveRank`] && state[`${props.collateralId}AllOpenTroves`]) &&\n \n #{state[`${props.collateralId}UserTroveRank`]} of {state[`${props.collateralId}AllOpenTroves`].length}\n CR Rank\n \n \n CR Rank assesses your trove's collateral ratio in comparison to others of the same asset. \n The troves with the lowest collateral ratios will have lower CR ranks and will be redeemed first.\n E.g. the 30th of 30 troves is most susceptible to redemption.\n \n \n
\n }\n \n
\n {buildClaimableCollateralRow()}\n \n ) : (\n \n
\n {buildCollateralRatioMessageBox(threatStatus)}\n \n {'$'}\n {formatPositiveNumber(liquidationPrice, 2)}\n
\n Liquidation Price
\n \n {'When ' +\n (collateralCoin !== undefined ? collateralCoin.ticker : 'the collateral') +\n ' reaches this price your position will be liquidated.'}\n
\n \n
\n )}\n \n );\n}\n\nexport default PositionBox;\n","import { ethers } from 'ethers';\nimport { ChainNativeCurrencyInterface } from '../storage/Types';\n\ndeclare const window: any;\nconst DEBUG_MODE = false;\n\nexport async function connectToNetwork(\n chainIdHex: string,\n chainName: string,\n nativeCurrency: ChainNativeCurrencyInterface,\n rpcUrl: string,\n blockExplorerUrl: string\n) {\n if (window.ethereum !== undefined) {\n if (chainIdHex === '0x1') {\n window.ethereum\n .request({\n method: 'wallet_switchEthereumChain',\n params: [\n {\n chainId: chainIdHex,\n },\n ],\n })\n .catch(() => {});\n } else {\n window.ethereum\n .request({\n method: 'wallet_addEthereumChain',\n params: [\n {\n chainId: chainIdHex,\n chainName: chainName,\n nativeCurrency: nativeCurrency,\n rpcUrls: [rpcUrl],\n blockExplorerUrls: [blockExplorerUrl],\n },\n ],\n })\n .catch(() => {});\n }\n }\n}\n\nexport async function checkBrowserWallet() {\n try {\n const provider = new ethers.providers.Web3Provider(window.ethereum);\n const signer = provider.getSigner();\n const addr = await signer.getAddress();\n return {\n address: addr,\n provider: provider,\n };\n } catch (error) {\n DEBUG_MODE && console.log(error);\n return {\n address: undefined,\n provider: undefined,\n };\n }\n}\n\nexport async function connectBrowserWallet() {\n try {\n let addresses = await window.ethereum.request({ method: 'eth_requestAccounts' });\n const provider = new ethers.providers.Web3Provider(window.ethereum);\n const connectedChain = await window.ethereum.request({ method: 'eth_chainId' });\n return {\n address: ethers.utils.getAddress(addresses[0]),\n provider: provider,\n connectedChain: connectedChain,\n };\n } catch (error) {\n DEBUG_MODE && console.log(error);\n return {\n address: undefined,\n provider: undefined,\n connectedChain: undefined,\n };\n }\n}\n\nexport async function requestWalletPermissions() {\n await window.ethereum.request({\n method: 'wallet_requestPermissions',\n params: [\n {\n eth_accounts: {},\n },\n ],\n });\n}\n\nexport function buildBatchWalletProvider(chainRpc: string) {\n return new ethers.providers.JsonRpcBatchProvider(chainRpc);\n}\n\nexport function saveTheme(theme: string) {\n localStorage.setItem('theme', theme);\n}\nexport function retrieveTheme() {\n return localStorage.getItem('theme');\n}\n\nexport function saveHamburgerMenuPosition(position: string) {\n localStorage.setItem('hamburgerMenuPosition', position);\n}\nexport function retrieveHamburgerMenuPosition() {\n return localStorage.getItem('hamburgerMenuPosition');\n}\n\nexport function saveAutoBrowserWallet(position: boolean) {\n localStorage.setItem('autoBrowserWallet', position.toString());\n}\nexport function retrieveAutoBrowserWallet() {\n return localStorage.getItem('autoBrowserWallet');\n}\n\nexport function readEthosV2IsLiveModal() {\n localStorage.setItem('readEthosV2.1IsLiveModal', 'true');\n}\nexport function retrieveReadEthosV2IsLiveModal() {\n return localStorage.getItem('readEthosV2.1IsLiveModal');\n}","import { useContext } from 'react';\nimport { connectToNetwork } from '../functions/browser';\n\nimport '../styling/NetworkWarning.css';\nimport '../styling/Modal.css';\nimport { Context } from '../Store';\nimport { getChainFromId } from '../functions/chainHelpers';\nimport Button from './Button';\nimport { defaultChain } from '../storage/Chains';\n\ninterface SwitchNetworkButtonProps {\n className?: string;\n}\n\nfunction SwitchNetworkButton(props: SwitchNetworkButtonProps) {\n const [state]: any = useContext(Context);\n\n let { className = '' } = props;\n\n const connectToChainView = () => {\n const chain = state.currentPage === \"migrate\" ? getChainFromId(state.chainView) : defaultChain;\n if (chain !== undefined && chain.nativeCurrency !== undefined) {\n if (state.walletType === 'browser') {\n connectToNetwork(\n chain.chainId.hex,\n chain.label,\n chain.nativeCurrency,\n chain.defaultRpc,\n chain.explorerUrl\n );\n } else if (state.walletType === 'walletConnect') {\n }\n }\n };\n return (\n \n
\n \n
\n \n Open {collateralCoin.ticker} Position\n
\n \n
\n {state.appVersion === '2_1' &&\n \n {state.appVersion === '2_1' ? \n 'Deposit ' +\n collateralCoin.ticker +\n ' to borrow ' +\n state.stabilityCoin.ticker +\n '.'\n :\n 'Switch over to Ethos V2.1 to open a new position.'\n }\n
\n \n \n \n \n
\n }\n \n \n
\n );\n}\nexport default SwitchNetworkButton;\n","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgX(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 21,\n height: 21,\n viewBox: \"0 0 21 21\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M10.0312 11.3443L14.7452 16.0584C15.0706 16.3838 15.5983 16.3838 15.9237 16.0584C16.2491 15.7329 16.2491 15.2053 15.9237 14.8798L11.2097 10.1658L15.9237 5.45177C16.2491 5.12634 16.2491 4.5987 15.9237 4.27327C15.5983 3.94782 15.0706 3.94782 14.7452 4.27327L10.0312 8.98732L5.31711 4.27325C4.99168 3.94782 4.46404 3.94782 4.13861 4.27325C3.81317 4.59869 3.81317 5.12632 4.13861 5.45177L8.85262 10.1658L4.13861 14.8799C3.81317 15.2053 3.81317 15.7329 4.13861 16.0584C4.46404 16.3838 4.99168 16.3838 5.31711 16.0584L10.0312 11.3443Z\",\n fill: \"#08001C\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgX);\nexport default __webpack_public_path__ + \"static/media/x.2daa0993.svg\";\nexport { ForwardRef as ReactComponent };","import '../../styling/Modal.css';\n\nimport { ReactComponent as XIcon } from '../../assets/icons/x.svg';\n\ninterface ModalProps {\n handleClose: () => void;\n children?: any;\n className?: string;\n classNameBody?: string;\n classNameHeader?: string;\n title?: string;\n}\n\nconst Modal = (props: ModalProps) => {\n const {\n className = '',\n classNameBody = 'padding-full',\n classNameHeader = '',\n title = '',\n } = props;\n\n return (\n \n {\n event.stopPropagation();\n }}\n className={'modal ' + className}\n >\n
\n \n \n
\n {title}
\n {props.children}
\n \n \n );\n};\n\nexport default Modal;\n","import { useContext, useEffect, useState } from 'react';\nimport Modal from './Modal';\nimport { Context } from '../../Store';\nimport { getCoinFromUID } from '../../functions/coinHelpers';\nimport Button from '../Button';\nimport { getChainCollateralFromId } from '../../functions/chainHelpers';\nimport { camelCaseToWords, epochToDate, toFixedDecimals, getFirstWord } from '../../functions/formatters';\nimport { Coin, TroveSubgraphUserChangesInterface } from '../../storage/Types';\n\ninterface CollateralChangesModalProps {\n isOpen:boolean;\n handleClose?: () => void;\n className?: string;\n}\n\nconst CollateralChangesModal = (props: CollateralChangesModalProps) => {\n const {\n isOpen = false,\n handleClose = () => {},\n } = props;\n\n const [state]: any = useContext(Context);\n const [selectedCollateralId, setSelectedCollateralId] = useState\n
\n );\n } else {\n return <>;\n }\n };\n\n return (\n <>\n {isOpen ? (\n \n {availableCollateral.map((v) => buildButton(v))}\n
\n \n \n \n
\n :\n No transactions found.\n }\n
\n \n ) : (\n <>\n )}\n \n );\n};\n\nexport default CollateralChangesModal;","import '../styling/PositionsPage.css';\nimport { ReactElement, useContext, useState } from 'react';\nimport { Context } from '../Store';\nimport { NavLink } from 'react-router-dom';\nimport Button from './Button';\n\nimport PositionBox from './PositionBox';\nimport { getChainCollateralFromId } from '../functions/chainHelpers';\nimport { checkShowNetworkWarningForEthos, isThereAnEmptyCollateralPosition } from '../functions/stateHelpers';\nimport { ReactComponent as PositionsIcon } from '../assets/icons/arrow-up.svg';\nimport ConnectWalletButton from './ConnectWalletButton';\nimport SwitchNetworkButton from './SwitchNetworkButton';\nimport CollateralChangesModal from './modals/CollateralChangesModal';\n\ninterface PositionsPageProps {\n className?: string;\n}\n\nfunction PositionsPage(props: PositionsPageProps) {\n const [state, dispatch]: any = useContext(Context);\n const [isCollateralChangesModalOpen, setIsCollateralChangesModalOpen] = useState\n {buildCollateralSelectButtons()}\n
\n {state[`${selectedCollateralId}UserTroveChanges`].length > 0 ?\n | Type | \nCollateral Change | \nDebt Change | \n {!state.isMobile &&\n <>\nCollateral Left | \nDebt Left | \n \n }\nDate | \n
|---|
\n {showPositions ? (\n
\n ) : (\n \n setIsCollateralChangesModalOpen(false)}/>\n
\n ) : (\n \n \n \n \n
\n \n {isThereAnEmptyCollateralPosition(state) && state.appVersion === '2_1' ? (\n \n \n \n ) : (\n <>\n )}\n
\n \n
\n \n
\n {buildPositionElements()}
\n \n setIsCollateralChangesModalOpen(false)}/>\n
\n )}\n \n
\n \n
\n \n
\n \n Open a Position\n
\n \n
\n \n Deposit your collateral to borrow Ethos Reserve Notes, or ERN. ERN loans are\n interest free, and cost only a small fee on issuance. You can use your ERN to earn\n passive income or trade on most popular decentralized exchanges.\n
\n \n {state.appVersion === '2_1' ?\n \n \n \n :\n
\n \n \n
\n \n );\n}\n\nexport default PositionsPage;\n","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgGift(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 12,\n height: 12,\n viewBox: \"0 0 12 12\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M4.33333 1.00018C5.0035 1.00018 5.60255 1.30443 6 1.78233C6.39745 1.30443 6.9965 1.00018 7.66665 1.00018H7.7C8.41795 1.00018 9 1.58221 9 2.30018C9 2.54972 8.94625 2.78671 8.84965 3.00018H9C9.82845 3.00018 10.5 3.67176 10.5 4.50018V9.00018C10.5 9.82863 9.82845 10.5002 9 10.5002H3C2.17158 10.5002 1.5 9.82863 1.5 9.00018V4.50018C1.5 3.67176 2.17158 3.00018 3 3.00018H3.15035C3.05377 2.78671 3 2.54972 3 2.30018C3 1.58221 3.58203 1.00018 4.3 1.00018H4.33333ZM9.5 7.00018H6.5V9.50018H9C9.25642 9.50018 9.46775 9.30717 9.49664 9.0585L9.5 9.00018V7.00018ZM5.5 7.00018H2.5V9.00018C2.5 9.27633 2.72386 9.50018 3 9.50018H5.5V7.00018ZM5.5 4.00018H3C2.74358 4.00018 2.53225 4.19321 2.50336 4.44187L2.5 4.50018V6.00018H5.5V4.00018ZM9 4.00018H6.5V6.00018H9.5V4.50018C9.5 4.22404 9.27615 4.00018 9 4.00018ZM4.33333 2.00018H4.3C4.13432 2.00018 4 2.1345 4 2.30018C4 2.68678 4.3134 3.00018 4.7 3.00018H5.4882C5.4073 2.4348 4.92108 2.00018 4.33333 2.00018ZM7.7 2.00018H7.66665C7.10689 2.00018 6.63924 2.3944 6.52608 2.92034L6.5118 3.00018H7.3C7.6866 3.00018 8 2.68678 8 2.30018C8 2.15107 7.89122 2.02736 7.74867 2.00411L7.7 2.00018Z\",\n fill: \"#7659A1\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgGift);\nexport default __webpack_public_path__ + \"static/media/gift.b993c302.svg\";\nexport { ForwardRef as ReactComponent };","import '../styling/Input.css';\nimport Button from './Button';\nimport { isNumber as checkIsNumber } from '../functions/formatters';\nimport { ReactComponent as EditIcon } from '../assets/icons/edit.svg';\nimport { ReactComponent as XIcon } from '../assets/icons/x.svg';\n\ninterface InputProps {\n text?: string;\n onClick?: () => void;\n onMouseEnter?: () => void;\n onMouseLeave?: () => void;\n className?: string;\n label?: string;\n placeholder?: any;\n value?: any;\n setValue?: any;\n submit?: any;\n showMaxButton?: boolean;\n maxValueFunction?: () => void;\n isValid?: boolean;\n errorMessage?: string;\n isNumber?: boolean;\n readonly?: boolean;\n showEditButton?: boolean;\n isEditButtonEnabled?: boolean;\n editValueFunction?: () => void;\n showResetButton?: boolean;\n resetValueFunction?: () => void;\n showApplyButton?: boolean;\n applyButtonFunction?: () => void;\n isApplyButtonDisabled?: boolean;\n}\n\nconst Input = (props: InputProps) => {\n const {\n onClick = () => {},\n onMouseEnter = () => {},\n onMouseLeave = () => {},\n className = '',\n value = '',\n showMaxButton = false,\n maxValueFunction = () => {},\n isValid = true,\n label = '',\n errorMessage = '',\n isNumber = true,\n readonly = false,\n showEditButton = false,\n isEditButtonEnabled = false,\n editValueFunction = () => {},\n showResetButton = false,\n resetValueFunction = () => {},\n showApplyButton = false,\n applyButtonFunction = () => {},\n isApplyButtonDisabled = false,\n } = props;\n\n const handleChange = (event: any) => {\n if (props.setValue !== undefined) {\n props.setValue(event.target.value);\n }\n };\n\n const handleSubmit = (event: any) => {\n event.preventDefault();\n if (props.submit) {\n props.submit();\n }\n };\n\n const checkNumberError = value !== '' && isNumber && !checkIsNumber(value);\n const errorStatus = value !== '' && (!isValid || checkNumberError) ? 'input-error ' : ' ';\n\n const displayErrorMessage = () => {\n if (checkNumberError) {\n return 'This value must be a number.';\n } else {\n if (errorMessage !== '' && !isValid) {\n return errorMessage;\n } else {\n return <>;\n }\n }\n };\n\n return (\n \n
\n \n
\n \n
\n \n Open a Position\n
\n \n
\n \n Deposit your collateral to borrow Ethos Reserve Notes, or ERN. ERN loans are interest\n free, and cost only a small fee on issuance. You can use your ERN to earn passive\n income or trade on most popular decentralized exchanges.\n
\n {buildActionButtonIfDataIsntLoading()}
\n \n {label !== '' ? (\n \n Apply\n \n ) : (\n <>\n )}\n
\n \n
\n ) : (\n <>\n )}\n {label}
\n \n \n {}}\n >\n \n {isEditButtonEnabled ? (\n
\n {showApplyButton ? (\n \n {displayErrorMessage()}\n
\n \n );\n};\n\nexport default Input;\n","import { ReactComponent as GiftIcon } from '../assets/icons/gift.svg';\nimport Button from './Button';\n\ninterface ClaimRewardsBoxProps {\n claimFunction: () => void;\n isShown: () => boolean;\n className?: string;\n}\n\nfunction ClaimRewardsBox(props: ClaimRewardsBoxProps) {\n return props.isShown() ? (\n \n
\n \n ) : (\n <>\n );\n}\n\nexport default ClaimRewardsBox;\n","var _path, _path2, _path3, _path4, _path5;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgErn(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 452.54 452.63\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M452.54,226.4c.29,124.53-101.46,227.24-228.23,226.22C100.91,451.63-1.32,350.9,.01,223.69,1.33,98.87,103.88-2.21,230.49,.04c123.81,2.2,222.4,103.59,222.04,226.36Zm-226.31,206.36c113.84-.31,204.77-91.29,206.42-203.15,1.72-116.6-91.79-207.84-202.77-209.65C114.82,18.07,21.05,110.56,19.93,224.2c-1.12,113.76,90.46,208.21,206.3,208.55h0Z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M175.06,113.48c17.69,53.84,35.39,107.68,53.17,161.79-1.25,.07-2.16,.15-3.08,.15-36.61,0-73.21,.05-109.82,0-26.75-.05-47.1-21.15-45.59-47.77,.93-16.37,8.77-28.95,23.41-36.74,25.65-13.65,51.38-27.12,77.11-40.61,1.61-.85,2.24-1.8,2.32-3.64,.51-11.06,1.18-22.1,1.79-33.16,.22,0,.45,0,.67-.02h0Zm25.51,118.18c-4.54-13.81-8.95-27.2-13.4-40.71-.69,.28-1.08,.4-1.44,.59-15.47,8.01-30.86,16.19-46.43,23.98-10.26,5.14-19.76,12.68-32.3,11.51-.1,0-.24,0-.31,.06-.7,.69-2.01,1.5-1.92,2.07,.16,.89,1.12,1.93,2,2.35,.88,.41,2.07,.16,3.13,.16h90.66Z\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M224.32,177.18h4.06c36.39,0,72.8,0,109.19,0,21,0,38.72,13.69,44.04,33.97,5.24,19.98-3.9,40.95-22.14,50.59-25.5,13.48-51.02,26.92-76.57,40.29-2.05,1.07-2.89,2.32-2.98,4.61-.47,10.85-1.08,21.68-2.3,32.67-17.7-53.85-35.41-107.71-53.29-162.13h0Zm27.73,43.77c4.57,13.92,8.96,27.27,13.41,40.8,1.12-.54,1.87-.89,2.61-1.27,19.68-10.21,39.38-20.38,59.02-30.64,4.96-2.59,10.05-4.33,15.72-4.19,1.94,.05,4.9,.84,4.94-2.3,.04-3.17-2.94-2.37-4.88-2.37-28.96-.04-57.94-.03-86.9-.03h-3.91Z\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M238.06,134.1v-26.51h26.46v26.51h-26.46Z\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M187.96,344.95v-26.33h26.33v26.33h-26.33Z\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgErn);\nexport default __webpack_public_path__ + \"static/media/ern.62c8e571.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgStability(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 21,\n height: 20,\n viewBox: \"0 0 21 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_725_8642)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.25351 2.88633C7.80789 2.33197 8.74003 2.68672 8.81371 3.43851L8.81836 3.53452V16.6667C8.81836 17.1269 8.44526 17.5 7.98503 17.5C7.55766 17.5 7.20544 17.1783 7.1573 16.7639L7.15169 16.6667V5.34517L5.24095 7.25593C4.91551 7.58136 4.38788 7.58136 4.06243 7.25593C3.76203 6.95552 3.73893 6.48283 3.99311 6.15592L4.06243 6.07741L7.25351 2.88633ZM12.985 2.5C13.4124 2.5 13.7646 2.8217 13.8128 3.23615L13.8184 3.33333V14.6548L15.7291 12.7441C16.0545 12.4187 16.5822 12.4187 16.9076 12.7441C17.208 13.0445 17.2311 13.5172 16.9769 13.8441L16.9076 13.9226L13.7165 17.1137C13.1621 17.6681 12.23 17.3133 12.1563 16.5615L12.1517 16.4655V3.33333C12.1517 2.8731 12.5248 2.5 12.985 2.5Z\",\n fill: \"#08001C\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_725_8642\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 20,\n height: 20,\n fill: \"white\",\n transform: \"translate(0.484375)\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgStability);\nexport default __webpack_public_path__ + \"static/media/stability.f8e9d6dc.svg\";\nexport { ForwardRef as ReactComponent };","import { ReactElement, useContext, useEffect, useState } from 'react';\nimport { Context } from '../Store';\n\nimport Input from './Input';\nimport Button from './Button';\n\nimport {\n claimStabilityPoolRewards,\n depositStableToStabilityPool,\n getTokenBalance,\n withdrawStableFromStabilityPool,\n} from '../functions/blockchainRouter';\nimport { isErrorMsg, formatPositiveNumber } from '../functions/formatters';\nimport { isGreaterThan, safeMult } from '../functions/safeMath';\nimport LoadingSpinner from './LoadingSpinner';\nimport Modal from './modals/Modal';\nimport {\n checkShowNetworkWarningForEthos,\n clearUserLiquidationRewards,\n clearUserStabilityRewards,\n editTotalStabilityPoolDeposits,\n editUserCollateralBalance,\n editUserStabilityPoolDeposits,\n isStabilityPositionOpen,\n} from '../functions/stateHelpers';\nimport { getChainConfigFromId } from '../functions/chainHelpers';\nimport { Reward } from '../storage/Types';\nimport ClaimRewardsBox from './ClaimRewardsBox';\nimport { getIconSrcFromCoin, getIconSrcFromCoinId } from '../functions/coinHelpers';\nimport { ReactComponent as ErnIcon } from '../assets/icons/coins/ern.svg';\nimport { ReactComponent as StabilityIcon } from '../assets/icons/stability.svg';\nimport ConnectWalletButton from './ConnectWalletButton';\nimport SwitchNetworkButton from './SwitchNetworkButton';\nimport InfoBox from './InfoBox';\n\ninterface StabilityPageProps {\n className?: string;\n}\n\nfunction StabilityPage(props: StabilityPageProps) {\n const [state, dispatch]: any = useContext(Context);\n\n const [depositInputVal, setDepositInputVal] = useState\n
\n \n
\n \n You have pending claimable rewards\n
\n \n Your position has earned you rewards! Send them to your connected wallet by clicking on\n the Claim Rewards button.\n
\n \n \n
\n \n {formatPositiveNumber(reward.amount, 5)}\n {coinIconSrc !== undefined ? (\n
\n );\n liquidationRewardsList.push(rewardElement);\n });\n\n return {liquidationRewardsList}
;\n };\n\n const showClaimRewardsBox = () => {\n let isAnyClaimableLiquidationRewards = false;\n state.userLiquidationRewards.every((reward: Reward) => {\n if (isGreaterThan(reward.amount, '0')) {\n isAnyClaimableLiquidationRewards = true;\n return false;\n } else {\n return true;\n }\n });\n return isGreaterThan(state.userStabilityRewards, '0') || isAnyClaimableLiquidationRewards;\n };\n\n const openPositionExists: boolean = isStabilityPositionOpen(state);\n const isLoaded =\n state.userStabilityDeposits !== '' &&\n state.userStabilityRewards !== '' &&\n state.userLiquidationRewards !== '';\n\n let stabilityRewardIconSrc = undefined;\n if (state.stabilityRewardCoin !== undefined) {\n stabilityRewardIconSrc = getIconSrcFromCoin(state.stabilityRewardCoin);\n }\n\n const buildActionButtonIfDataIsntLoading = () => {\n const connectedToWrongChain = checkShowNetworkWarningForEthos(state);\n if (state.walletProvider === undefined && state.walletAddress.length === 0) {\n return \n {isLoaded ? (\n \n
\n )}\n \n );\n}\n\nexport default StabilityPage;\n","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgStake(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 21,\n height: 20,\n viewBox: \"0 0 21 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_725_5856)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip1_725_5856)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M18.814 11.5909C19.1069 11.298 19.1069 10.8232 18.814 10.5303C18.5211 10.2374 18.0462 10.2374 17.7533 10.5303L11.3893 16.8943C11.0964 17.1872 11.0964 17.662 11.3893 17.9549C11.6822 18.2478 12.1571 18.2478 12.45 17.9549L18.814 11.5909ZM18.1879 9.035C18.8434 8.37957 18.7534 7.29249 17.9991 6.75373L11.8119 2.33432C11.2153 1.9081 10.3979 1.97577 9.87943 2.49426L3.35334 9.02035C2.83484 9.53885 2.76716 10.3562 3.19339 10.9529L7.61279 17.1401C8.15153 17.8943 9.23862 17.9843 9.89406 17.3289L18.1879 9.035ZM17.1273 7.97434L8.8334 16.2682L4.414 10.081L10.9401 3.55492L17.1273 7.97434Z\",\n fill: \"#807D87\"\n })))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_725_5856\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 20,\n height: 20,\n fill: \"white\",\n transform: \"translate(0.859375)\"\n })), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip1_725_5856\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 18,\n height: 18,\n fill: \"white\",\n transform: \"translate(23.5879 10) rotate(135)\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgStake);\nexport default __webpack_public_path__ + \"static/media/stake.a59692a3.svg\";\nexport { ForwardRef as ReactComponent };","import { ReactElement, useContext, useEffect, useState } from 'react';\nimport { Context } from '../Store';\n\nimport Input from './Input';\nimport Button from './Button';\nimport ClaimRewardsBox from './ClaimRewardsBox';\n\nimport {\n approveSpend,\n claimStakingPoolRewards,\n depositInStakingPool,\n getAllowance,\n getTokenBalance,\n withdrawFromStakingPool,\n} from '../functions/blockchainRouter';\nimport { isErrorMsg, isNumber, formatPositiveNumber } from '../functions/formatters';\nimport { isGreaterThan, safeMult } from '../functions/safeMath';\nimport LoadingSpinner from './LoadingSpinner';\nimport Modal from './modals/Modal';\nimport {\n isStakingPositionOpen,\n editUserStakingPoolDeposits,\n editTotalStakingPoolDeposits,\n clearUserStakingRewards,\n clearUserStakingRedemptionRewards,\n editUserCollateralBalance,\n checkShowNetworkWarningForEthos,\n} from '../functions/stateHelpers';\nimport { getChainConfigFromId } from '../functions/chainHelpers';\nimport { Reward } from '../storage/Types';\nimport { getIconSrcFromCoin, getIconSrcFromCoinId } from '../functions/coinHelpers';\nimport { ReactComponent as ErnIcon } from '../assets/icons/coins/ern.svg';\nimport ConnectWalletButton from './ConnectWalletButton';\nimport SwitchNetworkButton from './SwitchNetworkButton';\nimport { ReactComponent as StakeIcon } from '../assets/icons/stake.svg';\n\ninterface StakingPageProps {\n className?: string;\n}\n\nfunction StakingPage(props: StakingPageProps) {\n const [state, dispatch]: any = useContext(Context);\n\n const [depositInputVal, setDepositInputVal] = useState\n {\n setIsEditModalOpen(false);\n }}\n title={editModalMode === 'deposit' ? 'Deposit' : 'Withdraw'}\n >\n {editModalMode === 'deposit' ? (\n {\n setDepositMoreInputVal(maxStableAvailable);\n }}\n value={depositMoreInputVal}\n setValue={setDepositMoreInputVal}\n errorMessage=\"Put error message here.\"\n className=\"padding-bottom\"\n />\n ) : (\n {\n setWithdrawInputVal(state.userStabilityDeposits);\n }}\n value={withdrawInputVal}\n setValue={setWithdrawInputVal}\n errorMessage=\"Put error message here.\"\n className=\"padding-bottom\"\n />\n )}\n {editModalMode === 'deposit' ? (\n
\n ) : (\n \n
\n {openPositionExists ? (\n <>\n \n
\n \n {openPositionExists ? 'My Stability Pool' : 'Deposit in the Stability Pool'}\n
\n \n {state.stabilityApr !== '' ? (\n formatPositiveNumber(safeMult(state.stabilityApr, '100'), 3) + ' % APR'\n ) : (\n <>\n )}\n
\n \n {'There is currently '}\n {state.totalStabilityDeposits !== '' ? (\n formatPositiveNumber(state.totalStabilityDeposits, 2)\n ) : (\n
\n \n
\n {/* \n
\n \n
\n \n
\n {state.userLiquidationRewards.length !== 0 ? (\n \n
\n \n Deposited Tokens\n
\n \n {state.userStabilityDeposits !== '' ? (\n formatPositiveNumber(state.userStabilityDeposits)\n ) : (\n
\n \n
\n \n Rewards\n
\n \n {state.userStabilityRewards !== '' ? (\n formatPositiveNumber(state.userStabilityRewards, 5)\n ) : (\n
\n \n
\n ) : (\n <>\n )}\n \n Liquidation Rewards\n
\n \n {state.userLiquidationRewards.length !== 0 ? (\n buildUserLiquidationRewardsList()\n ) : (\n
\n \n
\n \n \n \n
*/}\n \n \n Tired of claiming your rewards? Try out the stERN vault.\n \n
\n \n \n \n
\n {isEditModalOpen ? (\n \n {\n setIsEditModalOpen(true);\n setEditModalMode('withdraw');\n }}\n />\n {\n setIsEditModalOpen(true);\n setEditModalMode('deposit');\n }}\n />\n
\n \n
\n ) : (\n \n Tokens in Wallet\n
\n \n {maxStableAvailable !== '' ? (\n formatPositiveNumber(maxStableAvailable)\n ) : (\n
\n \n
\n )}\n {editModalMode === 'deposit' ? (\n \n Deposited Tokens\n
\n \n {state.userStabilityDeposits !== '' ? (\n formatPositiveNumber(state.userStabilityDeposits)\n ) : (\n
\n \n {\n setDepositMoreInputVal('');\n setIsEditModalOpen(false);\n }}\n disabled={false}\n />\n {\n deposit(depositMoreInputVal);\n }}\n />\n
\n ) : (\n \n {\n setWithdrawInputVal('');\n setIsEditModalOpen(false);\n }}\n disabled={false}\n />\n {\n withdraw(withdrawInputVal);\n }}\n />\n
\n )}\n \n ) : (\n <>\n )}\n \n ) : (\n <>\n \n
\n \n
\n \n )}\n \n {\n setDepositInputVal('');\n }}\n disabled={depositInputVal === ''}\n />\n {\n deposit(depositInputVal);\n }}\n disabled={depositInputVal === '' || parseFloat(depositInputVal) === 0}\n />\n
\n \n
\n \n
\n \n
\n \n Stability Pool\n
\n \n
\n \n Invest ERN into the Stability Pool and receive up to{' '}\n {state.stabilityApr !== ''\n ? formatPositiveNumber(safeMult(state.stabilityApr, '100'), 2) + ' % APR'\n : '10% APY'}{' '}\n through rewards and liquidation gains.\n
\n {buildActionButtonIfDataIsntLoading()}
\n \n {formatPositiveNumber(reward.amount, 5)}\n {coinIconSrc !== undefined ? (\n
\n );\n redemptionRewardsList.push(rewardElement);\n });\n\n return {redemptionRewardsList}
;\n };\n\n const openPositionExists: boolean = isStakingPositionOpen(state);\n const isLoaded =\n state.userStakingDeposits !== '' &&\n state.userStakingRewards !== '' &&\n state.userRedemptionRewards !== '';\n\n let stakingIconSrc = undefined;\n if (state.stakingCoin !== undefined) {\n stakingIconSrc = getIconSrcFromCoin(state.stakingCoin);\n }\n\n const buildActionButtonIfDataIsntLoading = () => {\n const connectedToWrongChain = checkShowNetworkWarningForEthos(state);\n if (state.walletProvider === undefined && state.walletAddress.length === 0) {\n return \n {isLoaded ? (\n \n
\n )}\n \n );\n}\n\nexport default StakingPage;\n","import { useContext, useEffect, useState, useImperativeHandle, forwardRef } from 'react';\nimport Input from './Input';\nimport { isGreaterThan, isLessThan, isZero, safeAdd, safeSub } from '../functions/safeMath';\nimport { Context } from '../Store';\nimport { formatPositiveNumber, isNumber } from '../functions/formatters';\n\ninterface ClassicOpenInputsProps {\n selectedCollateral:any;\n maxCollateralAvailable:string\n submitInputs:(collInput: string, borrowInput: string) => void\n minBorrow:string\n debtLimit:string;\n totalCollDebt:string;\n className?: string;\n}\n\nconst ClassicOpenInputs = (props: ClassicOpenInputsProps, ref:any) => {\n let {\n selectedCollateral={},\n maxCollateralAvailable='',\n submitInputs=(collInput: string, borrowInput: string) => {},\n minBorrow='',\n debtLimit='',\n totalCollDebt=''\n } = props;\n\n const [state]: any = useContext(Context);\n\n const [collateralInputVal, setCollateralInputVal] = useState\n {\n setIsEditModalOpen(false);\n }}\n title={editModalMode === 'deposit' ? 'Deposit' : 'Withdraw'}\n >\n {editModalMode === 'deposit' ? (\n {\n setDepositMoreInputVal(maxStakingCoinAvailable);\n }}\n value={depositMoreInputVal}\n setValue={setDepositMoreInputVal}\n errorMessage=\"Put error message here.\"\n className=\"padding-bottom\"\n />\n ) : (\n {\n setWithdrawInputVal(state.userStakingDeposits);\n }}\n value={withdrawInputVal}\n setValue={setWithdrawInputVal}\n errorMessage=\"Put error message here.\"\n className=\"padding-bottom\"\n />\n )}\n {editModalMode === 'deposit' ? (\n
\n ) : (\n \n
\n {openPositionExists ? (\n <>\n \n
\n \n {openPositionExists ? 'My Staking Pool' : 'Deposit in the Staking Pool'}\n
\n \n {state.stakingApr !== '' ? (\n formatPositiveNumber(safeMult(state.stakingApr, '100'), 2) + ' % APR'\n ) : (\n <>\n )}\n
\n \n \n {'There is currently '}\n {state.totalStakingDeposits !== '' ? (\n formatPositiveNumber(state.totalStakingDeposits, 2)\n ) : (\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n Deposited Tokens\n
\n \n {state.userStakingDeposits !== '' ? (\n formatPositiveNumber(state.userStakingDeposits)\n ) : (\n
\n \n
\n {state.userRedemptionRewards.length !== 0 ? (\n \n Rewards\n
\n \n {state.userStakingRewards !== '' ? (\n formatPositiveNumber(state.userStakingRewards, 5)\n ) : (\n
\n \n
\n ) : (\n <>\n )}\n \n Redemption Rewards\n
\n \n {state.userRedemptionRewards.length !== 0 ? (\n buildUserRedemptionRewardsList()\n ) : (\n
\n \n
\n \n \n
\n {isEditModalOpen ? (\n \n {\n setIsEditModalOpen(true);\n setEditModalMode('withdraw');\n }}\n />\n {\n setIsEditModalOpen(true);\n setEditModalMode('deposit');\n }}\n />\n
\n \n
\n ) : (\n \n Tokens in Wallet\n
\n \n {maxStakingCoinAvailable !== '' ? (\n formatPositiveNumber(maxStakingCoinAvailable)\n ) : (\n
\n \n
\n )}\n {editModalMode === 'deposit' ? (\n \n Deposited Tokens\n
\n \n {state.userStakingDeposits !== '' ? (\n formatPositiveNumber(state.userStakingDeposits)\n ) : (\n
\n \n {\n setDepositMoreInputVal('');\n setIsEditModalOpen(false);\n }}\n disabled={false}\n />\n {\n deposit(depositMoreInputVal);\n }}\n />\n
\n ) : (\n \n {\n setWithdrawInputVal('');\n setIsEditModalOpen(false);\n }}\n disabled={false}\n />\n {\n withdraw(withdrawInputVal);\n }}\n />\n
\n )}\n \n ) : (\n <>\n )}\n \n ) : (\n <>\n \n
\n \n
\n \n )}\n \n {\n setDepositInputVal('');\n }}\n disabled={depositInputVal === ''}\n />\n {\n deposit(depositInputVal);\n }}\n disabled={depositInputVal === '' || parseFloat(depositInputVal) === 0}\n />\n
\n \n
\n \n
\n \n
\n \n Staking Pool\n
\n \n
\n \n Stake your Bonded OATH tokens and earn 14% APY through platform and trading fees.\n
\n \n {buildActionButtonIfDataIsntLoading()}\n
\n \n
\n );\n};\n\nexport default forwardRef\n {label !== '' ? (\n
\n \n
\n ) : (\n <>\n )}\n {label}
\n {\n displayValue &&\n \n \n {`${displayValue}`}\n \n \n {`${valueLabel}`}\n \n
\n }\n \n \n \n
\n \n {displayErrorMessage()}\n
\n \n );\n}\n\nexport default Slider;\n","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgCheck(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_725_16215)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M17.6604 4.5538C17.9859 4.87924 17.9859 5.40688 17.6604 5.73231L8.29126 15.1015C7.93328 15.4594 7.35288 15.4594 6.99489 15.1015L2.33978 10.4463C2.01434 10.1209 2.01434 9.59326 2.33978 9.26785C2.66521 8.94243 3.19285 8.94243 3.51829 9.26785L7.64308 13.3926L16.4819 4.5538C16.8074 4.22836 17.335 4.22836 17.6604 4.5538Z\",\n fill: \"#235F5F\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_725_16215\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 20,\n height: 20,\n fill: \"white\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCheck);\nexport default __webpack_public_path__ + \"static/media/check.a04d9761.svg\";\nexport { ForwardRef as ReactComponent };","import { forwardRef, useEffect, useImperativeHandle, useState } from 'react';\nimport Input from './Input';\nimport Slider from './Slider';\nimport { isGreaterThan, isLessThan, isZero, safeAdd, safeDiv, safeMult, safeSub } from '../functions/safeMath';\nimport { formatPositiveNumber, isNumber, toFixedDecimals } from '../functions/formatters';\nimport { Coin, LeverageCalculationsInterface } from '../storage/Types';\nimport { calculateLeverageData } from '../functions/stateHelpers';\nimport { LeverageConfig } from '../storage/LeverageConfig';\n\ninterface LeverageOpenInputsProps {\n selectedCollateral:Coin | undefined;\n maxCollateralAvailable:string\n submitInputs:(collInput: string, tcrInput: string, iterationsInput: string, leverageData: LeverageCalculationsInterface|undefined) => void\n minBorrow:string\n borrowRate:string\n liqReserve:string\n selectedCollateralPrice:string\n minCollateralRatioForLeverage:string\n stateCollPrice:string;\n stabilityCoinPrice:string;\n debtLimit:string;\n totalCollDebt:string;\n className?: string;\n}\n\nconst LeverageOpenInputs = (props: LeverageOpenInputsProps, ref:any) => {\n let {\n selectedCollateral={ticker:'', decimals:0},\n maxCollateralAvailable='',\n submitInputs=(collInput: string, tcrInput: string, iterationsInput: string, leverageData: LeverageCalculationsInterface|undefined) => {},\n minBorrow='',\n borrowRate='',\n liqReserve='',\n selectedCollateralPrice='',\n minCollateralRatioForLeverage='',\n stateCollPrice='',\n stabilityCoinPrice='',\n debtLimit='',\n totalCollDebt=''\n } = props;\n\n const [collateralInputVal, setCollateralInputVal] = useState\n
\n );\n};\n\nexport default forwardRef\n
\n \n
\n \n \n {isActive ? (\n isValid ? (\n
\n \n \n {label}\n
\n \n {description}\n
\n \n {isActive ? (\n \n
\n );\n};\n\nexport default ClassicOpenConditionBoxes;\n","import { useContext } from 'react';\nimport { Context } from '../Store';\nimport { formatPositiveNumber, isNumber } from '../functions/formatters';\nimport ConditionBox from './ConditionBox';\n\nimport { ReactComponent as ErnIcon } from '../assets/icons/coins/ern.svg';\nimport { safeMult } from '../functions/safeMath';\n\ninterface LeverageOpenConditionBoxesProps {\n selectedCollateral:any;\n totalERNBorrowed:string;\n isTotalERNBorrowedValid:boolean;\n ernInWallet:string;\n isERNInWalletValid:boolean;\n totalTroveCollateral:string;\n isTotalTroveCollateralValid:boolean;\n collateralInputVal:string;\n tcrInputVal:string;\n iterationsInputVal:string;\n borrowRate:string;\n isBorrowingFeeValid:boolean;\n borrowFee:string;\n isTotalDebtValid:boolean;\n totalDebt:string;\n isLiqReserveValid:boolean;\n liqReserve:string;\n isLiqPriceNormalValid:boolean;\n liqPriceNormal:string;\n isLiqPriceRecoveryValid:boolean;\n liqPriceRecovery:string;\n isCollateralRatioRankValid:boolean;\n collateralRatioRank:string;\n isCRRankNearLast:boolean;\n className?: string;\n}\n\nconst LeverageOpenConditionBoxes = (props: LeverageOpenConditionBoxesProps) => {\n let {\n selectedCollateral={},\n totalERNBorrowed ='',\n isTotalERNBorrowedValid = false,\n ernInWallet ='',\n isERNInWalletValid =false,\n totalTroveCollateral ='',\n isTotalTroveCollateralValid = false,\n collateralInputVal ='',\n tcrInputVal ='',\n iterationsInputVal ='',\n borrowRate ='',\n isBorrowingFeeValid = false,\n borrowFee ='',\n isTotalDebtValid = false,\n totalDebt ='',\n isLiqReserveValid = false,\n liqReserve ='',\n isLiqPriceNormalValid = false,\n liqPriceNormal ='',\n isLiqPriceRecoveryValid = false,\n liqPriceRecovery ='',\n isCollateralRatioRankValid=false,\n collateralRatioRank='',\n isCRRankNearLast=false\n } = props;\n\n const [state]: any = useContext(Context);\n\n\n\n return (\n \n
\n \n \n
\n \n
\n \n \n {formatPositiveNumber(collateralRatio, 3)}\n {' %'}\n
\n \n \n {'One time fee of ' +\n (borrowRate !== '' && isNumber(borrowRate)\n ? formatPositiveNumber((safeMult(borrowRate, '100')), 2) + '% '\n : '0.5% ') +\n 'incurred when your position is opened and when you increase your debt. This amount is added to your total debt.'}\n \n }\n isValid={isBorrowingFeeValid}\n isActive={collateralInputVal !== '' && borrowInputVal !== ''}\n >\n
\n \n {formatPositiveNumber(borrowFee)}{' '}\n
\n \n \n
\n \n \n
\n \n {formatPositiveNumber(totalDebt, 3)}{' '}\n
\n \n \n
\n \n \n
\n \n {collateralRatioRank}\n
\n \n \n
\n \n \n
\n \n {formatPositiveNumber(liqReserve, 2)}{' '}\n
\n \n \n
\n \n \n
\n \n {'$'}\n {formatPositiveNumber(liqPriceNormal, 2)}\n
\n \n \n \n
\n \n {'$'}\n {formatPositiveNumber(liqPriceRecovery, 2)}\n
\n \n \n
\n );\n};\n\nexport default LeverageOpenConditionBoxes;\n","import '../styling/InfoBox.css';\n\ninterface InfoBoxProps {\n children: any;\n title?: string;\n className?: string;\n}\n\nfunction InfoBox(props: InfoBoxProps) {\n return (\n \n
\n \n \n
\n \n
\n \n \n {formatPositiveNumber(totalTroveCollateral, 3)}\n {selectedCollateral !== undefined ? ' ' + selectedCollateral.ticker : ''}\n
\n \n \n The estimated total amount of ERN that you will borrow after leveraging.\n \n }\n isValid={isTotalERNBorrowedValid}\n isActive={collateralInputVal !== '' && tcrInputVal !== '' && iterationsInputVal !== ''}\n >\n
\n \n {formatPositiveNumber(totalERNBorrowed, 3)}{' '}\n
\n \n \n
\n \n \n The estimated total amount of ERN that will be in your wallet after the last iteration.\n \n }\n isValid={isERNInWalletValid}\n isActive={collateralInputVal !== '' && tcrInputVal !== '' && iterationsInputVal !== ''}\n >\n
\n \n {formatPositiveNumber(ernInWallet, 3)}{' '}\n
\n \n \n
\n \n \n {'One time fee of ' +\n (borrowRate !== '' && isNumber(borrowRate)\n ? formatPositiveNumber((safeMult(borrowRate, '100')), 2) + '% '\n : '0.5% ') +\n 'incurred when your position is opened and when you increase your debt. This amount is added to your total debt.'}\n \n }\n isValid={isBorrowingFeeValid}\n isActive={collateralInputVal !== '' && tcrInputVal !== '' && iterationsInputVal !== ''}\n >\n
\n \n {formatPositiveNumber(borrowFee, 3)}{' '}\n
\n \n \n
\n \n \n
\n \n {collateralRatioRank}\n
\n \n \n
\n \n \n
\n \n {formatPositiveNumber(totalDebt, 3)}{' '}\n
\n \n \n
\n \n \n
\n \n {formatPositiveNumber(liqReserve, 2)}{' '}\n
\n \n \n
\n \n \n
\n \n {'~$'}\n {formatPositiveNumber(liqPriceNormal, 2)}\n
\n \n \n \n
\n \n {'~$'}\n {formatPositiveNumber(liqPriceRecovery, 2)}\n
\n \n \n
\n \n )\n}\n\nexport default InfoBox;\n","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgLeverage(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 17,\n height: 18,\n viewBox: \"0 0 17 18\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14 2L14 6\",\n stroke: \"#B3B2B5\",\n strokeWidth: 1.5,\n strokeLinecap: \"round\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 3L13.6464 1.35355C13.8417 1.15829 14.1583 1.15829 14.3536 1.35355L16 3\",\n stroke: \"#B3B2B5\",\n strokeWidth: 1.5,\n strokeLinecap: \"round\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M2.29726 1.51795C2.05248 1.51795 1.85293 1.72303 1.85293 1.97016V2.85202C1.85293 3.10661 2.05985 3.30423 2.29726 3.30423H7.92372C8.15186 3.30423 8.35658 3.11498 8.36806 2.84701V1.97016C8.36806 1.71557 8.16113 1.51795 7.92372 1.51795H2.29726ZM1.33498 1.97016C1.33498 1.44921 1.75433 1 2.29726 1H7.92372C8.44589 1 8.88601 1.42822 8.88601 1.97016V2.8566L8.88585 2.86116C8.86726 3.38754 8.45399 3.82218 7.92372 3.82218H2.29726C1.7751 3.82218 1.33498 3.39396 1.33498 2.85202V1.97016Z\",\n fill: \"#B3B2B5\",\n stroke: \"#B3B2B5\",\n strokeWidth: 0.5,\n strokeMiterlimit: 10\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M1.68986 3.52248L1.94561 3.5632C2.20136 3.60394 2.20136 3.60395 2.20136 3.60397L2.19748 3.62818L2.18644 3.69656C2.17686 3.75561 2.16302 3.84037 2.14593 3.94339C2.11176 4.14938 2.06455 4.42868 2.01245 4.72156C1.9604 5.01414 1.90322 5.3217 1.84912 5.58376C1.79645 5.83889 1.74294 6.07016 1.69676 6.19751C1.63327 6.3726 1.59217 6.67354 1.56933 7.03244C1.54702 7.38297 1.54348 7.76019 1.54348 8.07209C1.54348 8.15365 1.5386 8.25261 1.53309 8.36428C1.51466 8.73775 1.48922 9.25347 1.61588 9.73633C1.69541 10.0395 1.82988 10.299 2.04489 10.4804C2.25607 10.6585 2.57263 10.7846 3.0641 10.7717L3.0675 10.7716H3.0709C3.12299 10.7716 3.17665 10.7835 3.22454 10.8051C3.26268 10.8222 3.32192 10.8568 3.36582 10.9214C3.43419 11.0029 3.58119 11.163 3.79726 11.2695C4.01542 11.377 4.31379 11.4355 4.70205 11.2749L4.71008 11.2716L4.71832 11.2688C4.8678 11.2184 5.01066 11.2725 5.09771 11.3606L5.10778 11.3707L5.11667 11.382C5.18552 11.469 5.34939 11.6428 5.59461 11.7443C5.8292 11.8414 6.15762 11.8812 6.58982 11.6781L6.95895 11.5046V14.7857C6.95895 15.1834 7.27929 15.4939 7.65647 15.4939C8.04279 15.4939 8.35399 15.1741 8.35399 14.7857V8.35657C8.35399 8.10348 8.57585 7.93359 8.81074 7.97318L8.81453 7.97382C9.06598 8.02005 9.385 8.22587 9.72764 8.73762C9.95331 9.06671 10.302 9.33413 10.6357 9.42177C10.799 9.46467 10.9496 9.4625 11.0813 9.41519C11.2108 9.36867 11.3432 9.27103 11.4606 9.08561L11.4631 9.08164C11.4784 9.05854 11.4824 9.03891 11.482 9.02437C11.4817 9.01051 11.4773 8.99199 11.4601 8.96962L11.4581 8.96711L11.4563 8.96455C11.3335 8.79659 11.1454 8.52604 10.9692 8.22656C10.7957 7.93176 10.6227 7.59086 10.543 7.28531C10.4548 6.96128 10.2859 6.64961 10.0903 6.38922C9.8931 6.12663 9.68038 5.93157 9.51837 5.83211L9.51367 5.82922L9.5091 5.82614C9.31505 5.69533 8.95012 5.44141 8.62951 5.06925C8.30821 4.69629 8.0185 4.18941 8.00242 3.55554L8.52021 3.54241C8.53227 4.01799 8.74894 4.41431 9.02193 4.73119C9.29351 5.04643 9.60801 5.26802 9.79431 5.39375C10.0249 5.53653 10.2813 5.78104 10.5045 6.07816C10.7306 6.37928 10.9343 6.74988 11.0432 7.15083L11.0439 7.15345C11.1049 7.38803 11.2482 7.67949 11.4155 7.96386C11.5796 8.24269 11.7564 8.49733 11.8728 8.65667C12.0388 8.87496 12.0375 9.14979 11.897 9.36462C11.7263 9.63335 11.5074 9.81247 11.2564 9.90265C11.007 9.99224 10.747 9.98652 10.5041 9.92273C10.0259 9.79712 9.58025 9.43919 9.29951 9.02914L9.29794 9.02685C9.12158 8.76323 8.97514 8.62612 8.87195 8.55538V14.7857C8.87195 15.4497 8.33918 16.0118 7.65647 16.0118C6.99276 16.0118 6.441 15.4689 6.441 14.7857V12.2825C6.03313 12.3901 5.6807 12.3405 5.39651 12.2229C5.11434 12.1061 4.91136 11.9275 4.78952 11.7955C4.29783 11.966 3.88249 11.8889 3.5683 11.7341C3.29075 11.5973 3.09934 11.4038 3.00008 11.2906C2.44669 11.2913 2.02334 11.1398 1.71094 10.8763C1.38793 10.6039 1.21118 10.2349 1.11488 9.86775C0.964516 9.29453 0.998113 8.64918 1.01711 8.28426C1.02175 8.19507 1.02553 8.12263 1.02553 8.07209C1.02553 7.75816 1.02902 7.36731 1.05242 6.99954C1.0753 6.64014 1.11859 6.27258 1.20983 6.02095C1.24102 5.93495 1.28772 5.74129 1.34187 5.47903C1.39458 5.22371 1.45081 4.92143 1.5025 4.63084C1.55414 4.34056 1.601 4.06335 1.63496 3.85863C1.65194 3.7563 1.66568 3.67216 1.67517 3.61364L1.68608 3.54603L1.68986 3.52248Z\",\n fill: \"#B3B2B5\",\n stroke: \"#B3B2B5\",\n strokeWidth: 0.5,\n strokeMiterlimit: 10\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M6.69997 10.0889C6.843 10.0889 6.95895 10.2049 6.95895 10.3479V11.8983C6.95895 12.0413 6.843 12.1572 6.69997 12.1572C6.55694 12.1572 6.44099 12.0413 6.44099 11.8983V10.3479C6.44099 10.2049 6.55694 10.0889 6.69997 10.0889Z\",\n fill: \"#B3B2B5\",\n stroke: \"#B3B2B5\",\n strokeWidth: 0.5,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M4.73572 10.3755C4.87758 10.3938 4.97774 10.5236 4.95944 10.6655C4.92677 10.9188 5.00475 11.1347 5.09834 11.2944C5.14491 11.3739 5.19374 11.4364 5.23033 11.4785C5.24851 11.4994 5.26335 11.5149 5.2729 11.5245C5.27767 11.5293 5.28109 11.5325 5.28291 11.5343L5.28433 11.5356C5.38989 11.6312 5.39853 11.7942 5.30342 11.9004C5.208 12.0069 5.04427 12.0159 4.93773 11.9205L5.11045 11.7276C4.93773 11.9205 4.93765 11.9204 4.93757 11.9203L4.9374 11.9202L4.93702 11.9199L4.93612 11.919L4.9338 11.9169L4.92709 11.9107C4.92174 11.9056 4.91467 11.8988 4.90614 11.8902C4.8891 11.8731 4.86613 11.849 4.83948 11.8184C4.7864 11.7574 4.71743 11.6688 4.65147 11.5563C4.52 11.3319 4.39401 11.0003 4.44574 10.5992C4.46404 10.4574 4.59387 10.3572 4.73572 10.3755Z\",\n fill: \"#B3B2B5\",\n stroke: \"#B3B2B5\",\n strokeWidth: 0.5,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M3.0337 10.0057C3.17555 10.024 3.27571 10.1538 3.25741 10.2957C3.22474 10.5489 3.30272 10.7649 3.39631 10.9246C3.44288 11.004 3.49171 11.0666 3.5283 11.1087C3.54649 11.1296 3.56132 11.1451 3.57088 11.1547C3.57564 11.1594 3.57906 11.1627 3.58088 11.1644L3.5823 11.1658C3.68786 11.2613 3.69651 11.4243 3.6014 11.5305C3.50597 11.6371 3.34225 11.6461 3.2357 11.5507L3.40848 11.3577C3.2357 11.5507 3.23578 11.5507 3.2357 11.5507L3.23499 11.55L3.2341 11.5492L3.23177 11.5471L3.22507 11.5408C3.21972 11.5358 3.21264 11.5289 3.20411 11.5204C3.18707 11.5033 3.1641 11.4792 3.13745 11.4486C3.08437 11.3875 3.0154 11.299 2.94944 11.1864C2.81797 10.9621 2.69199 10.6304 2.74372 10.2294C2.76201 10.0875 2.89184 9.98738 3.0337 10.0057Z\",\n fill: \"#B3B2B5\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.2357 11.5507C3.34225 11.6461 3.50597 11.6371 3.6014 11.5305C3.69651 11.4243 3.68786 11.2613 3.5823 11.1658L3.58088 11.1644C3.57906 11.1627 3.57564 11.1594 3.57088 11.1547C3.56132 11.1451 3.54649 11.1296 3.5283 11.1087C3.49171 11.0666 3.44288 11.004 3.39631 10.9246C3.30272 10.7649 3.22474 10.5489 3.25741 10.2957C3.27571 10.1538 3.17555 10.024 3.0337 10.0057C2.89184 9.98738 2.76201 10.0875 2.74372 10.2294C2.69199 10.6304 2.81797 10.9621 2.94944 11.1864C3.0154 11.299 3.08437 11.3875 3.13745 11.4486C3.1641 11.4792 3.18707 11.5033 3.20411 11.5204C3.21264 11.5289 3.21972 11.5358 3.22507 11.5408L3.23177 11.5471L3.2341 11.5492L3.23499 11.55L3.2357 11.5507ZM3.2357 11.5507L3.40848 11.3577C3.2357 11.5507 3.23578 11.5507 3.2357 11.5507Z\",\n stroke: \"#B3B2B5\",\n strokeWidth: 0.5,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M8.61298 7.21573C8.75601 7.21573 8.87196 7.33168 8.87196 7.4747V8.81173C8.87196 8.95476 8.75601 9.0707 8.61298 9.0707C8.46995 9.0707 8.354 8.95476 8.354 8.81173V7.4747C8.354 7.33168 8.46995 7.21573 8.61298 7.21573Z\",\n fill: \"#B3B2B5\",\n stroke: \"#B3B2B5\",\n strokeWidth: 0.5,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M5.40589 14.3275C5.54892 14.3275 5.66486 14.4435 5.66486 14.5865V15.0417C5.66486 16.1388 6.55032 17.03 7.62834 17.03C8.70636 17.03 9.59182 16.1388 9.59182 15.0417V14.5865C9.59182 14.4435 9.70777 14.3275 9.85079 14.3275C9.99382 14.3275 10.1098 14.4435 10.1098 14.5865V15.0417C10.1098 16.4194 8.99784 17.548 7.62834 17.548C6.25885 17.548 5.14691 16.4194 5.14691 15.0417V14.5865C5.14691 14.4435 5.26286 14.3275 5.40589 14.3275Z\",\n fill: \"#B3B2B5\",\n stroke: \"#B3B2B5\",\n strokeWidth: 0.5,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLeverage);\nexport default __webpack_public_path__ + \"static/media/leverage.2d190aca.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgLink(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 21,\n height: 20,\n viewBox: \"0 0 21 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_725_12290)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.026 5C10.4863 5 10.8594 5.3731 10.8594 5.83333C10.8594 6.29357 10.4863 6.66667 10.026 6.66667H5.02604V15.8333H14.1927V10.8333C14.1927 10.3731 14.5658 10 15.026 10C15.4863 10 15.8594 10.3731 15.8594 10.8333V15.8333C15.8594 16.7538 15.1132 17.5 14.1927 17.5H5.02604C4.10557 17.5 3.35938 16.7538 3.35938 15.8333V6.66667C3.35938 5.74619 4.10557 5 5.02604 5H10.026ZM17.526 2.5C17.9863 2.5 18.3594 2.8731 18.3594 3.33333V7.5C18.3594 7.96023 17.9863 8.33333 17.526 8.33333C17.0658 8.33333 16.6927 7.96023 16.6927 7.5V5.34517L9.78196 12.2559C9.45654 12.5813 8.92889 12.5813 8.60345 12.2559C8.27802 11.9305 8.27802 11.4028 8.60345 11.0774L15.5142 4.16667H13.3594C12.8991 4.16667 12.526 3.79357 12.526 3.33333C12.526 2.8731 12.8991 2.5 13.3594 2.5H17.526Z\",\n fill: \"#08001C\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_725_12290\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 20,\n height: 20,\n fill: \"white\",\n transform: \"translate(0.859375)\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLink);\nexport default __webpack_public_path__ + \"static/media/link.05a26e82.svg\";\nexport { ForwardRef as ReactComponent };","import Button from './../Button';\nimport Modal from './Modal';\n\ninterface LeverageWarningModalProps {\n isOpen:boolean;\n handleClose?: () => void;\n className?: string;\n}\n\nconst LeverageWarningModal = (props: LeverageWarningModalProps) => {\n const {\n isOpen = false,\n handleClose = () => {},\n } = props;\n\n return (\n <>\n {isOpen ? (\n \n {props.title &&\n
\n \n {props.title}\n
\n }\n \n {props.children}\n
\n \n Using leverage while ERN is below peg may not be in your best interest.\n {/* */}\n
\n \n ) : (\n <>\n )}\n \n );\n};\n\nexport default LeverageWarningModal;\n","import Modal from './Modal';\n\ninterface CollateralHelpModalProps {\n isOpen:boolean;\n handleClose?: () => void;\n className?: string;\n}\n\nconst CollateralHelpModal = (props: CollateralHelpModalProps) => {\n const {\n isOpen = false,\n handleClose = () => {},\n } = props;\n\n return (\n <>\n {isOpen ? (\n \n Frequently Asked Questions\n
\n \n ) : (\n <>\n )}\n \n );\n};\n\nexport default CollateralHelpModal;\n","import { useContext } from 'react';\nimport Button from '../Button';\nimport Modal from './Modal';\nimport { Context } from '../../Store';\nimport { formatPositiveNumber } from '../../functions/formatters';\nimport { ReactComponent as LinkIcon } from '../../assets/icons/link.svg';\n\ninterface RankWarningModalProps {\n isOpen:boolean;\n collateralRatio:string;\n handleClose?: () => void;\n handleSubmit: () => void;\n className?: string;\n}\n\nconst REDEMPTION_DOCS_URL = 'https://docs.ethos.finance/understanding-ethos-reserve/how-redemptions-work';\n\nconst RankWarningModal = (props: RankWarningModalProps) => {\n const {\n isOpen = false,\n collateralRatio = '',\n handleClose = () => {},\n handleSubmit = () => {},\n } = props;\n\n const [state]: any = useContext(Context);\n\n return (\n <>\n {isOpen ? (\n \n
\n \n
\n What is this for?
\n\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n
\n\n
\n What is this for?
\n\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n
\n\n
\n What is this for?
\n\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n
\n\n
\n What is this for?
\n\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n
\n\n
\n What is this for?
\n\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah Blah Blah blah\n
\n\n Critically Low Collateral Ratio Ranking\n \n {`Opening this trove with a collateral ratio of ${formatPositiveNumber(collateralRatio,0)}% \n will place it among the worst ranked troves. \n This may lead to your trove being redeemed,\n especially when ${state.stabilityCoin?.ticker} is below peg.\n To improve your rank and decrease the risk of redemption \n consider increasing your collateral ratio.`}\n \n
\n \n \n Learn More\n
\n \n \n
\n \n ) : (\n <>\n )}\n \n );\n};\n\nexport default RankWarningModal;","import { useContext, useEffect, useState, useRef } from 'react';\n\nimport '../styling/NewPositionPage.css';\n\nimport Button from './Button';\n\nimport { isErrorMsg, formatPositiveNumber, isNumber } from '../functions/formatters';\n\nimport { Context } from '../Store';\nimport { getCoinFromUID } from '../functions/coinHelpers';\nimport { getChainCollateralFromId, getChainConfigFromId } from '../functions/chainHelpers';\nimport { Coin, LeverageCalculationsInterface } from '../storage/Types';\nimport {\n isGreaterThan,\n isGreaterThanOrEqual,\n isLessThanOrEqual,\n isZero,\n safeAdd,\n safeSub,\n safeDiv,\n safeMult,\n isLessThan,\n bottomNPercentofNum,\n} from '../functions/safeMath';\nimport {\n approveSpend,\n getBorrowingRateWithDecay,\n getMinDebtAndCompensation,\n getTokenBalance,\n openTrove,\n getAllowance,\n estimateNewTCR,\n leverToTargetCRWithIterations,\n getCollateralDebtLimit,\n} from '../functions/blockchainRouter';\nimport {\n getUnstakedCollateralPositions,\n editUserCollateralPosition,\n editUserCollateralBalance,\n getCollateralData,\n getUserLiquidationPrice,\n checkIfLeverageIsDisabled,\n refreshCollateralStatus,\n} from '../functions/stateHelpers';\nimport { useNavigate } from 'react-router-dom';\n\nimport ClassicOpenInputs from './ClassicOpenInputs';\nimport LeverageOpenInputs from './LeverageOpenInputs';\nimport ClassicOpenConditionBoxes from './ClassicOpenConditionBoxes';\nimport LeverageOpenConditionBoxes from './LeverageOpenConditionBoxes';\nimport InfoBox from './InfoBox';\n\nimport { ReactComponent as LeverageIcon } from '../assets/icons/leverage.svg';\nimport { ReactComponent as HelpIcon } from '../assets/icons/help.svg';\nimport { ReactComponent as LinkIcon } from '../assets/icons/link.svg';\nimport { LeverageConfig } from '../storage/LeverageConfig';\nimport LeverageWarningModal from './modals/LeverageWarningModal';\nimport CollateralHelpModal from './modals/CollateralHelpModal';\nimport ToolTip from './Tooltip';\nimport RankWarningModal from './modals/RankWarningModal';\n\ninterface NewPositionPageProps {\n collateralId?: string;\n className?: string;\n}\n\ninterface MinDebtAndCompensation {\n minNetDebt: string;\n gasCompensation: string;\n}\n\nconst MAX_ITERATIONS = \"15\";\n\nfunction NewPositionPage(props: NewPositionPageProps) {\n const navigate = useNavigate();\n const [state, dispatch]: any = useContext(Context);\n const [maxCollateralAvailable, setMaxCollateralAvailable] = useState{text}
;\n };\n\n const buildCollateralSelectButtons = () => {\n const availableCollateral = getChainCollateralFromId(state.chainView, state.appVersion);\n\n const buildButton = (coinId: string) => {\n const coin = getCoinFromUID(coinId);\n const isOpen = isGreaterThan(state[coinId + 'CollateralAmount'], '0');\n if (coin !== undefined && !isOpen) {\n return (\n\n {/*
\n );\n } else {\n return <>;\n }\n };\n\n const buildPositionTypeButtons = () => {\n const leverageDisabled = checkIfLeverageIsDisabled(selectedCollateralId, state);\n return (\n Select Collateral
*/}\n \n {availableCollateral.map((v) => buildButton(v))}\n
\n \n {/*
\n );\n };\n\n return (\n Select Collateral
*/}\n \n {\n setIsLeverageModeEnabled(!isLeverageModeEnabled);\n }}\n iconStart={\n \n Leverage is disabled while ERN is below $0.99 or the collateral is in recovery mode.\n \n }\n
\n \n \n \n }\n {!isLeverageModeEnabled ?\n \n Caution\n
\n )}\n \n
\n \n
\n \n {selectedCollateral !== undefined && (\n
\n \n 
\n
\n )}\n \n {`Open a New ${selectedCollateral !== undefined ? selectedCollateral.label : ''} Position`}\n
\n {/* \n
*/}\n \n {`Deposit ${selectedCollateral?.ticker} to borrow ${state.stabilityCoin?.ticker}`}\n
\n \n {buildCollateralSelectButtons()}\n {(state.appVersion === '2_1' && !state.isMobile) &&\n buildPositionTypeButtons()\n }\n
\n \n {(state.appVersion === '2_1' && state.isMobile) &&\n buildPositionTypeButtons()\n }\n
\n {isLeverageModeEnabled &&\n \n Using leverage can result in increased price sensitivity and may \n make closing your position more difficult in the event of a downward price movement. \n In addition, use of leverage can make liquidation more punishing. \n Please use Leverage Mode wisely and ensure you've planned for both positive and negative outcomes. \n \n
\n \n Read more about leverage here
\n \n {disclaimerMessage}
\n\n
\n \n \n
\n {buildOpenPositionDescriptionText()}
\n \n setShowRankWarningModal(true) \n : openPosition\n }\n disabled={!isLeverageModeEnabled ?\n isOpenPositionClassicDisabled() \n : \n isOpenPositionLeverageDisabled()\n }\n />\n
\n {positionElements}
\n \n );\n};\n\nexport default AllPositionsModal;\n","import '../styling/DashboardPage.css';\nimport { ReactElement, useContext, useMemo, useState } from 'react';\nimport { Context } from '../Store';\nimport { Link, NavLink } from 'react-router-dom';\nimport Button from './Button';\n\nimport ConnectWalletButton from './ConnectWalletButton';\nimport LoadingSpinner from './LoadingSpinner';\n\nimport { ReactComponent as StabilityIcon } from '../assets/icons/stability.svg';\nimport { ReactComponent as StakeIcon } from '../assets/icons/stake.svg';\nimport { ReactComponent as PositionsIcon } from '../assets/icons/arrow-up.svg';\n\nimport { ReactComponent as ErnIcon } from '../assets/icons/coins/ern.svg';\nimport { ReactComponent as StERNIcon } from '../assets/icons/coins/stERN.svg';\n\nimport { isGreaterThan, safeMult } from '../functions/safeMath';\nimport { Reward, UserCollateralPositionData } from '../storage/Types';\nimport { formatPositiveNumber, isNumber } from '../functions/formatters';\nimport PositionBox from './PositionBox';\nimport { checkShowNetworkWarningForEthos, getAllCollateralData } from '../functions/stateHelpers';\nimport { getIconSrcFromCoin, getIconSrcFromCoinId } from '../functions/coinHelpers';\nimport SwitchNetworkButton from './SwitchNetworkButton';\nimport AllPositionsModal from './modals/AllPositionsModal';\n\nfunction DashboardPage() {\n const [state, dispatch]: any = useContext(Context);\n const [positionElements, setPositionElements] = useState\n {formatPositiveNumber(reward.amount, 5)}\n {coinIconSrc !== undefined ? (\n
\n );\n redemptionRewardsList.push(rewardElement);\n });\n return {redemptionRewardsList}
;\n };\n\n const bOathUrl = (state.appVersion === '2' || state.appVersion === '2_1') ?\n 'https://op.beets.fi/pool/0xd13d81af624956327a24d0275cbe54b0ee0e9070000200000000000000000109' \n :\n 'https://op.beets.fi/pool/0xd20f6f1d8a675cdca155cb07b5dc9042c467153f0002000000000000000000bc';\n\n const buildDashPositions = () => {\n const isLoadingPositions = checkIfPositionsAreLoaded();\n\n const isInAnyPosition =\n state.btcStatus === 'Active' ||\n state.ethStatus === 'Active' ||\n state.opStatus === 'Active' ||\n state.wstethStatus === 'Active' ||\n state.btcStatus === 'Closed By Liquidation' ||\n state.ethStatus === 'Closed By Liquidation' ||\n state.opStatus === 'Closed By Liquidation' ||\n state.wstethStatus === 'Closed By Liquidation' ||\n state.btcStatus === 'Closed By Redemption' ||\n state.ethStatus === 'Closed By Redemption' ||\n state.opStatus === 'Closed By Redemption' ||\n state.wstethStatus === 'Closed By Redemption';\n\n if (isInAnyPosition && state.walletAddress.length !== 0) {\n return (\n \n
\n \n My Positions\n
\n {setIsPositionsModalOpen(true)}}>\n View All +\n
\n {positionElements}
\n \n );\n } else {\n return (\n \n
\n );\n }\n };\n\n const buildDashStaking = () => {\n let stakingIconSrc = undefined;\n if (state.stakingCoin !== undefined) {\n stakingIconSrc = getIconSrcFromCoin(state.stakingCoin);\n }\n let internals = <>;\n if (\n isNumber(state.userStakingDeposits) &&\n isGreaterThan(state.userStakingDeposits, '0') &&\n state.walletAddress.length !== 0\n ) {\n internals = (\n \n
\n \n
\n \n
\n \n
\n \n Open a Position\n
\n \n
\n \n {\n `Deposit your collateral to borrow Ethos Reserve Notes, or ERN. ERN loans are\n interest free, and cost only a small fee on issuance. You can use your ERN to earn\n passive income or trade on most popular decentralized exchanges. \n ${state.appVersion !== '2_1' ? ` Only available on Ethos V2.1.` : '' }`\n }\n
\n \n {!isLoadingPositions && state.walletAddress.length !== 0 ? (\n state.appVersion === '2_1' ?\n \n \n \n :\n
\n \n
\n );\n } else {\n internals = (\n \n
\n \n
\n \n
\n \n
\n Staking Pool
\n \n {state.stakingApr !== '' ? (\n formatPositiveNumber(safeMult(state.stakingApr, '100'), 2) + ' % APR'\n ) : (\n <>\n )}\n
\n \n {formatPositiveNumber(state.totalStakingDeposits, 3)} {state.stakingCoin?.ticker}\n {' deposited in the pool.'}\n
\n \n \n \n \n
\n \n
\n \n
\n \n Deposited Tokens\n
\n \n {state.userStakingDeposits !== '' ? (\n formatPositiveNumber(state.userStakingDeposits, 3)\n ) : (\n
\n \n
\n {state.userRedemptionRewards.length !== 0 ? (\n \n Rewards\n
\n \n {state.userStakingRewards !== '' ? (\n formatPositiveNumber(state.userStakingRewards, 5)\n ) : (\n
\n \n
\n ) : (\n <>\n )}\n \n Redemption Rewards\n
\n \n {state.userRedemptionRewards.length !== 0 ? (\n buildUserRewardsList(state.userRedemptionRewards)\n ) : (\n
\n \n
\n );\n }\n return (\n \n
\n \n
\n \n Staking Pool\n
\n \n
\n \n Stake your Bonded OATH tokens{' '}\n {state.stakingApr !== ''\n ? 'and earn ' + formatPositiveNumber(safeMult(state.stakingApr, '100'), 2) + ' %'\n : 'and earn up to 6%'}{' '}\n APR through platform and trading fees.\n
\n \n {state.userStakingDeposits !== '' && state.walletAddress.length !== 0 ? (\n <>\n \n \n \n \n \n \n \n ) : (\n buildActionButtonIfDataIsntLoading()\n )}\n
\n \n {internals}\n
\n );\n };\n\n const buildDashStability = () => {\n let stabilityRewardIconSrc = undefined;\n if (state.stakingRewardCoin !== undefined) {\n stabilityRewardIconSrc = getIconSrcFromCoin(state.stabilityRewardCoin);\n }\n\n let internals = <>;\n if (\n isNumber(state.userStabilityDeposits) &&\n isGreaterThan(state.userStabilityDeposits, '0') &&\n state.walletAddress.length !== 0\n ) {\n internals = (\n \n
\n );\n } else {\n internals = (\n \n
\n \n
\n \n
\n \n
\n Stability Pool
\n \n {state.stabilityApr !== '' ? (\n formatPositiveNumber(safeMult(state.stabilityApr, '100'), 2) + ' % APR'\n ) : (\n <>\n )}\n
\n \n {formatPositiveNumber(state.totalStabilityDeposits, 3)}{' '}\n {state.stabilityCoin?.ticker}\n {' deposited in the pool.'}\n
\n \n \n \n \n
\n \n
\n \n
\n \n Deposited Tokens\n
\n \n {state.userStabilityDeposits !== '' ? (\n formatPositiveNumber(state.userStabilityDeposits, 3)\n ) : (\n
\n \n
\n {state.userLiquidationRewards.length !== 0 ? (\n \n Rewards\n
\n \n {state.userStabilityRewards !== '' ? (\n formatPositiveNumber(state.userStabilityRewards, 5)\n ) : (\n
\n \n
\n ) : (\n <>\n )}\n \n Liquidation Rewards\n
\n \n {state.userLiquidationRewards.length !== 0 ? (\n buildUserRewardsList(state.userLiquidationRewards)\n ) : (\n
\n \n
\n );\n }\n return (\n \n
\n \n
\n \n Stability Pool\n
\n \n
\n \n Invest ERN into the Stability Pool{' '}\n {state.stabilityApr !== ''\n ? ' and earn ' +\n formatPositiveNumber(safeMult(state.stabilityApr, '100'), 2) +\n ' % APR'\n : ' and earn up to 10% APY'}{' '}\n through rewards and liquidation gains.\n
\n \n {state.userStabilityDeposits !== '' && state.walletAddress.length !== 0 ? (\n \n \n \n ) : (\n buildActionButtonIfDataIsntLoading()\n )}\n
\n \n {internals}\n
\n );\n };\n\n const buildDashStERN = () => {\n let internals = <>;\n if (\n isNumber(state.userStERNDepositsInERN) &&\n isGreaterThan(state.userStERNDepositsInERN, '0') &&\n state.walletAddress.length !== 0\n ) {\n internals = (\n \n
\n );\n } else {\n internals = (\n \n
\n \n
\n \n
\n \n
\n stERN Vault
\n \n {state.stabilityApr !== '' ? (\n formatPositiveNumber(safeMult(state.stERNApy, '100'), 2) + ' % APY'\n ) : (\n <>\n )}\n
\n \n {formatPositiveNumber(state.totalStERNDeposits, 3)}{' '}\n {state.stabilityCoin?.ticker}\n {' deposited in the pool.'}\n
\n \n \n \n \n
\n \n
\n \n
\n \n Deposited Tokens\n
\n \n {state.userStERNDepositsInERN !== '' ? (\n formatPositiveNumber(state.userStERNDepositsInERN, 3)\n ) : (\n
\n \n
\n \n USD Value\n
\n \n {state.userStERNDepositsUSD !== '' ? (\n `$${formatPositiveNumber(state.userStERNDepositsUSD, 2)}`\n ) : (\n
\n \n
\n );\n }\n return (\n \n
\n \n
\n \n stERN Vault\n
\n \n
\n \n Invest ERN into the stERN vault{' '}\n {state.stabilityApr !== ''\n ? ' and earn ' +\n formatPositiveNumber(safeMult(state.stERNApy, '100'), 2) +\n ' % APY'\n : ' and earn up to 5% APY'}.\n
\n \n {state.userStERNDepositsInERN !== '' && state.walletAddress.length !== 0 ? (\n \n \n \n ) : (\n buildActionButtonIfDataIsntLoading()\n )}\n
\n \n {internals}\n
\n );\n };\n\n return (\n \n {setIsPositionsModalOpen(false)}} />\n }\n
\n );\n}\n\nexport default DashboardPage;\n","import { useContext, useEffect, useMemo, useState } from 'react';\n\nimport Input from './Input';\nimport Button from './Button';\nimport CollateralHelpModal from './modals/CollateralHelpModal';\n\nimport { isErrorMsg, formatPositiveNumber, isNumber } from '../functions/formatters';\n\nimport { Context } from '../Store';\nimport { getCoinFromUID } from '../functions/coinHelpers';\nimport { getChainConfigFromId } from '../functions/chainHelpers';\nimport ConditionBox from './ConditionBox';\nimport { Coin, MinDebtAndCompensation, UserCollateralPositionData } from '../storage/Types';\nimport {\n bottomNPercentofNum,\n isEqualTo,\n isGreaterThan,\n isGreaterThanOrEqual,\n isLessThan,\n isLessThanOrEqual,\n isZero,\n safeAdd,\n safeDiv,\n safeMult,\n safeSub,\n} from '../functions/safeMath';\nimport {\n adjustTrove,\n approveSpend,\n closeTrove,\n getAllowance,\n getBorrowingRateWithDecay,\n getMinDebtAndCompensation,\n getTokenBalance,\n estimateNewTCR,\n deleverAndCloseTrove,\n getCollateralDebtLimit,\n} from '../functions/blockchainRouter';\nimport {\n editUserCollateralPosition,\n getCollateralData,\n editUserCollateralBalance,\n getUserLiquidationPrice,\n isEnoughERNNeededForDelever,\n} from '../functions/stateHelpers';\nimport Modal from './modals/Modal';\nimport { useNavigate } from 'react-router-dom';\nimport LoadingSpinner from './LoadingSpinner';\nimport { ReactComponent as ErnIcon } from '../assets/icons/coins/ern.svg';\nimport { ReactComponent as LinkIcon } from '../assets/icons/link.svg';\nimport { LeverageConfig } from '../storage/LeverageConfig';\nimport RankWarningModal from './modals/RankWarningModal';\n\ninterface EditPositionPageProps {\n collateralId: string;\n className?: string;\n}\n\nfunction EditPositionPage(props: EditPositionPageProps) {\n const navigate = useNavigate();\n\n const [state, dispatch]: any = useContext(Context);\n const [maxCollateralAvailable, setMaxCollateralAvailable] = useState\n {buildDashPositions()}\n
\n {\n isPositionsModalOpen &&\n \n {buildDashStability()}\n {buildDashStaking()}\n
\n \n {state.appVersion === '1' && buildDashStERN()}\n
\n \n
\n \n \n
\n \n {collateralCoin !== undefined && (\n
\n \n 
\n
\n )}\n \n {'Edit Your ' +\n (collateralCoin !== undefined ? collateralCoin.label : '') +\n ' Position'}\n
\n {/* \n
*/}\n \n \n {\n //setIsEditCollateralModalOpen(true);\n setIsEditCollateralOpen(!isEditCollateralOpen);\n }}\n isValid={isCollateralInputValid}\n label={buildCollInputLabel()}\n errorMessage={collateralInputErrorMsg}\n readonly={true}\n className=\"w-100 unselectable\"\n showResetButton={\n collateralPosition !== undefined &&\n !isEqualTo(collateralInputVal, collateralPosition.collateralAmount)\n }\n resetValueFunction={() => {\n if (collateralPosition !== undefined) {\n setCollateralInputVal(collateralPosition.collateralAmount);\n }\n }}\n />\n {isEditCollateralOpen && (\n
\n \n
\n )}\n \n {\n setIsEditCollateralModalDepositMode(true);\n setEditCollateralModalInput('');\n }}\n >\n {'Deposit More '}\n {collateralCoin !== undefined ? collateralCoin.ticker : ''}\n \n {\n setIsEditCollateralModalDepositMode(false);\n setEditCollateralModalInput('');\n }}\n >\n {'Withdraw '}\n {collateralCoin !== undefined ? collateralCoin.ticker : ''}\n \n
\n {(state.appVersion === '1' && collateralId !== 'op') &&\n \n \n Warning: Due to the recent exploit on Sonne, \n you may not be able to withdraw any collateral from your position even after repaying some of your debt.\n We have disabled depositing more collateral and repayments in the meantime.\n \n \n
\n }\n \n Learn More
\n \n \n {isEditCollateralModalDepositMode ? (\n {\n if (isNumber(editCollateralModalInput)) {\n if (isEditCollateralModalDepositMode) {\n setCollateralInputVal(\n safeAdd(collateralInputVal, editCollateralModalInput)\n );\n } else {\n setCollateralInputVal(\n safeSub(collateralInputVal, editCollateralModalInput)\n );\n }\n setEditCollateralModalInput('');\n setIsEditCollateralOpen(false);\n }\n }}\n isApplyButtonDisabled={!isEditCollateralModalConfirmButtonEnabled()}\n />\n ) : (\n {\n if (isNumber(editCollateralModalInput)) {\n if (isEditCollateralModalDepositMode) {\n setCollateralInputVal(\n safeAdd(collateralInputVal, editCollateralModalInput)\n );\n } else {\n setCollateralInputVal(\n safeSub(collateralInputVal, editCollateralModalInput)\n );\n }\n setEditCollateralModalInput('');\n setIsEditCollateralOpen(false);\n }\n }}\n isApplyButtonDisabled={!isEditCollateralModalConfirmButtonEnabled()}\n />\n )}\n
\n \n \n {\n //setIsEditBorrowModalOpen(true);\n setIsEditBorrowOpen(!isEditBorrowOpen);\n }}\n isValid={isBorrowInputValid}\n label={buildBorrowInputLabel()}\n errorMessage={borrowInputErrorMsg}\n readonly={true}\n className=\"w-100 \"\n showResetButton={\n collateralPosition !== undefined &&\n isNumber(baseBorrow) &&\n !isEqualTo(borrowInputVal, collateralPosition.borrowAmount)\n }\n resetValueFunction={() => {\n if (\n collateralPosition !== undefined &&\n isNumber(collateralPosition.borrowAmount)\n ) {\n setBorrowInputVal(collateralPosition.borrowAmount);\n }\n }}\n />\n {isEditBorrowOpen && (\n
\n \n
\n )}\n \n {\n setIsEditBorrowModalDepositMode(true);\n setEditBorrowModalInput('');\n }}\n >\n {'Repay '}\n {state.stabilityCoin !== undefined ? state.stabilityCoin.ticker : ''}\n \n {state.appVersion === '2_1' &&\n {\n setIsEditBorrowModalDepositMode(false);\n setEditBorrowModalInput('');\n }}\n >\n {'Borrow More '}\n {state.stabilityCoin !== undefined ? state.stabilityCoin.ticker : ''}\n \n }\n
\n {(state.appVersion === '1' && collateralId !== 'op') &&\n \n \n Warning: Due to the recent exploit on Sonne, \n you may not be able to withdraw any collateral from your position even after repaying some of your debt.\n We have disabled depositing more collateral and repaying debt in the meantime.\n \n \n
\n }\n \n Learn More
\n \n \n {isEditBorrowModalDepositMode ? (\n {\n if (isNumber(editBorrowModalInput)) {\n if (isEditBorrowModalDepositMode) {\n if (isEqualTo(borrowInputVal, editBorrowModalInput)) {\n setIsClosePositionModalOpen(true);\n } else {\n setBorrowInputVal(safeSub(borrowInputVal, editBorrowModalInput));\n }\n } else {\n setBorrowInputVal(safeAdd(borrowInputVal, editBorrowModalInput));\n }\n setEditBorrowModalInput('');\n setIsEditBorrowOpen(false);\n }\n }}\n isApplyButtonDisabled={!isEditBorrowModalConfirmButtonEnabled()}\n />\n ) : (\n {\n if (isNumber(editBorrowModalInput)) {\n if (isEditBorrowModalDepositMode) {\n setBorrowInputVal(safeSub(borrowInputVal, editBorrowModalInput));\n } else {\n setBorrowInputVal(safeAdd(borrowInputVal, editBorrowModalInput));\n }\n setEditBorrowModalInput('');\n setIsEditBorrowOpen(false);\n }\n }}\n />\n )}\n
\n \n
\n {showDisclaimerMessage && (\n \n
\n \n \n
\n \n
\n \n \n {formatPositiveNumber(collateralRatio, 3)}\n {' %'}\n
\n \n \n {'One time fee of ' +\n (borrowRate !== '' && isNumber(borrowRate)\n ? formatPositiveNumber((safeMult(borrowRate, '100')), 2) + '% '\n : '0.5% ') +\n 'incurred when your position is opened and when you increase your debt. ' +\n 'This amount is added to your total debt.'}\n \n }\n isValid={isBorrowingFeeValid}\n isActive={collateralInputVal !== '' && borrowInputVal !== ''}\n >\n
\n \n {formatPositiveNumber(borrowFee, 5)}{' '}\n
\n \n \n
\n \n \n
\n \n {formatPositiveNumber(totalDebt, 3)}{' '}\n
\n \n \n
\n \n \n
\n \n {collateralRatioRank}\n
\n \n \n
\n \n \n
\n \n
\n \n {formatPositiveNumber(liqReserve, 2)}
\n \n
\n \n \n
\n \n {'$'}\n {formatPositiveNumber(liqPriceNormal, 2)}\n
\n \n \n \n
\n \n {'$'}\n {formatPositiveNumber(liqPriceRecovery, 2)}\n
\n \n {disclaimerMessage}
\n \n )}\n\n
\n \n {isClosePositionModalOpen && (\n \n {/*
\n {buildOpenPositionDescriptionText()}
*/}\n \n {\n setIsClosePositionModalOpen(true);\n }}\n disabled={false}\n />\n setShowRankWarningModal(true)\n : adjustPosition}\n disabled={\n collateralPosition === undefined ||\n (collateralInputVal === collateralPosition.collateralAmount &&\n borrowInputVal === collateralPosition.borrowAmount) ||\n collateralInputVal === '' ||\n borrowInputVal === '' ||\n !isCollateralInputValid ||\n !isBorrowInputValid ||\n !isCollateralRatioValid ||\n newTCREstimate === '' ||\n collateralPosition.criticalCollateralRatio === '' ||\n isLessThanOrEqual(newTCREstimate, collateralPosition.criticalCollateralRatio)\n }\n >\n {newTCREstimate !== '' ||\n (collateralPosition !== undefined &&\n collateralPosition.collateralAmount !== undefined &&\n collateralPosition.borrowAmount !== undefined &&\n isEqualTo(collateralInputVal, collateralPosition.collateralAmount) &&\n isEqualTo(borrowInputVal, collateralPosition.borrowAmount)) ? (\n 'Confirm Changes'\n ) : (\n
\n \n
\n \n )}\n {isDeleverAndClosePositionModalOpen && (\n \n Close Your Position\n
\n \n
\n {state.appVersion === '2_1' &&\n \n {enoughStabilityCoins\n ? 'Are you sure you want to close your position?'\n : 'You do not have enough ' +\n (state.stabilityCoin !== undefined ? state.stabilityCoin.ticker : '') +\n ' to close your position.'}\n
\n \n \n Close Position\n \n
\n \n
\n }\n \n {isGreaterThan(maxStabilityAvailable, '0')\n ? 'Recommended if your positioned is leveraged.'\n : 'You do not have enough ' +\n (state.stabilityCoin !== undefined ? state.stabilityCoin.ticker : '') +\n ' to close your position.'}\n
\n \n \n Delever and Close Position\n \n
\n \n Enter the amount of ERN you wish to repay to begin deleveraging.\n
\n \n \n \n
\n {deleverInNIterations > 1 &&\n
\n | \n Iterations to Delever\n | \n\n {deleverInNIterations}\n | \n
| \n Expected Gas Fee\n | \n\n {isDeleverGasCostsLoading ? | \n
*Increase the amount of ERN to increase the chance of closing your position and lower gas fee.
\n }\n\n
\n \n ) : (\n \n \n
\n \n {\n if (inputCoin === 'oathv1') {\n setOathInputVal(state.oathv1UserBalance);\n } else {\n setOathInputVal(state.oathv2UserBalance);\n }\n }}\n value={oathInputVal}\n setValue={setOathInputVal}\n errorMessage=\"Put error message here.\"\n className=\"\"\n />\n \n Swap\n \n
\n \n Migrate OATH\n
\n \n
\n \n
\n \n Use this tool to migrate your deprecated OATH tokens to the new token contract.\n
\n \n openLinkNewTab(faqUrl)}\n className=\"border-color-light\"\n >\n Migration FAQ\n \n openLinkNewTab(discordUrl)}\n className=\"border-color-light\"\n >\n Discord\n \n
\n \n
\n \n {\n dispatch({ type: 'isSelectNetworkOpen', content: true });\n }}\n >\n Select Chain\n \n
\n \n Current Chain: {getChainNameFromId(state.chainView)}\n
\n \n {/*state.chainView !== state.connectedChain ?
\n \n
\n \n
\n {state.chainView === '0xa' && inputCoin === 'oathv2' && availableOathv1 !== '' && (\n \n {inputCoin === 'oathv1' ? (\n
\n \n {state.chainView === '0xa' ? (\n \n ) : (\n \n )}\n
\n \n {state.chainView === '0xa'\n ? inputCoin === 'oathv1'\n ? 'OATHv2'\n : 'OATHv1'\n : 'OATHv2'}\n {inputCoin === 'oathv2' ? (\n
\n \n {`Available to migrate: ${formatPositiveNumber(availableOathv1, 4)} OATHv2`}\n
\n )}\n \n \n
\n \n );\n}\n\nexport default MigrationPage;\n","import { useContext, useEffect, useState } from 'react';\nimport { Context } from '../Store';\n\nimport Input from './Input';\nimport Button from './Button';\n\nimport {\n approveSpend,\n depositIntoVault,\n getAllowance,\n getTokenBalance,\n withdrawFromVault,\n} from '../functions/blockchainRouter';\nimport { isErrorMsg, formatPositiveNumber, getInputShareWithdrawAmount } from '../functions/formatters';\nimport { isGreaterThan, safeMult } from '../functions/safeMath';\nimport LoadingSpinner from './LoadingSpinner';\nimport Modal from './modals/Modal';\nimport {\n checkShowNetworkWarningForEthos,\n editTotalStERNVaultDeposits,\n isStERNPositionOpen,\n refreshUserStERNVaultDeposits,\n} from '../functions/stateHelpers';\nimport { getChainConfigFromId } from '../functions/chainHelpers';\nimport { getCoinFromUID } from '../functions/coinHelpers';\nimport { ReactComponent as ErnIcon } from '../assets/icons/coins/ern.svg';\nimport { ReactComponent as StERNIcon } from '../assets/icons/coins/stERN.svg';\nimport { ReactComponent as LinkIcon } from '../assets/icons/link.svg';\nimport ConnectWalletButton from './ConnectWalletButton';\nimport SwitchNetworkButton from './SwitchNetworkButton';\nimport InfoBox from './InfoBox';\n\ninterface VaultPageProps {\n className?: string;\n}\n\nfunction VaultPage(props: VaultPageProps) {\n const [state, dispatch]: any = useContext(Context);\n\n const [depositInputVal, setDepositInputVal] = useState\n
\n \n
\n \n
\n \n Migrate OATH\n
\n \n
\n \n Use this tool to migrate your deprecated OATH tokens to the new token contract.\n
\n {buildActionButtonIfDataIsntLoading()}
\n \n
\n {/* {openPositionExists &&\n \n {isLoaded ? (\n \n
\n )}\n \n {\n setIsEditModalOpen(false);\n }}\n title={editModalMode === 'deposit' ? 'Deposit' : 'Withdraw'}\n >\n {editModalMode === 'deposit' ? (\n {\n setDepositMoreInputVal(maxStableAvailable);\n }}\n value={depositMoreInputVal}\n setValue={setDepositMoreInputVal}\n errorMessage=\"Put error message here.\"\n className=\"padding-bottom\"\n />\n ) : (\n {\n setWithdrawInputVal(state.userStERNDepositsInERN);\n }}\n value={withdrawInputVal}\n setValue={setWithdrawInputVal}\n errorMessage=\"Put error message here.\"\n className=\"padding-bottom\"\n />\n )}\n {editModalMode === 'deposit' ? (\n
\n ) : (\n \n
\n {openPositionExists ? (\n <>\n \n
\n \n {openPositionExists ? 'My stERN Vault' : 'Deposit in the stERN Vault'}\n
\n \n {state.stERNApy !== '' ? (\n formatPositiveNumber(safeMult(state.stERNApy, '100'), 3) + ' % APY'\n ) : (\n <>\n )}\n
\n \n {'There is currently '}\n {state.totalStERNDeposits !== '' ? (\n formatPositiveNumber(state.totalStERNDeposits, 1)\n ) : (\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n Deposited Tokens\n
\n \n {state.userStERNDepositsInERN !== '' ? (\n formatPositiveNumber(state.userStERNDepositsInERN)\n ) : (\n
\n \n
\n \n USD Value\n
\n \n {state.userStERNDepositsUSD !== '' ? (\n `$${formatPositiveNumber(state.userStERNDepositsUSD, 2)}`\n ) : (\n
\n \n \n
\n {isEditModalOpen ? (\n \n {\n setIsEditModalOpen(true);\n setEditModalMode('withdraw');\n }}\n />\n {\n setIsEditModalOpen(true);\n setEditModalMode('deposit');\n }}\n />\n
\n \n
\n ) : (\n \n Tokens in Wallet\n
\n \n {maxStableAvailable !== '' ? (\n formatPositiveNumber(maxStableAvailable)\n ) : (\n
\n \n
\n )}\n {editModalMode === 'deposit' ? (\n \n Deposited Tokens\n
\n \n {state.userStERNDepositsInERN !== '' ? (\n formatPositiveNumber(state.userStERNDepositsInERN)\n ) : (\n
\n \n {\n setDepositMoreInputVal('');\n setIsEditModalOpen(false);\n }}\n disabled={false}\n />\n {\n deposit(depositMoreInputVal);\n }}\n />\n
\n ) : (\n \n {\n setWithdrawInputVal('');\n setIsEditModalOpen(false);\n }}\n disabled={false}\n />\n {\n withdraw(withdrawInputVal);\n }}\n />\n
\n )}\n \n ) : (\n <>\n )}\n \n ) : (\n <>\n \n
\n \n
\n \n )}\n \n {\n setDepositInputVal('');\n }}\n disabled={depositInputVal === ''}\n />\n {\n deposit(depositInputVal);\n }}\n disabled={depositInputVal === '' || parseFloat(depositInputVal) === 0}\n />\n
\n \n
\n \n
\n \n
\n \n stERN Vault\n
\n \n
\n \n Invest ERN into the stERN vault and receive up to{' '}\n {state.stERNApy !== ''\n ? formatPositiveNumber(safeMult(state.stERNApy, '100'), 2) + ' % APY.'\n : '5% APY.'}{' '}\n
\n {buildActionButtonIfDataIsntLoading()}
\n \n \n \n
\n } */}\n \n );\n}\n\nexport default VaultPage;\n","var _path, _path2, _path3, _path4;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgAnalytics(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 17,\n height: 17,\n viewBox: \"0 0 17 17\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M0 5C0 2.23858 2.23858 0 5 0H12C14.7614 0 17 2.23858 17 5V12C17 14.7614 14.7614 17 12 17H5C2.23858 17 0 14.7614 0 12V5ZM5 2C3.34315 2 2 3.34315 2 5V12C2 13.6569 3.34315 15 5 15H12C13.6569 15 15 13.6569 15 12V5C15 3.34315 13.6569 2 12 2H5Z\",\n fill: \"#08001C\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M5 12C4.72386 12 4.5 11.7761 4.5 11.5V8.5C4.5 8.22386 4.72386 8 5 8H6C6.27614 8 6.5 8.22386 6.5 8.5V11.5C6.5 11.7761 6.27614 12 6 12H5Z\",\n fill: \"#08001C\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M8 12C7.72386 12 7.5 11.7761 7.5 11.5V5.5C7.5 5.22386 7.72386 5 8 5H9C9.27614 5 9.5 5.22386 9.5 5.5V11.5C9.5 11.7761 9.27614 12 9 12H8Z\",\n fill: \"#08001C\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M11 12C10.7239 12 10.5 11.7761 10.5 11.5V7.5C10.5 7.22386 10.7239 7 11 7H12C12.2761 7 12.5 7.22386 12.5 7.5V11.5C12.5 11.7761 12.2761 12 12 12H11Z\",\n fill: \"#08001C\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgAnalytics);\nexport default __webpack_public_path__ + \"static/media/analytics.de4aeedc.svg\";\nexport { ForwardRef as ReactComponent };","import { useContext, useEffect, useState, useRef } from 'react';\nimport Modal from './Modal';\nimport { Context } from '../../Store';\nimport { getCoinFromUID } from '../../functions/coinHelpers';\nimport Button from '../Button';\nimport { getChainCollateralFromId } from '../../functions/chainHelpers';\nimport { shortenAddressMore, toFixedDecimals } from '../../functions/formatters';\nimport { safeMult } from '../../functions/safeMath';\nimport { Coin } from '../../storage/Types';\n\ninterface AllTrovesModalProps {\n isOpen:boolean;\n handleClose?: () => void;\n className?: string;\n}\n\nconst AllTrovesModal = (props: AllTrovesModalProps) => {\n const {\n isOpen = false,\n handleClose = () => {},\n } = props;\n\n const tableRef:any = useRef(null);\n\n const [state]: any = useContext(Context);\n const [selectedCollateralId, setSelectedCollateralId] = useState\n \n Boost your stERN yield by creating a Digit Relic via the Digit app. With a relic, the longer you hold your position, the larger the rewards.\n \n
\n } className='margin-left' />\n \n
\n );\n } else {\n return <>;\n }\n };\n\n return (\n <>\n {isOpen ? (\n \n {availableCollateral.map((v) => buildButton(v))}\n
\n \n \n \n
\n :\n No troves found.\n }\n
\n \n ) : (\n <>\n )}\n \n );\n};\n\nexport default AllTrovesModal;","import { useContext, useEffect, useState } from 'react';\nimport { Context } from '../Store';\nimport '../styling/StabilityCoinWidget.css';\n\nimport { formatPositiveNumber, isErrorMsg } from '../functions/formatters';\n\nimport { ReactComponent as LinkIcon } from '../assets/icons/link.svg';\nimport { getTotalSupply } from '../functions/blockchainRouter';\nimport LoadingSpinner from './LoadingSpinner';\nimport { defaultChain } from '../storage/Chains';\n\ninterface StabilityCoinWidgetProps {\n className?: string;\n}\n\nfunction StabilityCoinWidget(props: StabilityCoinWidgetProps) {\n const [state]: any = useContext(Context);\n const [stabilityCoinSupply, setStabilityCoinSupply] = useState\n {state[`${selectedCollateralId}Status`] === \"Active\" &&\n
\n {state[selectedCollateralId + 'AllOpenTroves'].length > 0 ?\n \n
\n }\n {buildCollateralSelectButtons()}\n \n
\n | CR Rank | \nCR | \nCollateral | \nDebt | \nOwner | \n
|---|
\n
\n \n )\n}\n\nexport default StabilityCoinWidget;\n","import { useContext, useEffect, useState } from 'react';\nimport { Context } from '../Store';\nimport '../styling/AnalyticsPage.css';\n\nimport Button from './Button';\n\nimport { formatPositiveNumber, bpToPercent, shortenAddressMore, shortenAddress } from '../functions/formatters';\nimport { safeMult } from '../functions/safeMath';\nimport LoadingSpinner from './LoadingSpinner';\nimport {checkShowNetworkWarningForEthos} from '../functions/stateHelpers';\nimport { getChainCollateralFromId } from '../functions/chainHelpers';\nimport { getCoinFromUID, getCoinTickerFromAddress } from '../functions/coinHelpers';\nimport { ReactComponent as AnalyticsIcon } from '../assets/icons/analytics.svg';\nimport ConnectWalletButton from './ConnectWalletButton';\nimport SwitchNetworkButton from './SwitchNetworkButton';\nimport { TroveSubgraphDataInterface, TroveSubgraphGlobalDataInterface } from '../storage/Types';\nimport { getGlobalTrovesData } from '../functions/api';\nimport AllTrovesModal from './modals/AllTrovesModal';\nimport ToolTip from './Tooltip';\nimport StabilityCoinWidget from './StabilityCoinWidget';\n\ninterface AnalyticsPageProps {\n className?: string;\n}\n\nconst strategyLabels:any = {\n //v1\n '0x0fabf5037879cc56c1f63946c6d0550dc99d3b68': 'Granary',\n '0x1147d12648af6b60c831aa8564ad5bbab17749a9': 'Sonne',\n '0x77fbf86399ed764a084f77b9accb049f3dbc32d2': 'Granary',\n '0xab3009aa9aa054325ef95bbdb250582aff2e33c8': 'Sonne',\n '0x8929c3f0cca2aa8ad28389381a2ba102e8ea0a7f': 'Granary',\n '0x10eac0a3579a482b1b4fb9eedd16a7e0a19dcb07': 'Sonne',\n //v2.1\n '0xa6b0f76dae04b9f763e9937b9bebf3459272036d': 'Granary',\n '0xc5e45875fd5e6faedabce178b90c882aeaccd845': 'Granary',\n '0xc21beb7af346d3fbec75f81e210089f95c1178d2': 'Granary'\n}\n\nfunction AnalyticsPage(props: AnalyticsPageProps) {\n const [state, dispatch]: any = useContext(Context);\n\n const [isAllTrovesModalOpen, setIsAllTrovesModalOpen] = useState\n
\n \n
\n \n 
\n
\n \n
\n \n {state.stabilityCoin !== undefined ? state.stabilityCoin.ticker : ''}\n
\n \n Supply:\n {stabilityCoinSupply ?\n formatPositiveNumber(stabilityCoinSupply, 0)\n :
\n \n
\n \n ${state.stabilityCoinPrice ?\n formatPositiveNumber(state.stabilityCoinPrice,3)\n :
\n \n
\n )\n })\n return jsx;\n }\n\n return (\n \n 
\n
\n \n {vaultData.name}\n
\n \n {vaultData.yields.apy !== '' ? (\n formatPositiveNumber(safeMult(vaultData.yields.apy, '100'), 3) + ' % APY'\n ) : (\n <>\n )}\n
\n \n {'TVL: $'}\n {vaultData.tvl.tvl !== '' ? (\n formatPositiveNumber(vaultData.tvl.tvl, 1)\n ) : (\n
\n \n Strategies\n
\n \n {Object.keys(vaultData.aprBreakdown).length > 0 ?\n \n \n
\n :\n No active strategies.\n }\n
\n | Strategy Name | \nAPR | \nAllocation Percentage | \n
|---|---|---|
| {strategyLabels[strategy.toLowerCase()] ? strategyLabels[strategy.toLowerCase()] : shortenAddress(strategy)} | \n{safeMult(vaultData.aprBreakdown[strategy], '100')}% | \n{bpToPercent(vaultData.allocBPS[strategy])}% | \n
\n {isLoaded ? (\n \n
\n )}\n \n );\n}\n\nexport default AnalyticsPage;\n","import { Route, Routes } from 'react-router-dom';\nimport '../styling/Body.css';\nimport { ReactElement, useContext } from 'react';\nimport { Context } from '../Store';\nimport PositionsPage from './PositionsPage';\nimport StabilityPage from './StabilityPage';\nimport StakingPage from './StakingPage';\nimport NewPositionPage from './NewPositionPage';\nimport DashboardPage from './DashboardPage';\n//import MintTestPage from './MintTestPage';\nimport { getChainCollateralFromId } from '../functions/chainHelpers';\nimport EditPositionPage from './EditPositionPage';\nimport MigrationPage from './MigrationPage';\nimport VaultPage from './VaultPage';\nimport AnalyticsPage from './AnalyticsPage';\n\ninterface BodyProps {\n className?: string;\n}\n\nfunction Body(props: BodyProps) {\n const [state]: any = useContext(Context);\n const { className = '' } = props;\n\n const buildEditCollateralPositionRoutes = () => {\n const routes: ReactElement[] = [];\n const collaterals = getChainCollateralFromId(state.chainView, state.appVersion);\n collaterals?.forEach((uid: string) => {\n routes.push(\n \n {state.isMobile &&\n setIsAllTrovesModalOpen(false)} />\n
\n ) : (\n \n
\n \n \n Underlying Vaults\n \n \n A portion of collateral deposited into Ethos Reserve are managed by these vaults.\n \n
\n {buildUnderlyingVaults()}\n \n {!state.isMobile &&\n
\n \n
\n \n Global\n
\n \n \n \n
\n
\n | Open Troves: | \n{trovesGlobalData?.numberOfOpenTroves} | \n
| Liquidated Troves: | \n{trovesGlobalData?.numberOfLiquidatedTroves} | \n
| Redeemed Troves: | \n{trovesGlobalData?.numberOfRedeemedTroves} | \n
| Redemptions: | \n{trovesGlobalData?.redemptionCount} | \n
| Liquidations: | \n{trovesGlobalData?.liquidationCount} | \n
\n
\n \n Top ERN Borrowers\n
\n \n \n \n
\n
\n | Wallet | \nCollateral | \nDebt | \n
|---|---|---|
| {shortenAddressMore(trove.owner.id)} | \n{getCoinTickerFromAddress(trove.collateralAddress, state.chainView)} | \n{formatPositiveNumber(trove.debt, 2)} | \n
\n
\n \n
\n \n
\n \n Analytics\n
\n \n
\n \n View data such as underlying vaults, your transactions, and all other open troves.\n
\n {buildActionButtonIfDataIsntLoading()}
\n \n \n \n \n
\n );\n}\n\nexport default Body;\n","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgTwitter(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 512 512\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgTwitter);\nexport default __webpack_public_path__ + \"static/media/twitter.7b0966c6.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgDiscord(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 640 512\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDiscord);\nexport default __webpack_public_path__ + \"static/media/discord.7676a02b.svg\";\nexport { ForwardRef as ReactComponent };","import { useContext } from 'react';\nimport { safeDiv } from '../functions/safeMath';\nimport { Context } from '../Store';\n\nimport Button from './Button';\n\nimport '../styling/Disclaimer.css';\n\ninterface DisclaimerProps {\n readMode?: boolean;\n className?: string;\n}\n\nfunction Disclaimer(props: DisclaimerProps) {\n const [state, dispatch]: any = useContext(Context);\n\n return state.showDisclaimer || props.readMode ? (\n 404
\nPage not found.
\n \n }\n />\n \n
\n {!props.readMode && (\n Terms of Use
\n \n Ethos Reserve Privacy Policy\n Updated 7/5/2023\n \n OATH Foundation per its commitment to transparency and user autonomy has prepared this\n Privacy Policy for its users' review. This Privacy Policy outlines how your data is\n handled when you use Ethos Reserve (\"the Application\"). By using the Application, you\n agree to the terms set forth in this Privacy Policy.\n \n
\n Ethos Reserve Disclaimer\n
\n - \n
- \n Data Collection: While public blockchain data is often used in the development and\n maintenance of the Application, private data including but not limited to IP\n addresses, browser information, device information, session duration, and pages\n visited; and personal identifiable information such as names, address, emails, phone\n numbers, and tax identification numbers are not collected by the Application. The\n provided list is not to be taken as exhaustive; however, OATH Foundation takes into\n custody zero private information of the users of the Application, and as such, there\n is currently no obligation to implement data privacy systems either internal to the\n OATH Foundation regarding the Application or inherent to the Application itself.\n \n
- \n Third-Party Integrations: The Application may integrate with third-party services\n that may in some cases collect user data. While care has been taken to choose\n reputable third parties, it's important to note that they operate outside the\n liability of Oath Foundation and the Application and in the event of a security\n breach under a third-party integration, OATH Foundation may not be held responsible.\n At this time there are no third-party integrations in place.\n \n
- \n Data Security Measures: The blockchain inherently protects user privacy. At this\n time, there is no requirement for KYC (\"Know Your Customer\") policies to use the\n Application. Until there is a need to do so, OATH Foundation and the Application\n will not require personal data collection to use the Application. However, once a\n user has decided to use features on the Application made possible by third-party\n integrations, any data that would be collected by the third-party would be subject\n to their own security policies.\n \n
- \n Updates to Privacy Policy: This Privacy Policy may be updated periodically to\n reflect any changes in our data handling practices or legal requirements. It is your\n responsibility to review this policy regularly. By continuing to use the Application\n after any updates, you agree to the revised terms.\n \n
\n Ethos Reserve Disclaimer\n
- \n
- \n Please read the entirety of this \"Disclaimer\" for Ethos Reserve, “the Protocol.”\n Nothing herein constitutes legal, financial, business or tax advice and you should\n consult your own legal, financial, tax or other professional advisor(s) before\n engaging in any activity in connection herewith. Neither the Byte Masons team, OATH\n Token Limited, or the OATH Foundation, any of the project team members who have\n worked on the OATH protocol or project to develop the OATH protocol in any way\n whatsoever, any distributor/vendor of OATH tokens, including without limitation OATH\n Token Limited and/or the OATH Foundation, nor any service provider shall be liable\n for any kind of direct or indirect damage or loss whatsoever which you may suffer in\n connection with accessing the website at ethos.finance or any other websites or\n materials published by the Byte Masons team, the OATH Foundation, and/or OATH Token\n Limited.\n \n
- \n Purpose: These terms and conditions govern the use of the Protocol, which is an\n experimental platform for decentralized financial transactions. The platform is\n provided on an “as is” and “as available” basis.\n \n
- \n Risks: Use of the Protocol involves numerous risks, including but not limited to the\n loss of digital assets, market volatility, and cybersecurity threats. Users are\n solely responsible for conducting their own research and assessment of these risks.\n \n
- \n No Warranty: The Protocol is provided without any representations or warranties of\n any kind, express or implied. The Byte Masons team, OATH Token Limited, and the OATH\n Foundation makes no representations or warranties in relation to the platform and\n its availability or reliability. Nothing on the website constitutes any offer by the\n Byte Masons team, the OATH Foundation, and/or OATH Token Limited team to sell any\n OATH tokens nor shall it or any part of it nor the fact of its presentation form the\n basis of, or be relied upon in connection with, any contract or investment decision.\n Nothing contained on the website is or may be relied upon as a promise,\n representation or undertaking as to the future performance of the Protocol. The\n agreement between any third party and you, in relation to any sale, purchase, or\n other distribution or transfer of OATH tokens, is to be governed only by the\n separate terms and conditions of such agreement.\n \n
- \n Documentation: The information set out on the website is for community discussion\n only and is not legally binding. No person is bound to enter into any contract or\n binding legal commitment in relation to the acquisition of OATH tokens, and no\n virtual currency or other form of payment is to be accepted on the basis of the\n website.\n \n
- \n Deemed Representations and Warranties:\n
- \n
- \n In any decision to procure any OATH tokens, you shall not rely on any statement\n set out on the website or the associated social media channels thereof;\n \n
- \n You will and shall at your own expense ensure compliance with all laws,\n regulatory requirements and restrictions applicable to you (as the case may be);\n \n
- \n You acknowledge, understand and agree that OATH tokens may have no value, there\n is no guarantee or representation of value or liquidity for OATH tokens, and\n OATH tokens are not an investment product including for any speculative\n investment;\n \n
- \n None of the Byte Masons team, the OATH Foundation, and/or OATH Token Limited\n team shall be responsible for or liable for the value of OATH tokens, the\n transferability and/or liquidity of OATH tokens and/or the availability of any\n market for OATH tokens through third parties or otherwise;\n \n
- \n You nor any of your affiliates or direct or indirect beneficial owners, if\n applicable; (i) appears on the Specially Designated Nationals and Blocked\n Persons List of the Office of Foreign Assets Control of the United States\n Department of the Treasury (“OFAC”), the EU consolidated list of persons, groups\n and entities subject to financial sanctions, the UK Consolidated List of\n Financial Sanctions Targets, nor are they otherwise a party with which the OATH\n Foundation and/or OATH Token Limited team is prohibited to deal under the laws\n of the United States, the EU (or any of its Member States), or the UK; or (ii)\n is a person identified as a terrorist organization on any other relevant lists\n maintained by any governmental authority; and\n \n
- \n You represent and warrant that, if applicable, you: (a) have conducted thorough\n due diligence with respect to all of your beneficial owners; (b) have\n established the identities of all direct and indirect beneficial owners and the\n source of each beneficial owners’ funds; and (c) will retain evidence of those\n identities, any source of funds and any due diligence.\n \n
\n - \n Limitation of Liability: The Byte Masons team, OATH Token Limited, or OATH\n Foundation teams do not and do not purport to make, and hereby disclaims, all\n representations, warranties or undertaking to any entity or person (including\n without limitation warranties as to the accuracy, completeness, timeliness or\n reliability of the contents of the website, or any other materials published by Byte\n Masons team, OATH Token Limited, or OATH Foundation). To the maximum extent\n permitted by law, the Byte Masons team, OATH Token Limited, or OATH Foundation shall\n not be liable for any indirect, special, incidental, consequential or other losses\n of any kind, in tort, contract or otherwise (including, without limitation, any\n liability arising from default or negligence on the part of any of them, or any loss\n of revenue, income or profits, and loss of use or data) arising from the use of the\n website, or any other materials published, or its contents (including without\n limitation any errors or omissions) or otherwise arising in connection with the\n same. The user assumes full responsibility and liability for any losses resulting\n from any intentional or unintentional misuse of the Protocol including, without\n limitation, the loss of the user’s private keys associated with any wallet used to\n hold OATH tokens, any loss resulting from designating a non-OATH token compliant\n wallet, depositing one type of digital asset to a wallet intended for another type\n of digital wallet, or any third party gaining access to the user’s wallet and\n misappropriating any OATH tokens or other digital assets. The Byte Masons team, OATH\n Token Limited, and/or the OATH Foundation assume no responsibility or liability in\n connection with any such misuse by the user or any third party or any loss of the\n user’s private keys associated with the user’s wallet.\n \n
- \n Regulatory Disclosure: No regulatory authority has examined or approved, whether\n formally or informally, of any of the information set out on the website. No such\n action or assurance has been or will be taken under the laws, regulatory\n requirements or rules of any jurisdiction. The publication, distribution or\n dissemination of the website does not imply that the applicable laws, regulatory\n requirements or rules have been complied with.\n \n
- \n Changes to Terms: The Byte Masons team, the OATH Foundation, and/or OATH Token\n Limited reserves the right to modify these terms and conditions at any time without\n prior notice. Continued use of the Protocol following such changes constitutes\n acceptance of the modified terms. There are no obligations to update the website or\n to provide recipients with access to any information beyond what is provided herein.\n \n
- \n Governing Law: These terms and conditions shall be governed by and construed in\n accordance with the laws of the Cayman Islands.\n \n
- \n Dispute Resolution: Any dispute arising out of or in connection with these terms and\n conditions, the Protocol, or any related transactions shall be subject to the\n exclusive jurisdiction of the Cayman Islands courts.\n \n
- \n Intellectual Property: The Protocol and its content are protected by intellectual\n property laws, and all rights, title, and interest in and to the platform and its\n content shall remain with the OATH Foundation team.\n \n
- \n Forward-Looking Statements: All statements contained herein, statements made in\n press releases or in any place accessible by the public and oral statements that may\n be made by the Byte Masons team, OATH Token Limited, and/or OATH Foundation, may\n constitute forward-looking statements (including statements regarding intent, belief\n or current expectations with respect to market conditions, business strategy and\n plans, financial condition, specific provisions and risk management practices). You\n are cautioned not to place undue reliance on these forward-looking statements given\n that these statements involve known and unknown risks, uncertainties and other\n factors that may cause the actual future results to be materially different from\n that described by such forward-looking statements, and no independent third party\n has reviewed the reasonableness of any such statements or assumptions.\n \n
- \n No Distribution: No part of the website is to be copied, reproduced, distributed or\n disseminated in any way without the prior written consent of the Byte Masons team,\n OATH Token Limited, and/or OATH Foundation.\n \n
\n \n
\n {isTermsModalOpen && (\n \n \n \n \n {\n setIsTermsModalOpen(true);\n }}\n >\n Terms of Use\n \n
\n \n \n {\n openLinkNewTab(discordUrl);\n }}\n className=\"icon-button padding-none\"\n >\n {\n openLinkNewTab(twitterUrl);\n }}\n className=\"icon-button padding-none \"\n >\n
\n \n
\n );\n }\n\n let supportedChainKeys = Object.keys(chains).filter((chainName) => {\n return supportedChains.includes(chains[chainName].chainId.hex);\n });\n return (\n \n
\n Switch chains to use this app.
\n {state.walletType !== 'walletConnect' && {chains[key].label}
\n \n Connect\n
\n \n ))}\n \n );\n }\n return <>;\n}\nexport default NetworkWarning;\n","var _path, _path2;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgHouse(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1405.664,\n height: 1331.602,\n viewBox: \"0 0 1054.248 998.702\",\n preserveAspectRatio: \"xMidYMid\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M406.701 104.1c-64.6 57.2-182.5 161.6-262 232C65.301 406.4.201 465.057.001 465.457c2.518 0 53.7-.416 54.8-.416.4 0 34.06.462 105.664.462C209.365 422.203 295.9 313.8 372.2 246.2c76.4-67.7 142.6-126.3 147.2-130.2l8.2-7.3 235.8 209c129.8 114.9 107.67 146.984 127.133 146.984 22.848 0 96.89.605 126.407.605 32.674 0 32.146.126 37.26.126-.5-.7-118.5-106.715-262.1-234.015C561.601 27.4 530.401.1 527.601 0c-3-.1-14.6 10-120.9 104.1zm-249.9 60.8v196.354l3.3-28.705c3.1-3 128.4 40.925 128.4-78.722 0-17.552.5-126.527.9-148.427l.7-39.7h-133.3z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M484.201 124.5c-23.6 21-107 85.223-185.2 154.423l-142.2 122.455V744.1c0 227.5-.024 250.79.001 254.762 12.191.057 8.52 1.552 14.196.222 2.8 1 28.303-.883 121.303-.883h118l.5-106.5c.5-98.5.538-115.107.482-120.2 4.983-.134 9.548-.294 14.55-.26 31.414-.54 31.368-.54 102.568-.54 93.9 0 105.738.554 115.109.516.14 6.676-.044 10.926.025 17.104.252 5.394.604 39.065.869 107.664l.397 102.716h116.3c126.1 0 120.218 6.561 127.518.961 1.9-1.4 9.364 1.67 9.37-.136l-.004-17.39-.084-237.535.1-337.596-31.4-43.853c-28.9-25.8-334.4-272.765-337.8-275.565-1.3-1-8.3 14.99-44.6 47.09z\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgHouse);\nexport default __webpack_public_path__ + \"static/media/house.ffc262b1.svg\";\nexport { ForwardRef as ReactComponent };","import { useState } from 'react';\nimport Button from './../Button';\nimport Modal from './Modal';\nimport {\n readEthosV2IsLiveModal,\n retrieveReadEthosV2IsLiveModal,\n} from '../../functions/browser';\n\ninterface EthosVersionModalProps {\n className?: string;\n}\n\nconst EthosVersionModal = (props: EthosVersionModalProps) => {\n const [isOpen, setIsOpen]: any = useState\n Ethos Reserve V2.1 is Live!\n
\n \n
\n \n
\n Borrowing ERN
\n\n Borrowing ERN is now only available through Ethos V2.1. Wrapped stETH is now available as a collateral along with our new 1-Click Leverage feature!\n
\n\n
\n What about your V1 and V2 troves?
\n\n You can still access previous Ethos versions through the app via the dropdown in the top right corner, or in the side menu on mobile devices. \n While you can no longer borrow more ERN in previous versions, you can still adjust collateral, repay ERN, or close your position on your open troves.\n
\n\n
\n );\n balanceElements.push(elem);\n });\n\n return balanceElements;\n };\n\n return (\n \n
\n \n
\n \n {collAmount !== '' ? formatPositiveNumber(collAmount, 5) :
\n \n {collCoin !== undefined ? collCoin.ticker : ''}\n
\n \n
\n \n {'$'}\n {userCollValue !== '' ? (\n userCollValue\n ) : (\n <>\n {' '}\n
\n \n
\n \n );\n}\n\nexport default BalanceBox;\n","import { useContext, useState } from 'react';\nimport { Context } from '../Store';\nimport Button from './Button';\n\nimport { NavLink, useLocation } from 'react-router-dom';\nimport { routes } from '../storage/Routes';\n\nimport { ReactComponent as AnalyticsIcon } from '../assets/icons/analytics.svg';\nimport { ReactComponent as HomeIcon } from '../assets/icons/house.svg';\nimport { ReactComponent as DashboardIcon } from '../assets/icons/dashboard.svg';\nimport { ReactComponent as PositionsIcon } from '../assets/icons/arrow-up.svg';\nimport { ReactComponent as StabilityIcon } from '../assets/icons/stability.svg';\nimport { ReactComponent as StakingIcon } from '../assets/icons/stake.svg';\nimport { ReactComponent as StERNIcon } from '../assets/icons/coins/stERN.svg';\n\nimport '../styling/SideMenu.css';\nimport BalanceBox from './BalanceBox';\nimport {\n checkShowNetworkWarning,\n getTvl,\n isOnEthosSupportedChain,\n isWalletConnectedAndOnSupportedChain,\n} from '../functions/stateHelpers';\nimport { formatPositiveNumber } from '../functions/formatters';\nimport LoadingSpinner from './LoadingSpinner';\n\nfunction SideMenu() {\n const { pathname } = useLocation();\n\n const [state]: any = useContext(Context);\n const [isCollapsed] = useState\n
\n \n
\n {buildBalances(collateralUIDs)}
\n \n {/*\n
\n Total Amount
\n \n $\n {totalBalance.length !== 0 ? (\n totalBalance\n ) : (\n
\n */}\n \n
\n ) : (\n <>\n );\n}\n\nexport default SideMenu;\n","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgSun(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"800px\",\n height: \"800px\",\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.75 5.5C11.1977 5.5 10.75 5.05228 10.75 4.5V2C10.75 1.44772 11.1977 1 11.75 1H12.25C12.8023 1 13.25 1.44772 13.25 2V4.5C13.25 5.05228 12.8023 5.5 12.25 5.5H11.75Z\",\n fill: \"#000000\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.4194 7.22698C16.0289 6.83646 16.0289 6.20329 16.4194 5.81277L18.1872 4.045C18.5777 3.65447 19.2109 3.65447 19.6014 4.045L19.9549 4.39855C20.3455 4.78908 20.3455 5.42224 19.9549 5.81277L18.1872 7.58053C17.7967 7.97106 17.1635 7.97106 16.773 7.58053L16.4194 7.22698Z\",\n fill: \"#000000\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.5 11.75C18.5 11.1977 18.9477 10.75 19.5 10.75H22C22.5523 10.75 23 11.1977 23 11.75V12.25C23 12.8023 22.5523 13.25 22 13.25H19.5C18.9477 13.25 18.5 12.8023 18.5 12.25V11.75Z\",\n fill: \"#000000\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.7728 16.4194C17.1633 16.0289 17.7965 16.0289 18.187 16.4194L19.9548 18.1872C20.3453 18.5777 20.3453 19.2109 19.9548 19.6014L19.6012 19.9549C19.2107 20.3455 18.5775 20.3455 18.187 19.9549L16.4192 18.1872C16.0287 17.7967 16.0287 17.1635 16.4192 16.773L16.7728 16.4194Z\",\n fill: \"#000000\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.25 18.5C12.8023 18.5 13.25 18.9477 13.25 19.5V22C13.25 22.5523 12.8023 23 12.25 23H11.75C11.1977 23 10.75 22.5523 10.75 22V19.5C10.75 18.9477 11.1977 18.5 11.75 18.5H12.25Z\",\n fill: \"#000000\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.58059 16.773C7.97111 17.1635 7.97111 17.7967 7.58059 18.1872L5.81282 19.955C5.4223 20.3455 4.78913 20.3455 4.39861 19.955L4.04505 19.6014C3.65453 19.2109 3.65453 18.5778 4.04505 18.1872L5.81282 16.4195C6.20334 16.0289 6.83651 16.0289 7.22703 16.4195L7.58059 16.773Z\",\n fill: \"#000000\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.5 12.25C5.5 12.8023 5.05228 13.25 4.5 13.25H2C1.44772 13.25 1 12.8023 1 12.25V11.75C1 11.1977 1.44772 10.75 2 10.75H4.5C5.05228 10.75 5.5 11.1977 5.5 11.75V12.25Z\",\n fill: \"#000000\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.22722 7.58059C6.8367 7.97111 6.20353 7.97111 5.81301 7.58059L4.04524 5.81282C3.65472 5.4223 3.65472 4.78913 4.04524 4.39861L4.3988 4.04505C4.78932 3.65453 5.42248 3.65453 5.81301 4.04505L7.58078 5.81282C7.9713 6.20334 7.9713 6.83651 7.58078 7.22703L7.22722 7.58059Z\",\n fill: \"#000000\"\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12Z\",\n fill: \"#000000\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSun);\nexport default __webpack_public_path__ + \"static/media/sun.297caacb.svg\";\nexport { ForwardRef as ReactComponent };","var _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgMoon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"#000000\",\n width: \"800px\",\n height: \"800px\",\n viewBox: \"0 0 24 24\",\n id: \"moon-alt\",\n \"data-name\": \"Flat Color\",\n xmlns: \"http://www.w3.org/2000/svg\",\n className: \"icon flat-color\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n id: \"primary\",\n d: \"M12,2h-.46a1,1,0,0,0-.44,1.86A5.94,5.94,0,0,1,14,9,6,6,0,0,1,3.93,13.4a1,1,0,0,0-1.65,1A10,10,0,1,0,12,2Z\",\n style: {\n fill: \"rgb(0, 0, 0)\"\n }\n }));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgMoon);\nexport default __webpack_public_path__ + \"static/media/moon.1c8cca22.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgStatusCheck(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 13,\n height: 13,\n viewBox: \"0 0 13 13\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.96875 1.49999C9.73015 1.49999 11.9688 3.73857 11.9688 6.49999C11.9688 9.26139 9.73015 11.5 6.96875 11.5C4.20732 11.5 1.96875 9.26139 1.96875 6.49999C1.96875 3.73857 4.20732 1.49999 6.96875 1.49999ZM6.96875 2.49999C4.75961 2.49999 2.96875 4.29085 2.96875 6.49999C2.96875 8.70914 4.75961 10.5 6.96875 10.5C9.1779 10.5 10.9688 8.70914 10.9688 6.49999C10.9688 4.29085 9.1779 2.49999 6.96875 2.49999ZM8.73645 4.69061C8.9317 4.49535 9.2483 4.49535 9.44355 4.69061C9.62378 4.87085 9.63764 5.15447 9.48514 5.35061L9.44355 5.39772L6.6505 8.19079C6.45104 8.39025 6.13652 8.4045 5.92063 8.23353L5.87266 8.19079L4.4938 6.81194C4.29854 6.61669 4.29854 6.30009 4.4938 6.10484C4.67404 5.92457 4.95766 5.9107 5.1538 6.06324L5.2009 6.10484L6.26155 7.16549L8.73645 4.69061Z\",\n fill: \"#235F5F\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgStatusCheck);\nexport default __webpack_public_path__ + \"static/media/status-check.37814dc8.svg\";\nexport { ForwardRef as ReactComponent };","import { useContext } from 'react';\nimport { Context } from '../../Store';\nimport Button from './../Button';\nimport Modal from './Modal';\nimport {\n saveTheme,\n saveHamburgerMenuPosition,\n saveAutoBrowserWallet,\n} from '../../functions/browser';\nimport { ReactComponent as SunIcon } from '../../assets/icons/sun.svg';\nimport { ReactComponent as MoonIcon } from '../../assets/icons/moon.svg';\n\ninterface SettingsModalProps {\n className?: string;\n}\n\nconst SettingsModal = (props: SettingsModalProps) => {\n const [state, dispatch]: any = useContext(Context);\n const { className = '' } = props;\n\n const setTheme = (theme: string) => {\n dispatch({ type: 'theme', content: theme });\n saveTheme(theme);\n };\n const setMenuPosition = (position: string) => {\n dispatch({ type: 'hamburgerMenuPosition', content: position });\n saveHamburgerMenuPosition(position);\n };\n const setAutoBrowserWallet = (setting: boolean) => {\n dispatch({ type: 'autoBrowserWallet', content: setting });\n saveAutoBrowserWallet(setting);\n };\n\n return (\n <>\n {state.isSettingsOpen ? (\n \n
\n \n
\n \n {!isCollapsed &&\n isWalletConnectedAndOnSupportedChain(\n state.chainView,\n state.connectedChain,\n state.walletAddress,\n state.walletProvider\n ) &&\n isOnEthosSupportedChain(state) && \n isActive || (route.path === '/dashboard' && pathname === '/')\n ? 'selected-route'\n : ''\n }\n >\n \n {route.name}\n \n \n \n );\n })}\n
\n \n {isWalletConnectedAndOnSupportedChain(\n state.chainView,\n state.connectedChain,\n state.walletAddress,\n state.walletProvider\n ) &&\n isOnEthosSupportedChain(state) && (\n
\n \n
\n )}\n {checkShowNetworkWarning(state) && }\n \n Total Value Locked\n
\n \n {'$ '}\n {tvl.total !== '' ? (\n formatPositiveNumber(tvl.total, 2)\n ) : (\n
\n Select Theme
\n \n {\n setTheme('ethos-light');\n }}\n selected={state.theme === 'ethos-light'}\n iconStart={\n {\n setTheme('ethos-dark');\n }}\n selected={state.theme === 'ethos-dark'}\n iconStart={\n {\n setTheme('beach');\n }}\n selected={state.theme === 'beach'}\n className=\"margin-right margin-bottom theme-button\"\n />\n {\n setTheme('ink');\n }}\n selected={state.theme === 'ink'}\n className=\"margin-right margin-bottom theme-button\"\n />\n {\n setTheme('mint');\n }}\n selected={state.theme === 'mint'}\n className=\"margin-right margin-bottom theme-button\"\n />\n {\n setTheme('tokyo');\n }}\n selected={state.theme === 'tokyo'}\n className=\"margin-right margin-bottom theme-button\"\n />\n {\n setTheme('bios');\n }}\n selected={state.theme === 'bios'}\n className=\"theme-button margin-bottom\"\n />\n */}\n
\n Hamburger Menu Position (Mobile Only)
\n \n {\n setMenuPosition('left');\n }}\n selected={state.hamburgerMenuPosition === 'left'}\n className={\n 'margin-right theme-button border-full border-color-light ' +\n (state.hamburgerMenuPosition === 'left' ? ' inverted-palette-box' : '')\n }\n />\n {\n setMenuPosition('right');\n }}\n selected={state.hamburgerMenuPosition === 'right'}\n className={\n 'margin-right theme-button border-full border-color-light ' +\n (state.hamburgerMenuPosition === 'right' ? ' inverted-palette-box' : '')\n }\n />\n
\n Automatically Connect Browser Wallet
\n \n {\n setAutoBrowserWallet(false);\n }}\n selected={!state.autoBrowserWallet}\n className={\n 'margin-right theme-button border-full border-color-light ' +\n (!state.autoBrowserWallet ? ' inverted-palette-box' : '')\n }\n />\n {\n setAutoBrowserWallet(true);\n }}\n selected={state.autoBrowserWallet}\n className={\n 'margin-right theme-button border-full border-color-light ' +\n (state.autoBrowserWallet ? ' inverted-palette-box' : '')\n }\n />\n
\n \n ) : (\n <>\n )}\n \n );\n};\n\nexport default SettingsModal;\n","import UniversalProvider from '@walletconnect/universal-provider';\nimport { Web3Modal } from '@web3modal/standalone';\nimport { ethers } from 'ethers';\nimport { BrowserWallet } from '../storage/Types';\n\nexport const initWalletConnect = async (dispatch: any) => {\n const projectId = 'e6dc423692e14e57affed62b52c56915';\n const chainId = '10';\n const chainIdHex = '0xa';\n\n try {\n const web3Modal = new Web3Modal({\n walletConnectVersion: 2,\n projectId,\n standaloneChains: [`eip155:${chainId}`],\n themeMode: 'light',\n themeVariables: {\n '--w3m-z-index': '250',\n },\n explorerRecommendedWalletIds: [\n '1ae92b26df02f0abca6304df07debccd18262fdf5fe82daa81593582dac9a369', // rainbow\n //'c57ca95b47569778a828d19178114f4db188b89b763c899ba0be274e97267d96', // metamask\n //'4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0', // trust\n '225affb176778569276e484e1b92637ad061b01e13a048b35a9d280c3b58970f', // safe\n 'fd20dc426fb37566d803205b19bbc1d4096b248ac04548e3cfb6b3a38bd033aa', // coinbase\n '19177a98252e07ddfc9af2083ba8e07ef627cb6103467ffebb3f8f4205fd7927', // ledger live\n 'b021913ba555948a1c81eb3d89b372be46f8354e926679de648e4fa2938bed3e', // coin98\n 'fbc8d86ad914ebd733fec4812b4b7af5ca709fdd9e75a930115e5baa02c4ef4c', // rabby\n '163d2cf19babf05eb8962e9748f9ebe613ed52ebf9c8107c9a0f104bfcf161b3', // brave\n '8a0ee50d1f22f6651afcae7eb4253e52a3310b90af5daef78a8c4929a9bb99d4', // binance\n ],\n });\n\n const univProvider = await UniversalProvider.init({ projectId });\n const checkForPersistedSession = async (provider: UniversalProvider) => {\n if (typeof provider === 'undefined') {\n throw new Error('WalletConnect is not initialized');\n }\n if (provider?.session) {\n const session = provider?.session;\n return session;\n }\n };\n const persistedSession = await checkForPersistedSession(univProvider);\n\n univProvider.on('display_uri', async (uri: string) => {\n web3Modal.openModal({ uri }).then(() => {\n dispatch({ type: 'isConnectWalletLocked', content: false });\n });\n dispatch({ type: 'isConnectWalletOpen', content: false });\n });\n /*\n univProvider.on('session_update', async (event: any) => {\n });\n univProvider.on('session_event', async({event, chainId}:{event:any, chainId:string}) => {\n if (chainId !== `eip155:${chainId}`) {\n dispatch({ type: 'connectedChain', content: chainId });\n dispatch({ type: 'isOnSupportedChain', content: false });\n } else {\n dispatch({ type: 'connectedChain', content: chainIdHex });\n dispatch({ type: 'isOnSupportedChain', content: true });\n }\n });\n */\n univProvider.on('session_delete', () => {\n univProvider\n .disconnect()\n .then(() => {\n dispatch({ type: 'resetUserState', content: undefined });\n })\n .catch(() => {});\n });\n\n if (typeof persistedSession === 'undefined') {\n await univProvider.connect({\n namespaces: {\n eip155: {\n methods: ['eth_sign', 'eth_sendTransaction', 'personal_sign', 'eth_signTypedData'],\n chains: [`eip155:${chainId}`],\n events: ['accountsChanged', 'chainChanged'],\n rpcMap: {\n chainId: `https://rpc.walletconnect.com?chainId=eip155:${chainId}&projectId=${projectId}`,\n },\n },\n },\n });\n web3Modal.closeModal();\n }\n\n dispatch({ type: 'isOnSupportedChain', content: true });\n dispatch({ type: 'connectedChain', content: chainIdHex });\n\n const walletProvider = new ethers.providers.Web3Provider(univProvider);\n const accounts = await univProvider.enable();\n\n if (accounts !== undefined && typeof accounts[0] !== 'string') {\n throw Error();\n }\n\n const walletDetails: BrowserWallet = {\n address: accounts[0],\n provider: walletProvider,\n connectedChain: chainIdHex,\n };\n\n return walletDetails;\n } catch (error) {\n const walletDetails: BrowserWallet = {\n address: '',\n provider: undefined,\n connectedChain: undefined,\n };\n\n return walletDetails;\n }\n};\n","import { useContext } from 'react';\nimport { Context } from '../../Store';\nimport Button from './../Button';\nimport Modal from './Modal';\nimport { connectBrowserWallet } from '../../functions/browser';\nimport { BrowserWallet } from '../../storage/Types';\nimport { initWalletConnect } from '../../functions/walletconnect';\n\ninterface ConnectWalletModalProps {\n className?: string;\n}\n\nconst ConnectWalletModal = (props: ConnectWalletModalProps) => {\n const [state, dispatch]: any = useContext(Context);\n\n return (\n <>\n {state.isConnectWalletOpen ? (\n \n {\n if (state.walletType === 'walletConnect') {\n state.walletProvider.provider.disconnect();\n }\n dispatch({ type: 'resetUserState', content: undefined });\n }}\n className=\"border-full border-color-light\"\n >\n Disconnect\n \n
\n ) : (\n {state.walletAddress}
\n \n
\n )}\n \n ) : (\n <>\n )}\n \n );\n};\n\nexport default ConnectWalletModal;\n","export default __webpack_public_path__ + \"static/media/pc_bulb.2ad1eaec.png\";","import { ReactElement } from 'react';\nimport { TransactionStatus } from '../../storage/Types';\nimport LoadingSpinner from '../LoadingSpinner';\nimport Modal from './Modal';\nimport { ReactComponent as CheckIcon } from '../../assets/icons/status-check.svg';\nimport { ReactComponent as XIcon } from '../../assets/icons/status-x.svg';\nimport { ReactComponent as DashIcon } from '../../assets/icons/dash.svg';\nimport pcImgSrc from '../../assets/icons/pc_bulb.png';\n\nimport '../../styling/TransactionStatusModal.css';\n\n/*\n- take in an array of messages for each tx with pending+ongoing+success+failure messages,\n a current tx number, and the current tx status\n- display the success message for every tx number in the arrray under the current tx number\n- display the current tx number transaction with the message associated with the current tx status\n- display all remaining transactions with the pending message\n- only update currentTxStatus to success on the final success in the chain of transactions\n*/\n\ninterface TransactionStatusModalProps {\n txMessages: TransactionStatus[];\n currentTxNumber: number;\n currentTxStatus: string;\n isLoadingTxSteps?: boolean;\n modalTitle?: string;\n isOpen?: boolean;\n handleClose?: () => void;\n isContentOnlyMode?: boolean;\n className?: string;\n}\n\nconst TransactionStatusModal = (props: TransactionStatusModalProps) => {\n const {\n txMessages = [],\n currentTxNumber = 0,\n currentTxStatus = 'pending',\n isLoadingTxSteps = false,\n modalTitle = '',\n className = '',\n isContentOnlyMode = false,\n isOpen = false,\n handleClose = () => {},\n } = props;\n\n const buildInternals = () => {\n const buildTxList = () => {\n const showTxStatusIcon = (txStatus: string) => {\n switch (txStatus) {\n case 'inProgress':\n return Select your wallet provider
\n \n {\n connectBrowserWallet().then((walletDetails: BrowserWallet) => {\n dispatch({ type: 'isConnectWalletOpen', content: false });\n if (\n walletDetails.provider !== undefined &&\n walletDetails.address !== undefined &&\n walletDetails.connectedChain !== undefined\n ) {\n dispatch({\n type: 'walletProvider',\n content: walletDetails.provider,\n });\n dispatch({\n type: 'walletAddress',\n content: walletDetails.address,\n });\n dispatch({\n type: 'connectedChain',\n content: walletDetails.connectedChain,\n });\n dispatch({\n type: 'walletType',\n content: 'browser',\n });\n dispatch({ type: 'isWalletDetected', content: true });\n dispatch({ type: 'isWalletConnected', content: true });\n }\n });\n }}\n />\n {\n dispatch({ type: 'isConnectWalletLocked', content: true });\n initWalletConnect(dispatch).then((walletDetails: BrowserWallet) => {\n dispatch({ type: 'isConnectWalletOpen', content: false });\n if (\n walletDetails.provider !== undefined &&\n walletDetails.address !== undefined\n ) {\n dispatch({\n type: 'walletProvider',\n content: walletDetails.provider,\n });\n dispatch({\n type: 'walletAddress',\n content: walletDetails.address,\n });\n dispatch({\n type: 'walletType',\n content: 'walletConnect',\n });\n dispatch({ type: 'isWalletDetected', content: true });\n dispatch({ type: 'isWalletConnected', content: true });\n }\n dispatch({ type: 'isConnectWalletLocked', content: false });\n });\n }}\n />\n
\n {messages.pending}
;\n default:\n return '';\n }\n };\n\n let txList: ReactElement[] = [];\n txMessages.forEach((txMessage, index) => {\n if (currentTxStatus === 'failure' && index > currentTxNumber) {\n return txList;\n }\n\n if (index === currentTxNumber) {\n txList.push(\n \n
\n );\n } else if (index < currentTxNumber) {\n txList.push(\n \n {showTxStatusIcon(currentTxStatus)}\n
\n {showTxMessage(currentTxStatus, txMessage)}
\n \n
\n );\n } else {\n txList.push(\n {showTxStatusIcon('success')}
\n {showTxMessage('success', txMessage)}
\n \n
\n );\n }\n });\n return txList;\n };\n return (\n {showTxStatusIcon('pending')}
\n {showTxMessage('pending', txMessage)}
\n \n
\n );\n };\n\n return isOpen ? (\n !isContentOnlyMode ? (\n \n 
\n
\n {isLoadingTxSteps ? (\n \n {'Building your transaction... '}\n {buildInternals()}
\n )\n ) : (\n <>\n );\n};\n\nexport default TransactionStatusModal;\n","import { useContext } from 'react';\nimport { Context } from '../Store';\nimport '../styling/HeaderAlert.css';\nimport { getChainNameFromId } from '../functions/chainHelpers';\n\nimport { ReactComponent as XIcon } from '../assets/icons/x.svg';\nimport { isGreaterThan, safeDiv } from '../functions/safeMath';\n\ninterface HeaderAlertProps {\n className?: string;\n}\n\nfunction HeaderAlert(props: HeaderAlertProps) {\n const [state, dispatch]: any = useContext(Context);\n\n const { className = '' } = props;\n\n const handleClose = () => {\n dispatch({ type: 'showHeaderAlert', content: false });\n const nowInSeconds = safeDiv(Date.now().toString(), '1000');\n localStorage.setItem('headerAlertTimestamp', nowInSeconds);\n }\n\n const getMessage = () => {\n let msg = [];\n if (state.hasV1Position || state.hasV2Position) {\n const versions = (state.hasV1Position && state.hasV2Position) ?\n 'V1, V2' \n : state.hasV1Position ? \n 'V1' : 'V2';\n msg.push(You have open positions on the following previous Ethos versions: {versions}
);\n }\n if (isGreaterThan(state.oathv1UserBalance, '0')) {\n if (state.connectedChain === '0xa') {\n msg.push({`Looking to bridge OATH? Migrate to OATHv2 on ${getChainNameFromId(state.connectedChain)}.`}
);\n } else {\n msg.push({`You need to migrate OATH on ${getChainNameFromId(state.connectedChain)}.`}
);\n }\n }\n return msg;\n }\n\n return state.showHeaderAlert ? (\n \n \n
\n \n
\n \n \n
\n \n {getMessage()} \n
\n \n {chain.label}\n
\n \n );\n } else {\n return <>;\n }\n });\n };\n\n return (\n <>\n {state.isSelectNetworkOpen ? (\n \n
\n \n ) : (\n <>\n )}\n \n );\n};\n\nexport default SelectNetworkModal;\n","import { useEffect, useContext } from 'react';\nimport { Context } from '../Store';\nimport { useMediaQuery } from 'react-responsive'; // see if we can remove dependency later\n\nimport Header from './Header';\nimport Body from './Body';\nimport Footer from './Footer';\nimport NetworkWarning from './NetworkWarning';\nimport EthosVersionModal from './modals/EthosVersionModal';\n\nimport { defaultChain, supportedChains } from '../storage/Chains';\n\nimport {\n retrieveHamburgerMenuPosition,\n retrieveTheme,\n checkBrowserWallet,\n retrieveAutoBrowserWallet,\n} from '../functions/browser';\nimport { checksumAddress } from '../functions/formatters';\n\nimport '../styling/App.css';\nimport '../styling/themes.css';\nimport '../styling/Toast.css';\nimport SideMenu from './SideMenu';\nimport SettingsModal from './modals/SettingsModal';\nimport ConnectWalletModal from './modals/ConnectWalletModal';\nimport {\n refreshTotalStabilityPoolDeposits,\n refreshTotalStakingPoolDeposits,\n refreshUserLiquidationRewards,\n refreshUserStabilityPoolDeposits,\n refreshUserStabilityRewards,\n refreshUserStakingPoolDeposits,\n refreshUserStakingRewards,\n refreshUserStakingRedemptionRewards,\n refreshStakingCoin,\n refreshStabilityCoin,\n initializeCollaterals,\n refreshCollateralPrice,\n refreshStakingRewardCoin,\n refreshStabilityRewardCoin,\n refreshAllUserClaimableCollateral,\n refreshBeethovenPrices,\n refreshStabilityApr,\n refreshOathv1UserBalance,\n refreshOathv2UserBalance,\n getStakingApr,\n checkShowHeaderAlert,\n refreshStERNAnalytics,\n refreshUserStERNVaultDeposits,\n refreshUserStERNVaultUSD,\n refreshCollateralTCR,\n showNetworkWarning,\n refreshUserTroveChangess,\n checkForUserOpenPositionOnVersion,\n getUnderlyingVaults,\n refreshAllOpenTroves,\n areCollateralPricesLoaded,\n refreshStabilityCoinPrice,\n} from '../functions/stateHelpers';\nimport { getChainCollateralFromId, getChainHexFromReadableId } from '../functions/chainHelpers';\nimport TransactionStatusModal from './modals/TransactionStatusModal';\nimport Disclaimer from './Disclaimer';\nimport { isGreaterThanOrEqual, safeDiv, safeSub } from '../functions/safeMath';\nimport { buildReadProvider } from '../functions/blockchainRouter';\nimport HeaderAlert from './HeaderAlert';\nimport SelectNetworkModal from './modals/SelectNetworkModal';\nimport { useLocation } from 'react-router-dom';\nimport { getRouteFromPath } from '../functions/routeHelper';\n\ndeclare const window: any;\n\nfunction App() {\n const [state, dispatch]: any = useContext(Context);\n\n const isMobile = useMediaQuery({ maxWidth: 1240 });\n\n const { pathname } = useLocation();\n\n useEffect(() => {\n dispatch({ type: 'resetAnalytics', content: undefined });\n }, [state.appVersion, dispatch])\n\n useEffect(() => {\n if (\n state.stakingCoinPrice !== '' &&\n state.totalStakingDeposits !== '' &&\n state.chainView !== '' &&\n state.walletProvider !== undefined\n ) {\n getStakingApr(\n state.totalStakingDeposits,\n state.stakingCoinPrice,\n 7,\n state.chainView, \n state.appVersion,\n state.walletProvider\n ).then((res) => {\n if (typeof res === 'string') {\n dispatch({ type: 'stakingApr', content: res });\n }\n });\n }\n }, [\n dispatch,\n state.totalStakingDeposits,\n state.stakingCoinPrice,\n state.chainView,\n state.walletProvider,\n state.appVersion\n ]);\n\n useEffect(() => {\n const lastAgreed = localStorage.getItem('termsAgreedTimestamp');\n if (lastAgreed === null) {\n dispatch({ type: 'showDisclaimer', content: true });\n } else {\n const oneDayInSeconds = '86400';\n const nowInSeconds = safeDiv(Date.now().toString(), '1000');\n const timeDiff = safeSub(nowInSeconds, lastAgreed);\n const show = isGreaterThanOrEqual(timeDiff, oneDayInSeconds);\n dispatch({ type: 'showDisclaimer', content: show });\n }\n dispatch({ type: 'isAppInitialized', content: true });\n }, [dispatch]);\n\n useEffect(() => {\n const theme = retrieveTheme();\n const hamburgerMenuPosition = retrieveHamburgerMenuPosition();\n const autoBrowserWallet = retrieveAutoBrowserWallet();\n\n if (theme !== null) {\n dispatch({ type: 'theme', content: theme });\n }\n if (hamburgerMenuPosition !== null) {\n dispatch({ type: 'hamburgerMenuPosition', content: hamburgerMenuPosition });\n }\n if (autoBrowserWallet !== null) {\n let scrubbedAutoBrowserWallet = true;\n if (autoBrowserWallet === 'false') {\n scrubbedAutoBrowserWallet = false;\n }\n dispatch({ type: 'autoBrowserWallet', content: scrubbedAutoBrowserWallet });\n }\n }, [dispatch]);\n\n useEffect(() => {\n const checkAndSetWallet = async () => {\n const { address, provider } = await checkBrowserWallet();\n if (address !== undefined && provider !== undefined) {\n dispatch({ type: 'walletAddress', content: address });\n dispatch({ type: 'walletProvider', content: provider });\n dispatch({ type: 'isWalletConnected', content: true });\n }\n };\n const setChainSupported = (chainId: string, supportedChains: string[]) => {\n const isOnSupportedChain = supportedChains.includes(chainId);\n dispatch({ type: 'isOnSupportedChain', content: isOnSupportedChain });\n if (isOnSupportedChain) {\n dispatch({ type: 'chainView', content: chainId });\n }\n return isOnSupportedChain;\n };\n\n if (window.ethereum !== undefined) {\n dispatch({ type: 'isWalletDetected', content: true });\n window.ethereum\n .request({ method: 'eth_chainId' })\n .then((chainId: string | null | undefined) => {\n if (typeof chainId === 'string') {\n dispatch({ type: 'connectedChain', content: chainId });\n setChainSupported(chainId, supportedChains);\n }\n });\n const autoBrowserWallet = retrieveAutoBrowserWallet();\n if (autoBrowserWallet === 'true' || autoBrowserWallet === null) {\n dispatch({ type: 'walletType', content: 'browser' });\n checkAndSetWallet();\n }\n window.ethereum.on('accountsChanged', (newAddress: string[]) => {\n if (newAddress === undefined || newAddress[0] === undefined) {\n dispatch({ type: 'resetUserState', content: undefined });\n } else {\n dispatch({ type: 'walletAddress', content: checksumAddress(newAddress[0]) });\n dispatch({ type: 'isWalletConnected', content: true });\n }\n });\n window.ethereum.on('chainChanged', (chainId: string) => {\n let scrubbedChainId = chainId;\n if (typeof chainId === 'number') {\n const hex = getChainHexFromReadableId(chainId);\n scrubbedChainId = hex ? hex : chainId;\n }\n dispatch({ type: 'connectedChain', content: scrubbedChainId });\n const onSupportedChain = setChainSupported(scrubbedChainId, supportedChains);\n if (onSupportedChain) {\n checkAndSetWallet();\n }\n });\n }\n }, [dispatch]);\n\n useEffect(() => {\n if (state.chainView !== '') {\n refreshStakingCoin(state.chainView, state.appVersion, dispatch);\n refreshStabilityCoin(state.chainView, state.appVersion, dispatch);\n refreshStakingRewardCoin(state.chainView, state.appVersion, dispatch);\n refreshStabilityRewardCoin(state.chainView, state.appVersion, dispatch);\n\n const readProvider = buildReadProvider(state.chainView);\n dispatch({ type: 'readProvider', content: readProvider });\n }\n }, [dispatch, state.chainView, state.appVersion]);\n\n useEffect(() => {\n if (state.chainView !== '') {\n refreshStERNAnalytics(state.chainView, state.appVersion, dispatch);\n }\n }, [dispatch, state.chainView, state.connectedChain, state.appVersion]);\n\n useEffect(() => {\n if (state.stabilityCoin !== undefined && state.chainView !== '') {\n refreshStabilityCoinPrice(state.stabilityCoin, defaultChain.chainId.hex, dispatch);\n }\n }, [dispatch, state.stabilityCoin, state.chainView]);\n\n useEffect(() => {\n if (\n state.chainView !== '' &&\n state.readProvider !== undefined &&\n state.stakingCoin !== undefined\n ) {\n const provider =\n state.walletProvider !== undefined ? state.walletProvider : state.readProvider;\n // non-user specific stuff\n refreshTotalStabilityPoolDeposits(state.chainView, provider, state.appVersion, dispatch);\n refreshTotalStakingPoolDeposits(state.chainView, provider, state.appVersion, dispatch);\n refreshBeethovenPrices(state.stakingCoin, state.chainView, state.appVersion, dispatch);\n }\n }, [dispatch, state.stakingCoin, state.chainView, state.readProvider, state.walletProvider, state.appVersion]);\n\n useEffect(() => {\n if (\n state.stabilityCoinPrice !== '' &&\n state.userStERNDepositsInERN !== ''\n ) {\n refreshUserStERNVaultUSD(state.stabilityCoinPrice, state.userStERNDepositsInERN, dispatch);\n }\n }, [dispatch, state.stabilityCoinPrice, state.userStERNDepositsInERN]);\n\n useEffect(() => {\n if (\n state.chainView !== '' &&\n state.stabilityRewardCoinPrice !== '' &&\n state.totalStabilityDeposits !== '' &&\n state.readProvider !== undefined\n ) {\n const provider =\n state.walletProvider !== undefined ? state.walletProvider : state.readProvider;\n refreshStabilityApr(\n state.stabilityRewardCoinPrice,\n state.totalStabilityDeposits,\n state.chainView,\n provider,\n state.appVersion,\n dispatch\n );\n }\n }, [\n dispatch,\n state.chainView,\n state.readProvider,\n state.walletProvider,\n state.stabilityRewardCoinPrice,\n state.totalStabilityDeposits,\n state.appVersion\n ]);\n\n useEffect(() => {\n if (state.walletAddress !== '' && state.walletProvider !== undefined) {\n dispatch({ type: 'isWalletDetected', content: true });\n dispatch({ type: 'isWalletConnected', content: true });\n } else {\n dispatch({ type: 'isWalletDetected', content: false });\n dispatch({ type: 'isWalletConnected', content: false });\n }\n }, [dispatch, state.walletAddress, state.walletProvider]);\n\n useEffect(() => {\n dispatch({ type: 'isMobile', content: isMobile });\n }, [dispatch, isMobile]);\n\n useEffect(() => {\n const conditional = !state.isOnSupportedChain || !state.isChainViewAligned;\n const showNetworkWarning = state.isWalletConnected && conditional;\n dispatch({ type: 'isNetworkWarningShown', content: showNetworkWarning });\n }, [dispatch, state.isWalletConnected, state.isOnSupportedChain, state.isChainViewAligned]);\n\n useEffect(() => {\n // user specific stuff\n if (\n state.walletProvider !== undefined &&\n state.walletAddress !== '' &&\n state.chainView !== '' &&\n state.chainView === state.connectedChain &&\n state.isWalletConnected\n ) {\n initializeCollaterals(state, dispatch);\n refreshUserStakingRewards(state, dispatch);\n refreshUserStakingRedemptionRewards(state, dispatch);\n refreshUserStabilityRewards(state, dispatch);\n refreshUserLiquidationRewards(state, dispatch);\n refreshUserStabilityPoolDeposits(state, dispatch);\n refreshUserStakingPoolDeposits(state, dispatch);\n refreshAllUserClaimableCollateral(state, dispatch);\n refreshUserStERNVaultDeposits(state, dispatch);\n checkForUserOpenPositionOnVersion(state, dispatch, '1');\n checkForUserOpenPositionOnVersion(state, dispatch, '2');\n\n refreshUserTroveChangess(state.walletAddress, state.chainView, state.appVersion, dispatch);\n getUnderlyingVaults(state.appVersion, state.chainView, dispatch);\n\n refreshOathv1UserBalance(state, dispatch);\n refreshOathv2UserBalance(state, dispatch);\n } else if (state.chainView !== state.connectedChain && state.isWalletConnected) {\n dispatch({ type: 'resetAnalytics', content: undefined });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n dispatch,\n state.walletProvider,\n state.walletProvider?.network?.chainId,\n state.walletAddress,\n state.connectedChain,\n state.chainView,\n state.isOnSupportedChain,\n state.isWalletConnected,\n state.appVersion\n ]);\n\n useEffect(() => {\n setTimeout(() => {\n if (\n state.walletProvider !== undefined &&\n state.walletAddress !== '' &&\n state.chainView === state.connectedChain &&\n state.isOnSupportedChain &&\n state.isWalletConnected\n ) {\n refreshUserStakingRewards(state, dispatch);\n refreshUserStakingRedemptionRewards(state, dispatch);\n refreshUserStabilityRewards(state, dispatch);\n refreshUserLiquidationRewards(state, dispatch);\n }\n }, 300000); //every 5 minutes\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n dispatch,\n state.walletProvider,\n state.walletAddress,\n state.chainView,\n state.connectedChain,\n state.isOnSupportedChain,\n state.isWalletConnected,\n ]);\n\n useEffect(() => {\n if (\n state.walletProvider !== undefined &&\n state.chainView !== '' &&\n state.chainView === state.connectedChain &&\n state.isOnSupportedChain\n ) {\n const collaterals = getChainCollateralFromId(state.chainView, state.appVersion);\n collaterals?.forEach((uid) => {\n refreshCollateralPrice(\n uid,\n state.chainView,\n state.walletAddress,\n state.walletProvider,\n state.appVersion,\n dispatch\n );\n refreshCollateralTCR(\n uid,\n state.chainView,\n state.walletProvider,\n state.appVersion,\n dispatch\n )\n });\n }\n setTimeout(() => {\n if (\n state.walletProvider !== undefined &&\n state.chainView !== '' &&\n state.chainView === state.connectedChain &&\n state.isOnSupportedChain\n ) {\n const collaterals = getChainCollateralFromId(state.chainView, state.appVersion);\n collaterals?.forEach((uid) => {\n refreshCollateralPrice(\n uid,\n state.chainView,\n state.walletAddress,\n state.walletProvider, \n state.appVersion,\n dispatch\n );\n refreshCollateralTCR(\n uid,\n state.chainView,\n state.walletProvider, \n state.appVersion,\n dispatch\n )\n });\n }\n }, 120000); //every 2 minutes\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n dispatch,\n state.walletProvider,\n state.chainView,\n state.connectedChain,\n state.isOnSupportedChain,\n state.appVersion\n ]);\n\n useEffect(() => {\n if (\n state.chainView !== '' &&\n state.walletAddress !== '' &&\n areCollateralPricesLoaded(state)\n ) {\n refreshAllOpenTroves(state, dispatch);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n dispatch,\n state.chainView,\n state.btcPrice,\n state.ethPrice,\n state.opPrice,\n state.wstethPrice,\n state.walletAddress,\n state.appVersion\n ])\n\n useEffect(() => {\n const route = getRouteFromPath(pathname);\n dispatch({ type: 'currentPage', content: route?.id });\n }, [dispatch, pathname])\n\n useEffect(() => {\n checkShowHeaderAlert(state.oathv1UserBalance, state.hasV1Position, state.appVersion, dispatch);\n }, [dispatch, state.oathv1UserBalance, state.hasV1Position, state.appVersion])\n\n if (!state.isAppInitialized) {\n return ;\n }\n\n return (\n \n {buildNetworkButtons(supportedChains)}\n
\n \n
\n \n \n \n
\n \n
\n