feat: upgrade API to backend v0.1.2-v0.2.1 fixes (#382)

* feat: add new token pair types and utilities

* feat: add more tokens in development

* fix: decodeEvent should accept EventSDKType

* fix: getEventAttributeMap should only resolve Dex actions

* docs: note needed fix around Swap subscription events

* feat: improve and add to chain events list

* docs: note event string types more specifically

* feat: add parseAmountDenomString utility function

* fix: setState sometimes during render was causing error

* feat: show ticks of all fees at all times on the liquidity chart

* docs: note purpose of mergeBuckets better

* feat: make behind-enemy-ticks visible on liquidity chart:

    - by allowing them to be grouped into buckets
    - and stacking bucket values on top of each other in the chart

* fix: pair midpoint assuming that liquidity may be "behind enemy lines"

    - calculate the midpoint in a way to minimize the amount of
      liquidity value that is "behind enemy lines" of the midpoint

* fix: make bucket height the reserves current sale value at pair price

this value well represents value near the pair price and at extremes
    - eg. using a pair price of 100:
        - 1 token1 placed at price 10,000,000,000 is value of 100
        - 1 token0 placed at price 0.00000000001 is value of 0.01
    - the value of the bucket height represents the relative value
      of depositing that amount of reserves at this point in time
      (at this price, assuming our price is relatively accurate)

* refactor: match most ticks by tickIndex related to current price index

* feat: allow liquidity buckets to be shown stacked or merged

* feat: improve transition animation for tick buckets

* feat: make h1 text heavier

* feat: add border to page-card style

* chore: update react and dependencies to support 18.2.0

* feat: upgrade react-query

* feat: allow fetching user share values from a specific token pair

* feat: abstract out userShares hooks

* fix: token0 totalReserves context was not being queried correctly

* fix: remove queries that query the incorrect pool reserve endpoints

* feat: abstract out user positions context hook

* refactor: improve setting UserDepositFilter default values

* refactor: abstract out userShareValues hooks

* refactor: abstract out userBankValues hooks

* refactor: simplify ShareValuesPage, remove unused props

* refactor: calculate userReserves in the UserPositionDepositContext

    - and make the context properties more clearly differentiated

* refactor: simplify type

* refactor: make used DepositRecord types more strict

    - this should help us not have to check for the pairID property
      whenever we want to use the type

* fix: deposit context should have connected upper/lower contexts

* fix: replace userPositions endpoint with bank balances endpoint:

    - until the data is fixed
    - currently the endpoint only return positive index shares

* fix: query return functions should not return undefined:

    - these trigger a dev console error
    - fix by explicitly returning null

* fix: update useQueries options for referentially stable results:

    - see: TanStack/query#5219

* fix: empty arrays were referentially unstable and causing rerenders

* fix: reduce re-rendering with better memoization and dense result arrays

* fix: reduce re-rendering caused by useQueries "combine" recalculations

* refactor: remove unused useRpc and use LcdClient methods

    - these methods were unreliable and would sometimes not connect
      to the endpoint as intended
    - possibly the resolving of the promise did not set the new value

* fix: pool composition in table was missing context

* fix: allow useShareValueMap to work with all pairs or given pairs

* fix: compute share values in small tokens

* fix: calculate user reserve values in table from small denom units

* fix: find totalShares item correctly in useUserPositionsContext

* docs: add note about placement of user balance filtering

* feat: resolve dev tokens prices better: alongside real prices

Author: dib542

.env.development

@@ -1,6 +1,8 @@
 
 PUBLIC_URL=https://app.dev.duality.xyz
 
+REACT_APP__IS_MAINNET=testnet
+
 # Add prices for development tokens
 REACT_APP__DEV_TOKEN_DENOMS=["sdk.coin:token", "sdk.coin:stake"]
 

package-lock.json

@@ -25,7 +25,7 @@
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@reach/dialog": "^0.17.0",
     "@react-hook/resize-observer": "^1.2.6",
-    "@tanstack/react-query": "^4.29.7",
+    "@tanstack/react-query": "^5.0.0-alpha.35",
     "bignumber.js": "^9.0.2",
     "buffer": "^6.0.3",
     "chain-registry": "^1.0.0",

package.json

@@ -20,7 +20,7 @@
 
 .tick-buckets {
   .tick-bucket {
-    transition: opacity 0.15s ease-in-out, d 0.15s ease-in-out;
+    transition: opacity 0.15s ease-in-out, y 0.1s ease, height 0.1s ease;
     stroke-width: 0.125;
     opacity: 0.75;
   }
@@ -30,6 +30,11 @@
     fill: hsl(202deg 58% 33%);
     stroke: hsl(202deg 58% 33%);
   }
+
+  // make behind-enemy-lines buckets placed over main buckets a little less opaque
+  &.tick-buckets--merged .tick-bucket.behind-enemy-lines {
+    fill-opacity: 0.75;
+  }
 }
 .chart-type--amm {
   .tick-bucket {