feat - support mm smart account

Author: tuna1207

demo/vue-app-new/package-lock.json

@@ -11,9 +11,9 @@
   },
   "dependencies": {
     "@solana/web3.js": "^1.98.0",
-    "@toruslabs/base-controllers": "^8.1.0",
+    "@toruslabs/base-controllers": "^8.3.1",
     "@toruslabs/bs58": "^1.0.0",
-    "@toruslabs/ethereum-controllers": "^8.2.0",
+    "@toruslabs/ethereum-controllers": "^8.3.4",
     "@toruslabs/solana-controllers": "^8.1.0",
     "@toruslabs/tweetnacl-js": "^1.0.4",
     "@toruslabs/vue-components": "^8.0.6",
@@ -22,7 +22,7 @@
     "@web3auth/modal": "file:../../packages/modal",
     "@web3auth/no-modal": "file:../../packages/no-modal",
     "@web3auth/sign-in-with-ethereum": "^5.0.0",
-    "@web3auth/ws-embed": "^5.0.0",
+    "@web3auth/ws-embed": "file:../../web3auth-ws-embed-5.0.0.tgz",
     "ethers": "^6.13.5",
     "petite-vue-i18n": "^11.1.3",
     "vue": "^3.5.13"

demo/vue-app-new/package.json

@@ -19,14 +19,16 @@ import { type Web3AuthContextConfig, Web3AuthProvider } from "@web3auth/modal/vu
 import { WalletServicesProvider } from "@web3auth/no-modal/vue";
 import { computed, onBeforeMount, ref, watch } from "vue";
 
-import { AUTH_CONNECTION, type AUTH_CONNECTION_TYPE, BUILD_ENV } from "@web3auth/auth";
+import { type AUTH_CONNECTION_TYPE, BUILD_ENV } from "@web3auth/auth";
 import AppDashboard from "./components/AppDashboard.vue";
 import AppHeader from "./components/AppHeader.vue";
 import AppSettings from "./components/AppSettings.vue";
 import { clientIds, NFT_CHECKOUT_CLIENT_ID } from "./config";
 import { FormConfigSettings } from "./interfaces";
 import { formDataStore } from "./store/form";
 import { getChainConfig } from "./utils/chainconfig";
+import { SmartAccountType } from "@toruslabs/ethereum-controllers";
+import { Implementation } from "@metamask/delegation-toolkit";
 
 const formData = formDataStore;
 
@@ -54,7 +56,7 @@ const options = computed((): Web3AuthOptions => {
       }
     });
     accountAbstractionConfig = {
-      smartAccountType: formData.smartAccountType as string,
+      smartAccountType: formData.smartAccountType as SmartAccountType,
       chains,
     };
   }

demo/vue-app-new/src/MainView.vue

@@ -80,14 +80,15 @@ export const defaultLoginMethod: Record<AUTH_CONNECTION_TYPE, FormConfigSettings
   {} as Record<AUTH_CONNECTION_TYPE, FormConfigSettings>
 );
 
-export type SmartAccountType = "biconomy" | "safe" | "nexus" | "kernel" | "trust";
+export type SmartAccountType = "biconomy" | "safe" | "nexus" | "kernel" | "trust" | "metamask";
 
 export const SmartAccountOptions: { name: string; value: SmartAccountType }[] = [
   { name: "Biconomy", value: "biconomy" },
   { name: "Safe", value: "safe" },
   { name: "Nexus", value: "nexus" },
   { name: "Kernel", value: "kernel" },
   { name: "Trust", value: "trust" },
+  { name: "Metamask", value: "metamask" },
   // { name: "Light", value: "light" },
   // { name: "Simple", value: "simple" },
 ];