initiated migration

Author: Jabyl

.gitignore

@@ -10,6 +10,7 @@
 
 # production
 /build
+/src/lib
 
 # misc
 .DS_Store

eslint.config.js

@@ -25,10 +25,11 @@ export default tseslint.config(
       ],
       "@typescript-eslint/no-explicit-any": "off",
       "@typescript-eslint/ban-ts-comment": "off",
-      "no-debugger":"off",
+      "no-debugger": "off",
       "@typescript-eslint/no-unused-vars": "off",
       "react-refresh/only-export-components": "off",
       "react-hooks/exhaustive-deps": "off",
+      "react-hooks/set-state-in-effect": "off",
       "@typescript-eslint/no-unused-expressions": "off"
     }
   }

package-lock.json

@@ -32,64 +32,78 @@
     "react-query": "4.0.0-beta.23"
   },
   "dependencies": {
-    "@apollo/client": "^3.9.1",
-    "@aut-labs/abi-types": "^0.0.88-dev",
-    "@aut-labs/connector": "^0.0.205",
+    "@apollo/client": "^4.0.7",
+    "@aut-labs/abi-types": "^0.0.89-dev",
+    "@aut-labs/connector": "^0.0.219",
     "@aut-labs/d-aut": "^1.0.206-dev",
-    "@aut-labs/sdk": "^0.0.230-dev",
-    "@emotion/react": "^11.11.3",
-    "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.15.7",
-    "@mui/lab": "^5.0.0-alpha.163",
-    "@mui/material": "^5.15.7",
-    "@reduxjs/toolkit": "^2.1.0",
-    "@tanstack/react-query": "^5.56.2",
-    "axios": "^1.6.7",
+    "@aut-labs/sdk": "^0.0.231-dev",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/lab": "^7.0.1-beta.18",
+    "@mui/material": "^7.3.4",
+    "@mui/styles": "^6.5.0",
+    "@reduxjs/toolkit": "^2.9.1",
+    "@tanstack/react-query": "^5.90.5",
+    "@web3auth/base": "^8.12.4",
+    "@web3auth/ethereum-provider": "^8.12.4",
+    "@web3auth/modal": "^8.12.7",
+    "@web3auth/openlogin-adapter": "^8.12.4",
+    "@web3auth/wallet-services-plugin": "^8.12.5",
+    "@web3auth/web3auth-wagmi-connector": "^6.0.0",
+    "axios": "^1.12.2",
     "buffer": "^6.0.3",
-    "clsx": "^2.1.0",
-    "date-fns": "^3.3.1",
-    "ethers": "^6.13.2",
-    "graphql": "^16.8.1",
-    "react": "^18.2.0",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "dateformat": "^5.0.3",
+    "ethers": "^6.15.0",
+    "graphql": "^16.11.0",
+    "jss": "^10.10.0",
+    "react": "^19.2.0",
     "react-copy-to-clipboard": "^5.1.0",
-    "react-dom": "^18.2.0",
-    "react-dropzone": "^14.2.3",
+    "react-cropper": "^2.3.3",
+    "react-dom": "^19.2.0",
+    "react-dropzone": "^14.3.8",
     "react-helmet": "^6.1.0",
-    "react-hook-form": "^7.49.3",
-    "react-lines-ellipsis": "^0.15.4",
+    "react-hook-form": "^7.65.0",
+    "react-is": "^19.2.0",
+    "react-lines-ellipsis": "^0.16.1",
     "react-lottie-player": "^2.1.0",
     "react-mui-confirm": "^1.0.1",
     "react-perfect-scrollbar": "^1.5.8",
-    "react-redux": "^9.1.0",
-    "react-router-dom": "^6.21.3",
-    "react-share": "~5.0.3",
-    "recharts": "^2.12.7",
-    "reselect": "^5.1.0",
+    "react-redux": "^9.2.0",
+    "react-router-dom": "^7.9.4",
+    "react-share": "~5.2.2",
+    "recharts": "^3.3.0",
+    "reselect": "^5.1.1",
     "rrweb": "^1.1.3",
-    "viem": "^2.21.11",
-    "wagmi": "^2.12.13"
+    "siwe": "^3.0.0",
+    "viem": "^2.38.3",
+    "wagmi": "^2.18.1"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~6.4.1",
-    "@testing-library/react": "~14.2.1",
-    "@testing-library/user-event": "~14.5.2",
+    "@testing-library/jest-dom": "~6.9.1",
+    "@testing-library/react": "~16.3.0",
+    "@testing-library/user-event": "~14.6.1",
+    "@types/dateformat": "^5.0.3",
+    "@types/react-cropper": "^1.3.7",
     "@types/react-helmet": "^6.1.11",
-    "@typescript-eslint/eslint-plugin": "^8.6.0",
-    "@typescript-eslint/parser": "^8.6.0",
+    "@typescript-eslint/eslint-plugin": "^8.46.1",
+    "@typescript-eslint/parser": "^8.46.1",
     "@vitejs/plugin-react": "^4.3.1",
-    "eslint": "^9.9.0",
-    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
-    "eslint-plugin-react-refresh": "^0.4.9",
-    "globals": "^15.9.0",
-    "prettier": "3.3.3",
+    "eslint": "^9.37.0",
+    "eslint-plugin-react-hooks": "^7.0.0",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.4.0",
+    "prettier": "3.6.2",
     "redux-logger": "^3.0.6",
-    "sass-embedded": "^1.79.3",
-    "typescript": "^5.5.3",
-    "typescript-eslint": "^8.0.1",
+    "sass-embedded": "^1.93.2",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.46.1",
     "vite": "^5.4.1",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-node-polyfills": "^0.22.0",
     "vite-plugin-svgr": "^4.2.0",
-    "web-vitals": "^3.5.2"
+    "web-vitals": "^5.1.0"
   }
-}
+}

package.json

@@ -28,9 +28,12 @@ function App() {
   const isParticipationScorePage = location.pathname === "/playground";
 
   useEffect(() => {
+    console.log('App useEffect triggered, isParticipationScorePage:', isParticipationScorePage);
     if (!isParticipationScorePage) {
+      console.log('Fetching app config...');
       getAppConfig()
         .then(async (res) => {
+          console.log('App config fetched successfully:', res);
           dispatch(setNetworks(res));
           const sdk = new AutSDK({
             enableDebug: environment.env === EnvMode.Development,
@@ -40,13 +43,17 @@ function App() {
               gatewayUrl: environment.ipfsGatewayUrl
             }
           });
+          console.log('AutSDK initialized');
           setLoading(false);
         })
-        .catch(() => {
+        .catch((error) => {
+          console.error('Error fetching app config:', error);
           setLoading(false);
           setError(true);
         });
     } else {
+      console.log('Participation score page, setting loading to false');
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       setLoading(false);
     }
   }, [isParticipationScorePage]);

src/App.tsx

@@ -2,7 +2,7 @@ import { memo, useEffect, useRef } from "react";
 import { Init } from "@aut-labs/d-aut";
 import { AutWalletConnector, useAutConnector } from "@aut-labs/connector";
 import { useSelector } from "react-redux";
-import { NetworkConfig } from "@api/network.config";
+import { NetworkConfig } from "@aut-labs/d-aut/types/network";
 import { RequiredQueryParams } from "@api/RequiredQueryParams";
 import { MultiSigner } from "@aut-labs/sdk/dist/models/models";
 import { hubUpdateState } from "@store/Hub/hub.reducer";

src/AutWallet.tsx

@@ -15,10 +15,12 @@ export const getHubSigil = async (hubAddress: string): Promise<string> => {
   if (sigilCache[hubAddress]) {
     return sigilCache[hubAddress];
   }
-  return axios
-    .get(`${environment.apiUrl}/user/generateSigil/${hubAddress}`)
-    .then(({ data }) => {
-      sigilCache[hubAddress] = data.sigil;
-      return data.sigil;
-    });
+  try {
+    const response = await axios.get(`${environment.apiUrl}/user/generateSigil/${hubAddress}`);
+    sigilCache[hubAddress] = response.data.sigil;
+    return response.data.sigil;
+  } catch (error) {
+    console.error('Error fetching hub sigil:', error);
+    throw error;
+  }
 };

src/api/aut.api.ts

@@ -48,9 +48,15 @@ export const fetchHubsAndAutIDs = async (
       }
     }
   `;
-  const response = await apolloClient.query<any>({
-    query
-  });
+  let response;
+  try {
+    response = await apolloClient.query<any>({
+      query
+    });
+  } catch (error) {
+    console.error('Error fetching hubs and autIDs:', error);
+    throw error;
+  }
 
   const fetchHubsMetadata = () => {
     return response.data.hubs.map(
@@ -74,9 +80,14 @@ export const fetchHubsAndAutIDs = async (
             deployer,
             members: [],
             address,
-            domain
+            domain,
+            roles: [],
+            marketTemplate: undefined,
+            prestige: 0,
+            absoluteValue: 0,
+            market: undefined
           }
-        } as HubOSHub);
+        } as any);
       }
     );
   };
@@ -108,7 +119,8 @@ export const fetchHubsAndAutIDs = async (
               isAdmin: false
             })
           ),
-          network: null
+          network: null,
+          tokenId: id
         }
       });
     });
@@ -388,7 +400,7 @@ export const setArchetype = async (
   try {
     const sdk = await AutSDK.getInstance();
     body.hub.properties.archetype = body.archetype;
-    const updatedHub = HubOSHub.updateHubNFT(body.hub);
+    const updatedHub = body.hub; // HubOSHub.updateHubNFT(body);
     const uri = await sdk.client.sendJSONToIPFS(updatedHub as any);
     const hubService = sdk.initService<Hub>(Hub, body.hub.properties.address);
     const result = await hubService.contract.metadata.setMetadataUri(uri);
@@ -411,7 +423,7 @@ export const setArchetype = async (
 export const updateHub = async (body: HubOSHub, api: BaseQueryApi) => {
   try {
     const sdk = await AutSDK.getInstance();
-    const updatedHub = HubOSHub.updateHubNFT(body);
+    const updatedHub = body; // HubOSHub.updateHubNFT(body);
     const uri = await sdk.client.sendJSONToIPFS(updatedHub as any);
     console.log("uri", uri);
     const hubService: Hub = sdk.initService<Hub>(Hub, body.properties.address);

src/api/hub.api.ts

@@ -44,11 +44,19 @@ export const MarketTemplates = [
 export class HubProperties extends BaseHubProperties {
   members: HubOSAutID[];
   metadataUri: string;
+  contract: string;
+  archetype: { default: any };
+  market: number;
+  socials: any[];
 
   constructor(data: HubProperties) {
     super(data);
     this.members = data.members;
     this.metadataUri = data.metadataUri;
+    this.contract = data.contract;
+    this.archetype = data.archetype;
+    this.market = data.market;
+    this.socials = data.socials;
   }
 }
 

src/api/hub.model.ts

@@ -7,6 +7,7 @@ export interface NetworkContracts {
   autIDAddress: string;
   hubRegistryAddress: string;
   taskRegistryAddress: string;
+  [key: string]: string | undefined;
 }
 
 export interface NetworkConfig {