Feature/include connect v2

apps/connect/package.json

@@ -20,8 +20,8 @@
  "preview": "cross-env VITE_APP_CLUSTER=mainnet vite preview",
  "format": "npm run prettier -- --write ./src",
  "ts:check": "tsc --project ./tsconfig.json --noEmit --skipLibCheck",
- "test": "cross-env VITE_APP_CLUSTER=testnet jest --coverage",
- "test:watch": "cross-env VITE_APP_CLUSTER=testnet jest --coverage --watchAll=true"
+ "test": "cross-env VITE_APP_CLUSTER=mainnet jest --coverage",
+ "test:watch": "cross-env VITE_APP_CLUSTER=mainnet jest --coverage --watchAll=true"
  },
  "dependencies": {
  "@certusone/wormhole-sdk": "^0.10.18",
@@ -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.toLowerCase()}/`;
 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: [],
 };