[Human App FE] fix: added custom props for hcaptcha labeling widget (#3698)

Author: Dzeranov

packages/apps/human-app/frontend/.env.example

@@ -15,6 +15,8 @@ VITE_DAILY_SOLVED_CAPTCHA_LIMIT=0
 VITE_HMT_DAILY_SPENT_LIMIT=0
 
 # hCaptcha annotation tool
+VITE_H_CAPTCHA_EXCHANGE_URL=replace_me
+VITE_H_CAPTCHA_LABELING_BASE_URL=replace_me
 VITE_H_CAPTCHA_ORACLE_ADDRESS=replace_me
 VITE_H_CAPTCHA_ORACLE_ANNOTATION_TOOL=hcaptcha
 VITE_H_CAPTCHA_ORACLE_ROLE=hcaptcha

packages/apps/human-app/frontend/src/modules/worker/hcaptcha-labeling/hcaptcha-labeling.page.tsx

@@ -145,10 +145,13 @@ export function HcaptchaLabelingPage() {
               <Grid container sx={{ width: '100%', justifyContent: 'center' }}>
                 <HCaptcha
                   custom
-                  sitekey={user.site_key || env.VITE_H_CAPTCHA_SITE_KEY}
-                  theme={isDarkMode ? 'dark' : 'light'}
+                  // @ts-expect-error -- this props are not defined by TS by are used for enterprise version: https://github.com/hCaptcha/react-hcaptcha?tab=readme-ov-file#references
+                  endpoint={env.VITE_H_CAPTCHA_EXCHANGE_URL}
                   onVerify={hcaptchaOnSuccess}
                   ref={captchaRef}
+                  reportapi={env.VITE_H_CAPTCHA_LABELING_BASE_URL}
+                  sitekey={user.site_key ?? ''}
+                  theme={isDarkMode ? 'dark' : 'light'}
                 />
               </Grid>
             ) : (

packages/apps/human-app/frontend/src/shared/env.ts

@@ -18,6 +18,8 @@ const envSchema = z.object({
     .string()
     .transform((value) => Number(value))
     .pipe(z.number()),
+  VITE_H_CAPTCHA_EXCHANGE_URL: z.string(),
+  VITE_H_CAPTCHA_LABELING_BASE_URL: z.string(),
   VITE_WALLET_CONNECT_PROJECT_ID: z.string(),
   VITE_DAPP_META_NAME: z.string(),
   VITE_DAPP_META_DESCRIPTION: z.string(),