Release 2025-03-19

.github/workflows/cd-subgraph.yaml

@@ -27,8 +27,8 @@ jobs:
       max-parallel: 3
     steps:
       - uses: actions/checkout@v4
-      - name: Set up Node.js
-        uses: actions/setup-node@v4
+      - uses: actions/setup-node@v4 
+        name: Set up Node.js
         with:
           node-version-file: .nvmrc
       - name: Filter Networks

.github/workflows/ci-test-subgraph.yaml

@@ -17,7 +17,7 @@ jobs:
     runs-on: ubuntu-22.04
     steps:
       - uses: actions/checkout@v4
-        uses: actions/setup-node@v4
+      - uses: actions/setup-node@v4
         with:
           node-version-file: .nvmrc
       - run: npm install --global yarn && yarn

packages/apps/dashboard/client/package.json

@@ -21,7 +21,7 @@
     "@mui/styled-engine-sc": "6.4.0",
     "@mui/x-data-grid": "^7.23.2",
     "@mui/x-date-pickers": "^7.23.6",
-    "@tanstack/react-query": "^5.48.0",
+    "@tanstack/react-query": "^5.67.2",
     "@types/react-router-dom": "^5.3.3",
     "@types/recharts": "^1.8.29",
     "axios": "^1.7.2",

packages/apps/fortune/exchange-oracle/client/package.json

@@ -27,9 +27,9 @@
   "dependencies": {
     "@human-protocol/sdk": "*",
     "@mui/material": "^5.16.7",
-    "@tanstack/query-sync-storage-persister": "^5.59.0",
-    "@tanstack/react-query": "^5.60.5",
-    "@tanstack/react-query-persist-client": "^5.66.9",
+    "@tanstack/query-sync-storage-persister": "^5.68.0",
+    "@tanstack/react-query": "^5.67.2",
+    "@tanstack/react-query-persist-client": "^5.67.2",
     "axios": "^1.7.2",
     "ethers": "^6.13.5",
     "react": "^18.3.1",

packages/apps/human-app/frontend/package.json

@@ -26,7 +26,7 @@
     "@reown/appkit": "1.3.2",
     "@reown/appkit-adapter-wagmi": "1.3.2",
     "@synaps-io/verify-sdk": "^4.0.45",
-    "@tanstack/react-query": "^5.61.0",
+    "@tanstack/react-query": "^5.67.2",
     "date-fns": "^4.1.0",
     "ethers": "^6.13.5",
     "i18next": "^23.8.2",

packages/apps/human-app/frontend/src/api/fetch-refresh-token.ts

@@ -1,6 +1,6 @@
 import { apiPaths } from '@/api/api-paths';
 import { browserAuthProvider } from '@/shared/contexts/browser-auth-provider';
-import { signInSuccessResponseSchema } from '@/modules/worker/services/sign-in/schema';
+import { authTokensSuccessResponseSchema } from '@/shared/schemas';
 
 export const fetchTokenRefresh = async (baseUrl: string) => {
   const response = await fetch(
@@ -23,7 +23,7 @@ export const fetchTokenRefresh = async (baseUrl: string) => {
 
   const data: unknown = await response.json();
 
-  const refetchAccessTokenSuccess = signInSuccessResponseSchema.parse(data);
+  const refetchAccessTokenSuccess = authTokensSuccessResponseSchema.parse(data);
 
   return refetchAccessTokenSuccess;
 };

packages/apps/human-app/frontend/src/api/fetcher.ts

@@ -3,8 +3,8 @@ import { ZodError, type ZodType, type ZodTypeDef } from 'zod';
 import type { ResponseError } from '@/shared/types/global.type';
 import { browserAuthProvider } from '@/shared/contexts/browser-auth-provider';
 import { env } from '@/shared/env';
-import { type SignInSuccessResponse } from '@/modules/worker/services/sign-in/types';
 import { normalizeBaseUrl } from '@/shared/helpers/url';
+import { type AuthTokensSuccessResponse } from '@/shared/schemas';
 import { fetchTokenRefresh } from './fetch-refresh-token';
 
 const appendHeader = (
@@ -66,7 +66,7 @@ export type FetcherOptions<SuccessInput, SuccessOutput> =
 
 export type FetcherUrl = string | URL;
 
-let refreshPromise: Promise<SignInSuccessResponse | null> | null = null;
+let refreshPromise: Promise<AuthTokensSuccessResponse | null> | null = null;
 
 export async function refreshToken(): Promise<{
   access_token: string;

packages/apps/human-app/frontend/src/modules/auth-web3/context/web3-auth-context.tsx

@@ -3,12 +3,12 @@ import { useState, createContext, useEffect } from 'react';
 import { jwtDecode } from 'jwt-decode';
 import { z } from 'zod';
 import { useQueryClient } from '@tanstack/react-query';
-import type { SignInSuccessResponse } from '@/modules/worker/services/sign-in/types';
 import { browserAuthProvider } from '@/shared/contexts/browser-auth-provider';
 import {
   ModalType,
   useModalStore,
 } from '@/shared/components/ui/modal/modal.store';
+import { type AuthTokensSuccessResponse } from '@/shared/schemas';
 
 const web3userDataSchema = z.object({
   userId: z.number(),
@@ -25,15 +25,15 @@ export interface Web3AuthenticatedUserContextType {
   user: Web3UserData;
   status: AuthStatus;
   signOut: (throwExpirationModal?: boolean) => void;
-  signIn: (singIsSuccess: SignInSuccessResponse) => void;
+  signIn: (singIsSuccess: AuthTokensSuccessResponse) => void;
   updateUserData: (updateUserDataPayload: Partial<Web3UserData>) => void;
 }
 
 interface Web3UnauthenticatedUserContextType {
   user: null;
   status: AuthStatus;
   signOut: (throwExpirationModal?: boolean) => void;
-  signIn: (singIsSuccess: SignInSuccessResponse) => void;
+  signIn: (singIsSuccess: AuthTokensSuccessResponse) => void;
 }
 
 export const Web3AuthContext = createContext<
@@ -97,7 +97,7 @@ export function Web3AuthProvider({ children }: { children: React.ReactNode }) {
     }
   };
 
-  const signIn = (singIsSuccess: SignInSuccessResponse) => {
+  const signIn = (singIsSuccess: AuthTokensSuccessResponse) => {
     browserAuthProvider.signIn(singIsSuccess, 'web3');
     handleSignIn();
   };

packages/apps/human-app/frontend/src/modules/auth/context/auth-context.tsx

@@ -3,12 +3,12 @@ import { useState, createContext, useEffect } from 'react';
 import { jwtDecode } from 'jwt-decode';
 import { z } from 'zod';
 import { useQueryClient } from '@tanstack/react-query';
-import type { SignInSuccessResponse } from '@/modules/worker/services/sign-in/types';
 import { browserAuthProvider } from '@/shared/contexts/browser-auth-provider';
 import {
   ModalType,
   useModalStore,
 } from '@/shared/components/ui/modal/modal.store';
+import { type AuthTokensSuccessResponse } from '@/shared/schemas';
 
 const extendableUserDataSchema = z.object({
   site_key: z.string().optional().nullable(),
@@ -35,15 +35,15 @@ export interface AuthenticatedUserContextType {
   user: UserData;
   status: AuthStatus;
   signOut: (throwExpirationModal?: boolean) => void;
-  signIn: (singIsSuccess: SignInSuccessResponse) => void;
+  signIn: (singIsSuccess: AuthTokensSuccessResponse) => void;
   updateUserData: (updateUserDataPayload: UpdateUserDataPayload) => void;
 }
 
 interface UnauthenticatedUserContextType {
   user: null;
   status: AuthStatus;
   signOut: (throwExpirationModal?: boolean) => void;
-  signIn: (singIsSuccess: SignInSuccessResponse) => void;
+  signIn: (singIsSuccess: AuthTokensSuccessResponse) => void;
 }
 
 export const AuthContext = createContext<
@@ -112,7 +112,7 @@ export function AuthProvider({ children }: { children: React.ReactNode }) {
     }
   };
 
-  const signIn = (singIsSuccess: SignInSuccessResponse) => {
+  const signIn = (singIsSuccess: AuthTokensSuccessResponse) => {
     browserAuthProvider.signIn(singIsSuccess, 'web2');
     handleSignIn();
   };

packages/apps/human-app/frontend/src/modules/homepage/components/index.ts

@@ -1,3 +1 @@
 export * from './home-container';
-export * from './welcome';
-export * from './choose-sign-up-account-type';

packages/apps/human-app/frontend/src/modules/homepage/components/logo-section.tsx

@@ -0,0 +1,72 @@
+import { Grid, Stack, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import {
+  MobileHomeIcons,
+  HomepageWorkIcon,
+  HomepageUserIcon,
+  HomepageLogoIcon,
+} from '@/shared/components/ui/icons';
+import { useIsMobile } from '@/shared/hooks/use-is-mobile';
+
+export function LogoSection() {
+  const { t } = useTranslation();
+  const logoText: string = t('homepage.humanApp');
+  const logoTextSplit: string[] = logoText.split(' ');
+  const isMobile = useIsMobile('lg');
+
+  return (
+    <Grid container direction="column" justifyContent="center">
+      {isMobile ? (
+        <Stack
+          alignItems="center"
+          direction="row"
+          justifyContent="center"
+          sx={{ svg: { margin: '-1.4rem' } }}
+        >
+          <MobileHomeIcons />
+        </Stack>
+      ) : (
+        <Stack
+          direction="row"
+          maxHeight="80px"
+          mb="1.5rem"
+          sx={{ transform: 'translateX(-4.5%)' }}
+        >
+          <Grid sx={{ mx: '24px' }}>
+            <HomepageWorkIcon />
+          </Grid>
+          <Grid sx={{ mx: '24px' }}>
+            <HomepageUserIcon />
+          </Grid>
+          <Grid sx={{ mx: '24px' }}>
+            <HomepageLogoIcon />
+          </Grid>
+        </Stack>
+      )}
+      <Stack
+        direction="row"
+        justifyContent={isMobile ? 'center' : 'flex-start'}
+        sx={{ marginTop: '0' }}
+      >
+        <Typography variant="h1">{logoTextSplit[0]}</Typography>
+        <Typography
+          sx={{ fontWeight: '400', marginLeft: '1.25rem' }}
+          variant="h1"
+        >
+          {logoTextSplit[1]}
+        </Typography>
+      </Stack>
+      <Typography
+        sx={{
+          marginTop: '1.875rem',
+          marginBottom: '3.8125rem',
+          typography: { md: 'h5' },
+        }}
+        textAlign={isMobile ? 'center' : 'left'}
+        variant="h6"
+      >
+        {t('homepage.completeJobs')}
+      </Typography>
+    </Grid>
+  );
+}

packages/apps/human-app/frontend/src/modules/homepage/components/operator-sign-in.tsx

@@ -4,11 +4,11 @@ import { Link } from 'react-router-dom';
 import Snackbar from '@mui/material/Snackbar';
 import { Button } from '@/shared/components/ui/button';
 import { useWalletConnect } from '@/shared/contexts/wallet-connect';
-import { useWeb3SignIn } from '@/modules/operator/hooks/use-web3-signin';
 import { useWeb3Auth } from '@/modules/auth-web3/hooks/use-web3-auth';
 import { routerPaths } from '@/router/router-paths';
 import { getErrorMessageForError } from '@/shared/errors';
 import { PrepareSignatureType } from '@/api/hooks/use-prepare-signature';
+import { useWeb3SignIn } from '../hooks';
 
 export function OperatorSignIn() {
   const { isConnected, openModal, address } = useWalletConnect();

packages/apps/human-app/frontend/src/modules/homepage/components/sign-in-section.tsx

@@ -0,0 +1,42 @@
+import { Paper, Button, Divider } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useColorMode } from '@/shared/contexts/color-mode';
+import { useHomePageState } from '@/shared/contexts/homepage-state';
+import { useIsMobile } from '@/shared/hooks/use-is-mobile';
+import { OperatorSignIn } from './operator-sign-in';
+import { WorkerSignIn } from './worker-sign-in';
+
+export function SignInSection() {
+  const isMobile = useIsMobile('lg');
+  const { colorPalette } = useColorMode();
+  const { setPageView } = useHomePageState();
+  const { t } = useTranslation();
+
+  return (
+    <Paper
+      sx={{
+        px: isMobile ? '16px' : '4.1875rem',
+        py: isMobile ? '32px' : '4.8125rem',
+        backgroundColor: colorPalette.paper.light,
+        boxShadow: 'none',
+        borderRadius: '20px',
+      }}
+    >
+      <Button
+        color="secondary"
+        fullWidth
+        onClick={() => {
+          setPageView('chooseSignUpAccountType');
+        }}
+        size="large"
+        sx={{ mb: '1.5625rem' }}
+        variant="contained"
+      >
+        {t('homepage.signUp')}
+      </Button>
+      <Divider component="div" sx={{ mb: '1.5625rem' }} variant="middle" />
+      <WorkerSignIn />
+      <OperatorSignIn />
+    </Paper>
+  );
+}