From 4a47be91fe9334111ee1b88e3ef73da2dc42c40e Mon Sep 17 00:00:00 2001
From: Siarhei <sergey.dzeranov@gmail.com>
Date: Wed, 26 Nov 2025 19:08:07 +0300
Subject: [PATCH] [Human App FE] fix: added custom props for hcaptcha labeling
 widget (#3698)

---
 packages/apps/human-app/frontend/.env.example              | 2 ++
 .../worker/hcaptcha-labeling/hcaptcha-labeling.page.tsx    | 7 +++++--
 packages/apps/human-app/frontend/src/shared/env.ts         | 2 ++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/apps/human-app/frontend/.env.example b/packages/apps/human-app/frontend/.env.example
index 620826e71d..b0ea764d9e 100644
--- a/packages/apps/human-app/frontend/.env.example
+++ b/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
diff --git a/packages/apps/human-app/frontend/src/modules/worker/hcaptcha-labeling/hcaptcha-labeling.page.tsx b/packages/apps/human-app/frontend/src/modules/worker/hcaptcha-labeling/hcaptcha-labeling.page.tsx
index 534121be7e..3efadc29da 100644
--- a/packages/apps/human-app/frontend/src/modules/worker/hcaptcha-labeling/hcaptcha-labeling.page.tsx
+++ b/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>
             ) : (
diff --git a/packages/apps/human-app/frontend/src/shared/env.ts b/packages/apps/human-app/frontend/src/shared/env.ts
index 9e51cfb1d1..b442081d05 100644
--- a/packages/apps/human-app/frontend/src/shared/env.ts
+++ b/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(),