Feature/include connect v2

apps/connect/package.json

@@ -30,7 +30,8 @@
     "@mui/icons-material": "^5.14.11",
     "@mui/material": "^5.12.1",
     "@tanstack/react-query": "^5.14.2",
-    "@wormhole-foundation/wormhole-connect": "^0.3.22-beta.3-development",
+    "@wormhole-foundation/sdk": "^0.10.3",
+    "@wormhole-foundation/wormhole-connect": "file:wormhole-foundation-wormhole-connect-0.3.7.tgz",
     "aptos": "^1.21.0",
     "bech32": "^2.0.0",
     "dompurify": "^3.0.6",

apps/connect/src/components/atoms/Connect.tsx

@@ -1,5 +1,5 @@
-import { ComponentProps, memo, useEffect } from "react";
-import WormholeConnect from "@wormhole-foundation/wormhole-connect-v2";
+import { memo, useEffect } from "react";
+import WormholeConnect from "@wormhole-foundation/wormhole-connect";
 import { theme } from "../../theme/connect";
 import Banner from "./Banner";
 import { useConnectConfig } from "../../hooks/useConnectConfig";
@@ -24,20 +24,7 @@ export const Connect = memo(() => {
 
   return (
     <Container>
-      {!!config && (
-        <WormholeConnect
-          config={
-            {
-              useRedesign: true,
-              rpcs: {
-                Solana:
-                  "https://solana-mainnet.g.alchemy.com/v2/57SZNfWzjQuYQ3U89jxghxXAbBT_JExa",
-              },
-            } as unknown as ComponentProps<typeof WormholeConnect>["config"]
-          }
-          theme={theme}
-        />
-      )}
+      {!!config && <WormholeConnect config={config} theme={theme} />}
       <Banner />
     </Container>
   );

apps/connect/src/env/common.ts

@@ -6,32 +6,32 @@ const rpcs = (chains: string[], template: (chain: string) => string) =>
     .map((chain: string) => ({ [chain]: template(chain) }))
     .reduce((acc, cur) => ({ ...acc, ...cur }), {});
 const asRpcHost = (chain: string) =>
-  `https://and76cjzpa.execute-api.us-east-2.amazonaws.com/${chain}/`;
+  `https://and76cjzpa.execute-api.us-east-2.amazonaws.com/${chain.toLocaleLowerCase()}/`;
 export const chains = [
-  "wormchain",
-  "osmosis",
-  "ethereum",
-  "sui",
-  "aptos",
-  "kujira",
-  "evmos",
-  "bsc",
-  "polygon",
-  "avalanche",
-  "fantom",
-  "celo",
-  "moonbeam",
-  "base",
-  "arbitrum",
-  "optimism",
-  "scroll",
-  "xlayer",
-  "mantle",
+  "Wormchain",
+  "Osmosis",
+  "Ethereum",
+  "Sui",
+  "Aptos",
+  "Kujira",
+  "Evmos",
+  "Bsc",
+  "Polygon",
+  "Avalanche",
+  "Fantom",
+  "Celo",
+  "Moonbeam",
+  "Base",
+  "Arbitrum",
+  "Optimism",
+  "Scroll",
+  "Xlayer",
+  "Mantle",
 ];
 
 export const MAINNET_RPCS = {
   ...rpcs(chains, asRpcHost),
-  solana: "https://wormhole.rpcpool.com/",
+  Solana: "https://wormhole.rpcpool.com/",
 };
 
 export const PUBLIC_URL = envVars.VITE_PUBLIC_URL || "";
@@ -45,7 +45,8 @@ export const wormholeConnectConfigCommon: Partial<WormholeConnectConfig> = {
   explorer: {
     href: `https://wormholescan.io/#/txs?address={:address}&network=${CLUSTER}`,
   },
-  manualTargetAddress: true,
+  useRedesign: true,
+  //manualTargetAddress: true,
   menu: [],
 };