feat: Enabling new UI by default (#3780)

Signed-off-by: Emre Bogazliyanlioglu <emre@wormholelabs.xyz>

Author: emreboga

src/AppRouter.tsx

@@ -43,7 +43,7 @@ const AppRouterContent = () => {
   const prevRoute = usePrevious(route);
   const { hasExternalSearch } = useExternalSearch();
 
-  const UIRefreshV3Enabled = getExperiment('enableUIRefreshV3');
+  const UIRefreshV3Enabled = getExperiment('enableUIRefreshV3', true);
 
   useEffect(() => {
     const redeemRoute = 'redeem';

src/components/FooterNavBar.tsx

@@ -21,7 +21,7 @@ function itemAppender(acc: MenuItem[], item: MenuEntry) {
 
 function defaultMenuItems(navigate: (name: Route) => void): MenuItem[] {
   const items: MenuItem[] = [];
-  if (!getExperiment('enableUIRefreshV3')) {
+  if (!getExperiment('enableUIRefreshV3', true)) {
     items.push({
       label: 'Resume Transaction',
       handleClick: () => navigate('search'),

src/components/SampleApp/index.tsx

@@ -3,7 +3,6 @@ import React, { useEffect } from 'react';
 import { useState } from 'react';
 
 import WormholeConnect from '../../WormholeConnect';
-import config from 'config';
 import type { WormholeConnectConfig } from 'config/types';
 
 /*
@@ -48,6 +47,7 @@ import {
   cctpV2FastExecutorRoute,
 } from 'exports/executor';
 import type { WormholeConnectTheme } from 'theme';
+import { getExperiment } from 'utils/experiments';
 
 const MAX_URL_SIZE = 30_000; // 30kb (HTTP header limit is set to 32kb)
 
@@ -396,7 +396,7 @@ function SampleApp() {
                       <pre>input</pre>
                       <i>string;</i>
                     </li>
-                    {config.ui?.experimental?.enableUIRefreshV3 && (
+                    {getExperiment('enableUIRefreshV3', true) && (
                       <li>
                         <pre>inputFillTreatment</pre>
                         <i>boolean;</i>

tests/e2e/config/index.ts

@@ -5,7 +5,6 @@ const mayanSWIFT = `{
   network: 'mainnet',
   coingecko: { customUrl: 'https://coingecko.labsapis.com' },
   ui: {
-    experimental: { enableUIRefreshV3: true },
     showInProgressWidget: true,
     testOptions: {
       enableHeadlessSigner: true,
@@ -20,7 +19,6 @@ const CCTPExecutor = `{
   network: 'mainnet',
   coingecko: { customUrl: 'https://coingecko.labsapis.com' },
   ui: {
-    experimental: { enableUIRefreshV3: true },
     showInProgressWidget: true,
     testOptions: {
       enableHeadlessSigner: true,
@@ -35,7 +33,6 @@ const CCTPV2Standard = `{
   network: 'mainnet',
   coingecko: { customUrl: 'https://coingecko.labsapis.com' },
   ui: {
-    experimental: { enableUIRefreshV3: true },
     showInProgressWidget: true,
     testOptions: {
       enableHeadlessSigner: true,
@@ -50,9 +47,8 @@ const NTTRoutes = `{
   network: 'mainnet',
   coingecko: { customUrl: 'https://coingecko.labsapis.com' },
   ui: {
-    experimental: { enableUIRefreshV3: true },
     showInProgressWidget: true,
-    testOptions: { enableHeadlessSigner: false },
+    testOptions: { enableHeadlessSigner: true },
   },
   routes: [
     ...nttRoutes({