feat(bridge-ui): update config (#17347)

Author: KorbinianK

packages/bridge-ui/config/schemas/configuredCustomTokens.schema.json

@@ -42,6 +42,9 @@
             "stablecoin": {
               "type": "boolean"
             },
+            "quotaLimited": {
+              "type": "boolean"
+            },
             "mintable": {
               "type": "boolean"
             }

packages/bridge-ui/scripts/exportJsonToEnv.js

@@ -25,6 +25,7 @@ const isProd = args.includes('--prod');
 const isA7 = args.includes('--a7');
 const isA6 = args.includes('--a6');
 const isA5 = args.includes('--a5');
+const isMainnet = args.includes('--mainnet');
 
 // Determine the environment
 let environment = '';
@@ -44,6 +45,8 @@ if (isA6) {
   version = 'a5';
 } else if (isA7) {
   version = 'a7';
+} else if (isMainnet) {
+  version = 'mainnet';
 }
 
 Logger.info(`Detected ${environment} environment and ${version} version.`);

packages/bridge-ui/src/components/SideNavigation/SideNavigation.svelte

@@ -103,24 +103,28 @@
                 <span>{$t('nav.bridge')}</span>
               </LinkButton>
             </li>
-            <li>
-              <LinkButton href="/faucet" active={isFaucetPage}>
-                <Icon type="faucet" fillClass={getIconFillClass(isFaucetPage)} />
-                <span>{$t('nav.faucet')}</span>
-              </LinkButton>
-            </li>
+            {#if testnetName !== ''}
+              <li>
+                <LinkButton href="/faucet" active={isFaucetPage}>
+                  <Icon type="faucet" fillClass={getIconFillClass(isFaucetPage)} />
+                  <span>{$t('nav.faucet')}</span>
+                </LinkButton>
+              </li>
+            {/if}
             <li>
               <LinkButton href="/transactions" active={isTransactionsPage}>
                 <Icon type="transactions" fillClass={getIconFillClass(isTransactionsPage)} />
                 <span>{$t('nav.transactions')}</span>
               </LinkButton>
             </li>
-            <li class="border-t border-t-divider-border pt-2">
-              <LinkButton href={PUBLIC_DEFAULT_SWAP_URL} external>
-                <Icon type="swap" />
-                <span>{$t('nav.swap')}</span>
-              </LinkButton>
-            </li>
+            {#if PUBLIC_DEFAULT_SWAP_URL && PUBLIC_DEFAULT_SWAP_URL !== ''}
+              <li class="border-t border-t-divider-border pt-2">
+                <LinkButton href={PUBLIC_DEFAULT_SWAP_URL} external>
+                  <Icon type="swap" />
+                  <span>{$t('nav.swap')}</span>
+                </LinkButton>
+              </li>
+            {/if}
             <li>
               <LinkButton
                 href={$connectedSourceChain

packages/bridge-ui/src/components/WelcomeModal/WelcomeModal.svelte

@@ -199,12 +199,6 @@
         "recipient": "Recipient",
         "review": "Review"
       }
-    },
-    "welcome_modal": {
-      "body": "Welcome to <span class='font-bold text-primary-brand'>Hekla, our final testnet</span>.<br/>Strengthening security may cause some delay in L2→L1 bridging, <span class='font-bold text-primary-brand'>around 24 hours</span> on the testnet. We're striving for shorter delays on the mainnet.",
-      "confirm": "I understand",
-      "link": "Find out more",
-      "title": "Important Update"
     }
   },
   "chain_selector": {
@@ -492,7 +486,7 @@
               "title": "What is \"Sufficient funds to claim\"?"
             },
             "quota": {
-              "description": "Currently there is a daily limit of how much ETH can be bridged to L1. If the quota is reached, please try again the next day.",
+              "description": "Currently there is a daily limit of how much of this asset can be bridged to L1. If the quota is reached, please try again the next day.",
               "title": "What is \"Sufficient daily quota\"?"
             }
           }

packages/bridge-ui/src/components/WelcomeModal/index.ts

@@ -1,4 +1,5 @@
 import { getPublicClient } from '@wagmi/core';
+import { formatGwei } from 'viem';
 
 import { gasLimitConfig } from '$config';
 import { PUBLIC_FEE_MULTIPLIER } from '$env/static/public';
@@ -35,8 +36,13 @@ export async function recommendProcessingFee({
   if (!destPublicClient) throw new Error('Could not get public client');
 
   const maxPriorityFee = await destPublicClient.estimateMaxPriorityFeePerGas();
+  log(`maxPriorityFee: ${formatGwei(maxPriorityFee)} gwei`);
+
+  const gasPrice = await destPublicClient.getGasPrice();
+  log(`gasPrice: ${formatGwei(gasPrice)} gwei`);
 
   if (!baseFee) throw new Error('Unable to get base fee');
+  log(`baseFee: ${formatGwei(baseFee)} gwei`);
 
   if (token.type !== TokenType.ETH) {
     const tokenInfo = await getTokenAddresses({ token, srcChainId, destChainId });
@@ -82,7 +88,23 @@ export async function recommendProcessingFee({
   }
   if (!estimatedMsgGaslimit) throw new Error('Unable to calculate fee');
 
-  const fee = estimatedMsgGaslimit * (BigInt(PUBLIC_FEE_MULTIPLIER) * (baseFee + maxPriorityFee));
+  // Initial fee multiplicator and add fallback
+  let feeMultiplicator: number = parseInt(PUBLIC_FEE_MULTIPLIER);
+
+  if (gasPrice <= 50000000n) {
+    feeMultiplicator = 4;
+    log(`gasPrice  ${formatGwei(gasPrice)} is less than 0.5 gwei, setting feeMultiplicator to 4`);
+  } else if (gasPrice <= 100000000n && gasPrice > 50000000n) {
+    feeMultiplicator = 3;
+    log(
+      `gasPrice ${formatGwei(gasPrice)} is less than 0.1 gwei and more than 0.05 gwei, setting feeMultiplicator to 3`,
+    );
+  } else {
+    feeMultiplicator = 2;
+    log(`gasPrice ${formatGwei(gasPrice)} is more than 0.1 gwei, setting feeMultiplicator to 2`);
+  }
+
+  const fee = estimatedMsgGaslimit * gasPrice * BigInt(feeMultiplicator);
   return roundWeiTo6DecimalPlaces(fee);
 }
 

packages/bridge-ui/src/i18n/en.json

@@ -35,4 +35,5 @@ const hasAttribute = (token: Token, attribute: TokenAttributeKey): boolean => {
 export const isWrapped = (token: Token): boolean => hasAttribute(token, TokenAttributeKey.Wrapped);
 export const isSupported = (token: Token): boolean => hasAttribute(token, TokenAttributeKey.Supported);
 export const isStablecoin = (token: Token): boolean => hasAttribute(token, TokenAttributeKey.Stablecoin);
+export const isQuotaLimited = (token: Token): boolean => hasAttribute(token, TokenAttributeKey.QuotaLimited);
 export const isMintable = (token: Token): boolean => hasAttribute(token, TokenAttributeKey.Mintable);

packages/bridge-ui/src/libs/fee/recommendProcessingFee.ts

@@ -18,13 +18,15 @@ export enum TokenAttributeKey {
   Wrapped = 'wrapped',
   Stablecoin = 'stablecoin',
   Supported = 'supported',
+  QuotaLimited = 'quotaLimited',
 }
 
 export type TokenAttributes = {
   [TokenAttributeKey.Mintable]?: boolean;
   [TokenAttributeKey.Wrapped]?: boolean;
   [TokenAttributeKey.Stablecoin]?: boolean;
   [TokenAttributeKey.Supported]?: boolean;
+  [TokenAttributeKey.QuotaLimited]?: boolean;
 };
 
 export type Token = {

packages/bridge-ui/src/libs/token/tokens.ts

@@ -28,7 +28,14 @@ export async function startWatching() {
         const { chainId, address } = data;
 
         if (chainId && address) {
-          connectedSmartContractWallet.set(await isSmartContractWallet(address, Number(chainId)));
+          let smartWallet = false;
+          try {
+            smartWallet = (await isSmartContractWallet(address, Number(chainId))) || false;
+          } catch (error) {
+            console.error('Error checking for smart contract wallet', error);
+          } finally {
+            connectedSmartContractWallet.set(smartWallet);
+          }
         }
 
         // We need to check if the chain is supported, and if not