fix/PRO-2576/update-new-wallet-factory

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## [0.15.0] - 2024-08-08
+
+### Breaking Changes
+- Updated `@etherspot/modular-sdk` with new wallet factory contract address
+
 ## [0.14.1] - 2024-07-11
 
 ### Added Changes

example/src/App.tsx

@@ -204,7 +204,7 @@ const App = () => {
       if (expired) return;
 
       setBalancePerAddress(updatedBalances);
-      await listModules().then((list) => setModulesList(list));
+      await listModules().then((list) => setModulesList(list)).catch((e) => setModulesList(undefined));
     };
 
     refreshBalances();
@@ -259,22 +259,22 @@ const App = () => {
             <Typography>{etherspotPrimeOrModularAddress}</Typography>
           </Paper>
         )}
-        <Box sx={{ borderBottom: 1, borderTop: 1, borderColor: 'divider' }} mt={4} py={4}>
           {modulesList && (
-            <div>
-              <Typography>Modules installed:</Typography>
-              <ul>
-                {modulesList.validators?.map((module, i) => (
-                  <li key={i}>
-                    <Typography fontSize={14}>{module}</Typography>
-                  </li>
-                ))}
-              </ul>
-            </div>
+            <Box sx={{ borderBottom: 1, borderTop: 1, borderColor: 'divider' }} mt={4} py={4}>
+              <div>
+                <Typography>Modules installed:</Typography>
+                <ul>
+                  {modulesList.validators?.map((module, i) => (
+                    <li key={i}>
+                      <Typography fontSize={14}>{module}</Typography>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+              <button onClick={onInstallModuleClick}>Install a module</button>
+              <button onClick={onUninstallModuleClick}>Uninstall a module</button>
+            </Box>
           )}
-          <button onClick={onInstallModuleClick}>Install a module</button>
-          <button onClick={onUninstallModuleClick}>Uninstall a module</button>
-        </Box>
       </Box>
       <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
         <Tabs value={activeTab} onChange={(event, id) => setActiveTab(id)}>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@etherspot/transaction-kit",
   "description": "React Etherspot Transaction Kit",
-  "version": "0.14.1",
+  "version": "0.15.0",
   "main": "dist/cjs/index.js",
   "scripts": {
     "rollup:build": "NODE_OPTIONS=--max-old-space-size=8192 rollup -c",
@@ -22,7 +22,7 @@
   "homepage": "https://github.com/etherspot/transaction-kit#readme",
   "dependencies": {
     "@etherspot/eip1271-verification-util": "0.1.2",
-    "@etherspot/modular-sdk": "1.1.2",
+    "@etherspot/modular-sdk": "2.0.0",
     "@etherspot/prime-sdk": "1.8.1",
     "buffer": "^6.0.3",
     "ethers": "^5.6.9",

src/hooks/useEtherspotModules.ts

@@ -127,7 +127,7 @@ const useEtherspotModules = (chainId?: number): IEtherspotModulesHook => {
     } catch (e) {
       console.error(
         `Sorry, an error occurred whilst trying to list all your wallet modules on`
-        + ` ${modulesForAccount}. Please try again. Error:`,
+        + ` ${modulesForAccount}. Please make sure your account is deployed and try again. Error:`,
         e,
       );
       throw new Error(`Failed to list all modules: ${e}`)