Merge pull request #774 from Sifchain/staging

[release] v2.12.0

app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app",
-  "version": "2.11.4",
+  "version": "2.12.0",
   "private": true,
   "scripts": {
     "bump": "bump patch --tag --commit 'testnet release '",

app/src/business/calculators/swapCalculatorPMTP.ts

@@ -1,4 +1,4 @@
-import { Ref, computed, effect, ref } from "@vue/reactivity";
+import { Ref, computed, effect, ref } from "vue";
 import {
   AssetAmount,
   IPool,
@@ -12,6 +12,7 @@ import {
 import { flagsStore } from "@/store/modules/flags";
 import { useField } from "./useField";
 import { trimZeros, useBalances } from "./utils";
+import { useLiquidityProtectionParams } from "@/domains/clp/queries/params";
 
 export enum SwapState {
   ZERO_AMOUNTS,
@@ -21,6 +22,7 @@ export enum SwapState {
   INSUFFICIENT_LIQUIDITY,
   FRONTRUN_SLIPPAGE,
   INVALID_SLIPPAGE,
+  EXCEEDS_CURRENT_LIQUIDITY_THRESHOLD,
 }
 
 export function calculateFormattedPriceImpact(
@@ -353,11 +355,22 @@ export function useSwapCalculator(input: {
     return AssetAmount(toField.value.asset, minAmount);
   });
 
+  const { data: liquidityProtectionParams } = useLiquidityProtectionParams();
+
+  const currentRowanLiquidityThreshold = computed(() => {
+    const value =
+      liquidityProtectionParams.value?.rateParams
+        ?.currentRowanLiquidityThreshold;
+
+    return AssetAmount("rowan", value ?? "0");
+  });
+
   // Derive state
   const state = computed(() => {
     if (!pool.value) {
       return SwapState.INSUFFICIENT_LIQUIDITY;
     }
+
     const fromTokenLiquidity = (pool.value as IPool).amounts.find(
       (amount) => amount.asset.symbol === fromField.value.asset?.symbol,
     );
@@ -394,12 +407,28 @@ export function useSwapCalculator(input: {
       return SwapState.INSUFFICIENT_LIQUIDITY;
     }
 
-    // slippage > 50% can be social engineered as a non-option as to prevent traders from transacting without understanding the potential price volatility before their transaction will actually execute
-    // user entering a negative slippage is not useful but hopefully works out for them
+    if (
+      fromField.value.asset?.symbol === "rowan" &&
+      fromField.value.fieldAmount.greaterThanOrEqual(
+        currentRowanLiquidityThreshold.value,
+      )
+    ) {
+      if (process.env.NODE_ENV !== "production") {
+        console.log({
+          currentRowanLiquidityThreshold: currentRowanLiquidityThreshold.value
+            .toDerived()
+            .toNumber(),
+        });
+      }
+      return SwapState.EXCEEDS_CURRENT_LIQUIDITY_THRESHOLD;
+    }
+
     if (
       Amount(input.slippage.value).greaterThan(Amount("50.001")) ||
       Amount(input.slippage.value).lessThan(Amount("0"))
     ) {
+      // slippage > 50% can be social engineered as a non-option as to prevent traders from transacting without understanding the potential price volatility before their transaction will actually execute
+      // user entering a negative slippage is not useful but hopefully works out for them
       return SwapState.INVALID_SLIPPAGE;
     }
 
@@ -424,5 +453,6 @@ export function useSwapCalculator(input: {
     swapResult,
     reverseSwapResult,
     priceRatio,
+    currentRowanLiquidityThreshold,
   };
 }

app/src/domains/clp/queries/params.ts

@@ -1,10 +1,11 @@
+import { addMilliseconds, minutesToMilliseconds } from "date-fns";
+import { computed } from "vue";
+import { useQuery } from "vue-query";
+
 import { useSifchainClients } from "@/business/providers/SifchainClientsProvider";
 import { useBlockTimeQuery } from "@/domains/statistics/queries/blockTime";
 import dangerouslyAssert from "@/utils/dangerouslyAssert";
 import useDependentQuery from "@/utils/useDependentQuery";
-import { addMilliseconds, minutesToMilliseconds } from "date-fns";
-import { computed } from "vue";
-import { useQuery } from "vue-query";
 
 export function useRewardsParamsQuery() {
   const sifchainClients = useSifchainClients();
@@ -180,3 +181,28 @@ export function useSwapFeeRate() {
     },
   );
 }
+
+export function useLiquidityProtectionParams() {
+  const sifchainClients = useSifchainClients();
+
+  return useDependentQuery(
+    [
+      computed(
+        () =>
+          sifchainClients.queryClientStatus === "fulfilled" &&
+          sifchainClients.signingClientStatus === "fulfilled",
+      ),
+    ],
+    "liquidityProtectionParams",
+    async () => {
+      dangerouslyAssert<"fulfilled">(sifchainClients.queryClientStatus);
+
+      const { queryClient } = sifchainClients;
+
+      return await queryClient.clp.GetLiquidityProtectionParams({});
+    },
+    {
+      refetchInterval: 6_000,
+    },
+  );
+}

app/src/views/SwapPage/SwapPage.tsx

@@ -120,7 +120,6 @@ export default defineComponent({
                 }
               />
             </div>
-
             <SlippageTolerance
               slippage={data.slippage.value || "0"}
               onUpdate={(v) => {
@@ -135,6 +134,18 @@ export default defineComponent({
               liquidityProviderFee={data.providerFee.value ?? ""}
               minimumReceived={data.minimumReceived.value}
             />
+            {data.fromAsset.value.symbol === "rowan" && (
+              <section
+                role="alert"
+                class="border-danger-base text-danger-base rounded-md border p-2 text-center text-sm"
+              >
+                The current max swap amount is{" "}
+                <span class="font-bold">
+                  {data.formattedCurrentLiquidityThreshold.value} ROWAN
+                </span>
+                . This value updates every block (~6 seconds).
+              </section>
+            )}
             <Button.CallToAction
               onClick={() => {
                 if (!data.nextStepAllowed.value) {

app/src/views/SwapPage/useSwapPageData.ts

@@ -181,6 +181,7 @@ export const useSwapPageData = () => {
     providerFee,
     minimumReceived,
     effectiveMinimumReceived,
+    currentRowanLiquidityThreshold,
   } = useSwapCalculator({
     balances: computed(() => store.wallet.get(Network.SIFCHAIN).balances),
     fromAmount,
@@ -291,6 +292,15 @@ export const useSwapPageData = () => {
     message,
   });
 
+  const formattedCurrentLiquidityThreshold = computed(() =>
+    currentRowanLiquidityThreshold.value
+      .toDerived()
+      .toNumber()
+      .toLocaleString("en", {
+        notation: "compact",
+      }),
+  );
+
   const nextStepValidityMessage = computed(() => {
     if (!accountStore.state.sifchain.address) {
       return swapValidityMessage(false, "Connect Sifchain Wallet");
@@ -310,6 +320,7 @@ export const useSwapPageData = () => {
         );
       }
     }
+
     switch (state.value) {
       case SwapState.ZERO_AMOUNTS:
         return swapValidityMessage(false, "Please enter an amount");
@@ -320,6 +331,8 @@ export const useSwapPageData = () => {
         );
       case SwapState.INSUFFICIENT_LIQUIDITY:
         return swapValidityMessage(false, "Insufficient Liquidity");
+      case SwapState.EXCEEDS_CURRENT_LIQUIDITY_THRESHOLD:
+        return swapValidityMessage(false, "Swap");
       case SwapState.INVALID_AMOUNT:
         return swapValidityMessage(false, "Invalid Amount");
       case SwapState.VALID_INPUT:
@@ -331,6 +344,7 @@ export const useSwapPageData = () => {
         );
       case SwapState.INVALID_SLIPPAGE:
         return swapValidityMessage(false, "Invalid slippage");
+
       default:
         return swapValidityMessage(false, "Unknown");
     }
@@ -405,6 +419,7 @@ export const useSwapPageData = () => {
     priceRatio,
     priceImpact,
     providerFee,
+    formattedCurrentLiquidityThreshold,
     handleFromMaxClicked() {
       selectedField.value = "from";
       const accountBalance = getAccountBalance();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sifchain-ui",
-  "version": "2.11.4",
+  "version": "2.12.0",
   "private": true,
   "license": "UNLICENSED",
   "packageManager": "[email protected]",