Feature/core 4 multi chain support

examples/bottom-chat-multichain/components/AptosWallet.tsx

@@ -0,0 +1,56 @@
+import {
+  useWallet,
+  WalletProvider,
+  MartianWalletAdapter,
+  RiseWalletAdapter,
+  WalletReadyState,
+} from '@manahippo/aptos-wallet-adapter';
+import React, { useEffect } from 'react';
+
+const wallets = [new MartianWalletAdapter(), new RiseWalletAdapter()];
+
+function shortenAddress(address: string, chars = 4): string {
+  const addr = address.toString();
+  return `${addr.substring(0, chars)}...${addr.substring(addr.length - chars)}`;
+}
+
+export const AptosWalletButton = () => {
+  const wallet = useWallet();
+
+  useEffect(() => {
+    if (!wallet.autoConnect && wallet?.wallet?.adapter) {
+      wallet.connect();
+    }
+  }, [wallet]);
+
+  const firstAvailableAdapter = wallet.wallets.find(
+    (it) => it.readyState === WalletReadyState.Installed
+  );
+
+  return (
+    <button
+      className="border border-gray-500 text-white px-4 py-3 rounded-md"
+      onClick={() => {
+        if (!firstAvailableAdapter) return;
+        wallet.select(firstAvailableAdapter.adapter.name);
+      }}
+    >
+      {wallet.connected
+        ? shortenAddress(wallet.account?.address?.toString() || '')
+        : 'Connect Aptos wallet'}
+    </button>
+  );
+};
+
+export const AptosWalletContext: React.FC<any> = (props) => {
+  return (
+    <WalletProvider
+      wallets={wallets}
+      onError={(error: Error) => {
+        console.log('Handle Error Message', error);
+      }}
+    >
+      {props.children}
+    </WalletProvider>
+  );
+};

examples/bottom-chat/components/Wallet/index.tsx → examples/bottom-chat-multichain/components/SolanaWallet.tsx

@@ -14,12 +14,12 @@ import {
   WalletMultiButton,
 } from '@solana/wallet-adapter-react-ui';
 import { clusterApiUrl } from '@solana/web3.js';
-import { PhantomIcon } from '../Icon';
+import { PhantomIcon } from './Icon';
 
 // Default styles that can be overridden by your app
 require('@solana/wallet-adapter-react-ui/styles.css');
 
-export const Wallet = () => {
+export const SolanaWalletButton = () => {
   return (
     <>
       <WalletModalProvider>
@@ -32,7 +32,7 @@ export const Wallet = () => {
   );
 };
 
-export const WalletContext: FC = (props) => {
+export const SolanaWalletContext: FC = (props) => {
   // Can be set to 'devnet', 'testnet', or 'mainnet-beta'
   const network = WalletAdapterNetwork.Mainnet;
 

examples/bottom-chat/package.json → examples/bottom-chat-multichain/package.json

@@ -11,22 +11,25 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.16.7",
-    "@dialectlabs/identity-cardinal": "^0.0.2",
-    "@dialectlabs/identity-dialect-dapps": "^0.0.1",
-    "@dialectlabs/identity-sns": "^0.0.2",
-    "@dialectlabs/react-ui": "^1.0.0-beta.67",
-    "@dialectlabs/web3": "^0.3.2",
-    "@project-serum/anchor": "^0.23.0",
+    "@dialectlabs/identity-cardinal": "^1.0.0",
+    "@dialectlabs/identity-civic": "^1.0.0",
+    "@dialectlabs/identity-dialect-dapps": "^1.0.0",
+    "@dialectlabs/identity-sns": "^1.0.0",
+    "@dialectlabs/react-sdk-blockchain-aptos": "^1.0.0-beta.4",
+    "@dialectlabs/react-sdk-blockchain-solana": "^1.0.0-beta.3",
+    "@dialectlabs/react-ui": "^1.1.0-beta.4",
+    "@manahippo/aptos-wallet-adapter": "^0.4.9",
     "@solana/wallet-adapter-base": "^0.9.5",
     "@solana/wallet-adapter-react": "^0.15.4",
     "@solana/wallet-adapter-react-ui": "^0.9.6",
     "@solana/wallet-adapter-sollet": "^0.11.1",
     "@solana/wallet-adapter-wallets": "^0.15.5",
-    "@solana/web3.js": "1.38.0",
+    "@solana/web3.js": "^1.64.0",
+    "aptos": "^1.3.16",
     "next": "^12.1.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "swr": "^0.5.6"
+    "swr": "^1.3.0"
   },
   "devDependencies": {
     "@svgr/webpack": "^6.2.0",

examples/bottom-chat-multichain/pages/_app.tsx

@@ -0,0 +1,33 @@
+import 'tailwindcss/tailwind.css';
+import '../styles/globals.css';
+import '@dialectlabs/react-ui/index.css';
+import React from 'react';
+import type { AppProps } from 'next/app';
+import Head from 'next/head';
+import { SolanaWalletContext } from '../components/SolanaWallet';
+import { AptosWalletContext } from '../components/AptosWallet';
+
+function MyApp({ Component, pageProps }: AppProps) {
+  return (
+    <>
+      <Head>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link
+          rel="preconnect"
+          href="https://fonts.gstatic.com"
+          crossOrigin="true"
+        />
+        <link
+          href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap"
+          rel="stylesheet"
+        />
+      </Head>
+      <SolanaWalletContext>
+        <AptosWalletContext>
+          <Component {...pageProps} />
+        </AptosWalletContext>
+      </SolanaWalletContext>
+    </>
+  );
+}
+export default MyApp;