fix: silently connect with argentX

apps/ui/package.json

@@ -78,7 +78,7 @@
     "remove-markdown": "^0.5.2",
     "scrollmonitor": "^1.2.11",
     "starknet": "6.11.0",
-    "starknetkit": "^1.1.9",
+    "starknetkit": "^2.3.2",
     "stream-browserify": "^3.0.0",
     "tippy.js": "^6.3.7",
     "turndown": "^7.2.0",

apps/ui/src/helpers/argentx.ts

@@ -1,46 +1,69 @@
 import LockConnector from '@snapshot-labs/lock/src/connector';
 import { useUserSkin } from '@/composables/useUserSkin';
+import { APP_NAME } from './constants';
 const get = () => import(/* webpackChunkName: "argentx" */ 'starknetkit');
 
+const CONNECTOR_NAME = 'argentx';
+
 const { currentMode } = useUserSkin();
 
 export default class Connector extends LockConnector {
-  async connect() {
-    let provider;
+  async connect(): Promise<any> {
+    let provider: any;
+
     try {
       const argentx = await get();
-      const starknet = await argentx.connect({
-        dappName: 'Snapshot',
+      const { wallet } = await argentx.connect({
+        dappName: APP_NAME,
         modalMode: localStorage.getItem('starknetLastConnectedWallet')
           ? 'neverAsk'
           : 'alwaysAsk',
         modalTheme: currentMode.value,
         argentMobileOptions: {
-          dappName: 'Snapshot',
+          dappName: APP_NAME,
           url: 'https://snapshot.box',
           icons: ['https://snapshot.box/favicon.svg']
         }
       });
 
-      if (!starknet.wallet) {
+      if (!wallet) {
         throw Error(
           'User rejected wallet selection or silent connect found nothing'
         );
       }
 
-      if (!starknet.wallet.isConnected) {
-        throw new Error('Connector was not connected');
-      }
+      // @ts-ignore
+      if (!wallet.isConnected) await wallet?.enable();
+
+      provider = wallet;
+      provider.connectorName = CONNECTOR_NAME;
 
-      provider = starknet.wallet;
-      provider.connectorName = 'argentx';
       return provider;
     } catch (e) {
       console.error(e);
       return false;
     }
   }
 
+  async autoConnect() {
+    let provider: any = null;
+
+    try {
+      const argentx = await get();
+      const { wallet } = await argentx.connect({ modalMode: 'neverAsk' });
+
+      // @ts-ignore
+      if (!wallet.isConnected) await wallet?.enable();
+
+      provider = wallet;
+      provider.connectorName = CONNECTOR_NAME;
+
+      return provider;
+    } catch (e) {
+      return false;
+    }
+  }
+
   async logout() {
     const argentx = await get();
     await argentx.disconnect({