feat: add fraxtal and mode networks (dm)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balancer/frontend-v2",
-  "version": "1.144.0",
+  "version": "1.144.110",
   "engines": {
     "node": "=16",
     "npm": ">=8"
@@ -42,7 +42,7 @@
   "devDependencies": {
     "@aave/protocol-js": "^4.3.0",
     "@balancer-labs/assets": "github:balancer-labs/assets#master",
-    "@balancer-labs/sdk": "^1.1.6-beta.14",
+    "@balancer-labs/sdk": "^1.1.6-beta.20",
     "@balancer-labs/typechain": "^1.0.0",
     "@balancer-labs/v2-deployments": "^3.2.0",
     "@cowprotocol/contracts": "^1.3.1",

src/assets/data/contracts/fraxtal.json

@@ -0,0 +1,29 @@
+{
+  "ComposableStablePoolFactory": "0x4bdCc2fb18AEb9e2d281b0278D946445070EAda7",
+  "ManagedPoolFactory": "0x7A2535f5fB47b8e44c02Ef5D9990588313fe8F05",
+  "WeightedPoolFactory": "0x9dA18982a33FD0c7051B19F0d7C76F2d5E7e017c",
+  "BalancerQueries": "0x4132f7AcC9dB7A6cF7BE2Dd3A9DC8b30C7E6E6c8",
+  "BalancerRelayer": "0xb541765F540447646A9545E0A4800A0Bacf9E13D",
+  "BatchRelayerLibrary": "0x662112B8CB18889e81459b92CA0f894a2ef2c1B8",
+  "ProtocolFeePercentagesProvider": "0xf23b4DB826DbA14c0e857029dfF076b1c0264843",
+  "Vault": "0xBA12222222228d8Ba445958a75a0704d566BF2C8",
+  "Authorizer": "0xE39B5e3B6D74016b2F6A9673D7d7493B6DF549d5",
+  "AuthorizerAdaptor": "0x36caC20dd805d128c1a6Dd16eeA845C574b5A17C",
+  "AuthorizerAdaptorEntrypoint": "0xb9F8AB3ED3F3aCBa64Bc6cd2DcA74B7F38fD7B88",
+  "AuthorizerWithAdaptorValidation": "0x6817149cb753BF529565B4D023d7507eD2ff4Bc0",
+  "ChildChainGauge": "0x4fb47126Fa83A8734991E41B942Ac29A3266C968",
+  "ChildChainGaugeFactory": "0xc3ccacE87f6d3A81724075ADcb5ddd85a8A1bB68",
+  "L2LayerZeroBridgeForwarder": "0xa523f47A933D5020b23629dDf689695AA94612Dc",
+  "ProtocolFeesCollector": "0xce88686553686DA562CE7Cea497CE749DA109f9F",
+  "ProtocolFeesWithdrawer": "0x85a80afee867aDf27B50BdB7b76DA70f1E853062",
+  "VotingEscrowDelegationProxy": "0xE3881627B8DeeBCCF9c23B291430a549Fc0bE5F7",
+  "BalancerHelpers": "0x8E9aa87E45e92bad84D5F8DD1bff34Fb92637dE9",
+  "BatchRelayerQueryLibrary": "0x4DdFc173C8F67808AE8F7913DccFfa6bdBFE5b0e",
+  "ChainlinkRateProviderFactory": "0x3f170631ed9821Ca51A59D996aB095162438DC10",
+  "GaugeWorkingBalanceHelper": "0x83E443EF4f9963C77bd860f94500075556668cb8",
+  "L2BalancerPseudoMinter": "0x9805dcfD25e6De36bad8fe9D3Fe2c9b44B764102",
+  "MockLiquidityBootstrappingPool": "0xaeace3B34BcA1BFe585e4B0Bb303e60e0771F139",
+  "NoProtocolFeeLiquidityBootstrappingPoolFactory": "0x956CCab09898C0AF2aCa5e6C229c3aD4E93d9288",
+  "NullVotingEscrow": "0x5cF4928a3205728bd12830E1840F7DB85c62a4B9",
+  "ProtocolIdRegistry": "0x9dd5Db2d38b50bEF682cE532bCca5DfD203915E1"
+}

src/assets/data/contracts/mode.json

@@ -0,0 +1,27 @@
+{
+  "ComposableStablePoolFactory": "0x5DbAd78818D4c8958EfF2d5b95b28385A22113Cd",
+  "ManagedPoolFactory": "0x043A2daD730d585C44FB79D2614F295D2d625412",
+  "WeightedPoolFactory": "0xc3ccacE87f6d3A81724075ADcb5ddd85a8A1bB68",
+  "BalancerQueries": "0x36caC20dd805d128c1a6Dd16eeA845C574b5A17C",
+  "BalancerRelayer": "0xb541765F540447646A9545E0A4800A0Bacf9E13D",
+  "BatchRelayerLibrary": "0x662112B8CB18889e81459b92CA0f894a2ef2c1B8",
+  "ProtocolFeePercentagesProvider": "0x85a80afee867aDf27B50BdB7b76DA70f1E853062",
+  "Vault": "0xBA12222222228d8Ba445958a75a0704d566BF2C8",
+  "Authorizer": "0xE39B5e3B6D74016b2F6A9673D7d7493B6DF549d5",
+  "AuthorizerAdaptor": "0xf23b4DB826DbA14c0e857029dfF076b1c0264843",
+  "AuthorizerAdaptorEntrypoint": "0x76578ecf9a141296Ec657847fb45B0585bCDa3a6",
+  "AuthorizerWithAdaptorValidation": "0x013D4382F291be5688AFBcc741Ee8A24C66B2C92",
+  "ChildChainGauge": "0xE3881627B8DeeBCCF9c23B291430a549Fc0bE5F7",
+  "ChildChainGaugeFactory": "0x4fb47126Fa83A8734991E41B942Ac29A3266C968",
+  "ProtocolFeesCollector": "0xce88686553686DA562CE7Cea497CE749DA109f9F",
+  "ProtocolFeesWithdrawer": "0x9Ac3E70dB606659Bf32D4BdFbb687AD193FD1F5B",
+  "VotingEscrowDelegationProxy": "0x9805dcfD25e6De36bad8fe9D3Fe2c9b44B764102",
+  "BalancerHelpers": "0x8E9aa87E45e92bad84D5F8DD1bff34Fb92637dE9",
+  "BatchRelayerQueryLibrary": "0x4DdFc173C8F67808AE8F7913DccFfa6bdBFE5b0e",
+  "ChainlinkRateProviderFactory": "0x96484f2aBF5e58b15176dbF1A799627B53F13B6d",
+  "L2BalancerPseudoMinter": "0x5cF4928a3205728bd12830E1840F7DB85c62a4B9",
+  "MockLiquidityBootstrappingPool": "0x197868C915E50cD7eB34EB2F56009E0BF9aa09EB",
+  "NoProtocolFeeLiquidityBootstrappingPoolFactory": "0xE42FFA682A26EF8F25891db4882932711D42e467",
+  "NullVotingEscrow": "0x9dd5Db2d38b50bEF682cE532bCca5DfD203915E1",
+  "ProtocolIdRegistry": "0xb9F8AB3ED3F3aCBa64Bc6cd2DcA74B7F38fD7B88"
+}

src/components/contextual/pages/pool/PoolChart.vue

@@ -240,15 +240,19 @@ function getFeesData(
   isAllTimeSelected: boolean,
   pariodLastSnapshotIdx: number
 ) {
-  const feesValues = periodSnapshots.map(
-    (snapshot, idx): readonly [string, number] => {
+  const feesValues = periodSnapshots
+    .map((snapshot, idx) => {
       const value = parseFloat(snapshot.swapFees);
       let prevValue: number;
 
       // get value of prev snapshot
       // if it is last value among all snapshots, then prev value is 0
       if (idx === snapshotValues.value.length - 1) {
-        prevValue = 0;
+        if (isAllTimeSelected) {
+          return;
+        } else {
+          prevValue = 0;
+        }
       } // if it is last value among certain period snapshots, then we get prev value from all snapshots
       else if (idx === pariodLastSnapshotIdx) {
         prevValue = parseFloat(snapshotValues.value[idx + 1].swapFees);
@@ -261,8 +265,8 @@ function getFeesData(
         value - prevValue,
       ]);
       return result;
-    }
-  );
+    })
+    .filter(Boolean) as (readonly [string, number])[];
 
   // add 0 values in order to show chart properly
   if (periodSnapshots.length < 30) {
@@ -296,23 +300,29 @@ function getVolumeData(
   isAllTimeSelected: boolean,
   pariodLastSnapshotIdx: number
 ): PoolChartData {
-  const volumeData = periodSnapshots.map((snapshot, idx) => {
-    const value = parseFloat(snapshot.swapVolume);
-    let prevValue: number;
-
-    // get value of prev snapshot
-    if (idx === snapshotValues.value.length - 1) {
-      prevValue = 0;
-    } else if (idx === pariodLastSnapshotIdx) {
-      prevValue = parseFloat(snapshotValues.value[idx + 1].swapVolume);
-    } else {
-      prevValue = parseFloat(periodSnapshots[idx + 1].swapVolume);
-    }
-    return Object.freeze<[string, number]>([
-      timestamps.value[idx],
-      value - prevValue,
-    ]);
-  });
+  const volumeData = periodSnapshots
+    .map((snapshot, idx) => {
+      const value = parseFloat(snapshot.swapVolume);
+      let prevValue: number;
+
+      // get value of prev snapshot
+      if (idx === snapshotValues.value.length - 1) {
+        if (isAllTimeSelected) {
+          return;
+        } else {
+          prevValue = 0;
+        }
+      } else if (idx === pariodLastSnapshotIdx) {
+        prevValue = parseFloat(snapshotValues.value[idx + 1].swapVolume);
+      } else {
+        prevValue = parseFloat(periodSnapshots[idx + 1].swapVolume);
+      }
+      return Object.freeze<[string, number]>([
+        timestamps.value[idx],
+        value - prevValue,
+      ]);
+    })
+    .filter(Boolean) as (readonly [string, number])[];
 
   // add 0 values in order to show chart properly
   if (periodSnapshots.length < 30) {

src/components/contextual/pages/vebal/LMVoting/GaugesTable.vue

@@ -190,6 +190,14 @@ function getPickedTokens(tokens: VotingPool['tokens']) {
     )
     .map(item => item.address);
 }
+
+function voteDisabledFor(pool: VotingPool): boolean {
+  return (
+    hasUserVotes(pool) ||
+    isVotingTimeLocked(pool.lastUserVoteTime) ||
+    props.selectVotesDisabled
+  );
+}
 </script>
 
 <template>
@@ -210,7 +218,9 @@ function getPickedTokens(tokens: VotingPool['tokens']) {
       :square="upToLargeBreakpoint"
       :isPaginated="isPaginated"
       :href="{ getHref: gauge => getPoolExternalUrl(gauge) }"
-      :onRowClick="redirectToPool"
+      :onRowClick="
+        (pool, inNewTab) => !voteDisabledFor(pool) && toggleSelection(pool)
+      "
       :getTableRowClass="getTableRowClass"
       :initialState="{
         sortColumn: 'nextPeriodVotes',
@@ -279,6 +289,12 @@ function getPickedTokens(tokens: VotingPool['tokens']) {
             v-if="getIsGaugeExpired(pool.gauge.address)"
             class="ml-2"
           />
+          <BalIcon
+            name="arrow-up-right"
+            size="sm"
+            class="ml-2 text-gray-500 hover:text-blue-500 transition-colors"
+            @click="redirectToPool(pool, true)"
+          />
         </div>
       </template>
       <template #nextPeriodVotesCell="pool: VotingPool">
@@ -327,11 +343,7 @@ function getPickedTokens(tokens: VotingPool['tokens']) {
           name="expiredGaugesFilter"
           noMargin
           :modelValue="isSelected(pool)"
-          :disabled="
-            hasUserVotes(pool) ||
-            isVotingTimeLocked(pool.lastUserVoteTime) ||
-            selectVotesDisabled
-          "
+          :disabled="voteDisabledFor(pool)"
           @click.stop
           @input="toggleSelection(pool)"
         />

src/components/contextual/pages/vebal/LMVoting/composables/useLMVotingFilters.spec.ts

@@ -101,5 +101,7 @@ it('calculates networkFilters', async () => {
     expiredGauges
   );
 
-  expect(networkFilters).toEqual([1, 10, 100, 137, 1101, 8453, 42161, 43114]);
+  expect(networkFilters).toEqual([
+    1, 10, 100, 137, 252, 1101, 8453, 42161, 43114,
+  ]);
 });

src/components/pool/PoolPageHeader.vue

@@ -310,24 +310,12 @@ function symbolFor(titleTokenIndex: number): string {
   </BalAlert>
 
   <BalAlert
-    v-if="
-      disableJoinsReason.requiresAllowListing ||
-      disableJoinsReason.nonAllowedWeightedPoolAfterTimestamp
-    "
-    type="warning"
-    :title="$t('requiresAllowListing1')"
+    v-if="disableJoinsReason.isBlocked"
+    type="error"
+    :title="$t('blockedPool')"
     class="mt-2"
     block
-  >
-    {{ $t('Click') }}
-    <a
-      href="https://github.com/balancer/frontend-v2/wiki/How-tos#add-a-new-pool"
-      target="_blank"
-      class="underline"
-      >{{ $t('here') }}</a
-    >
-    {{ $t('requiresAllowListing2') }}
-  </BalAlert>
+  />
 </template>
 <style scoped>
 .pool-title {

src/components/web3/SanctionedWalletModal.vue

@@ -34,7 +34,7 @@ function onClose() {
   >
     <p class="pb-3 text-sm">
       Your wallet address cannot use this site because it has been flagged as
-      high risk by our compliance partner, TRM Labs.
+      high risk by our compliance partner, Hypernative.
     </p>
     <p class="pb-3 text-sm">
       This website is open source and permissionless. Anyone can fork and run

src/components/web3/ThirdPartyServicesModal.vue

@@ -57,7 +57,7 @@ const services = [
   'the-graph',
   'fathom-analytics',
   'appzi',
-  'TRM-labs',
+  'hypernative',
   'sentry',
   'amazon-web-services',
 ];

src/composables/queries/usePoolSnapshotsQuery.ts

@@ -8,6 +8,7 @@ import { PoolSnapshots } from '@/services/pool/types';
 
 import useNetwork from '../useNetwork';
 import usePoolQuery from './usePoolQuery';
+import { oneDayInMs } from '../useTime';
 
 type QueryOptions = QueryObserverOptions<PoolSnapshots>;
 
@@ -47,10 +48,20 @@ export default function usePoolSnapshotsQuery(
     if (!pool.value && !storedPool) throw new Error('No pool');
 
     const createTime = storedPool?.createTime || pool.value?.createTime || 0;
+
+    const nowTimestap = new Date().getTime();
+    const thousandDaysInMs = 1000 * oneDayInMs;
+
+    let timestamp = Math.floor((nowTimestap - thousandDaysInMs) / 1000);
+
+    if (timestamp < createTime) {
+      timestamp = createTime;
+    }
+
     return await balancerSubgraphService.poolSnapshots.get({
       where: {
         pool: id.toLowerCase(),
-        timestamp_gt: createTime,
+        timestamp_gt: timestamp,
       },
     });
   };