fix: removed getThemeFromSDK utility

Author: tanejatanya63

src/hooks/useCaptcha.ts

@@ -1,12 +1,9 @@
 import { useCallback, useState } from "react";
 
 import type { ICaptcha } from "@/components/Captcha/index";
+import { extractTokenValue } from "@/utils/helpers/tokenUtils";
 
-export const useCaptcha = (
-  captchaConfig?: ICaptcha,
-  label?: string,
-  theme?: "light" | "dark" | "auto"
-) => {
+export const useCaptcha = (captchaConfig?: ICaptcha, label?: string) => {
   const isCaptchaEnabled = !!captchaConfig && !!captchaConfig.provider;
 
   const [isValid, setIsValid] = useState<boolean>(!isCaptchaEnabled);
@@ -15,6 +12,16 @@ export const useCaptcha = (
     undefined
   );
 
+  const getCaptchaTheme = (): "light" | "dark" | "auto" => {
+    const allowedThemes = ["light", "dark", "auto"] as const;
+    const rawTheme = extractTokenValue("--ul-theme-captcha-widget");
+
+    const isValidTheme = (theme: unknown): theme is "light" | "dark" | "auto" =>
+      allowedThemes.includes(theme as "light" | "dark" | "auto");
+
+    return isValidTheme(rawTheme) ? rawTheme : "auto";
+  };
+
   const handleValidationChange = useCallback(
     (valid: boolean, val?: string, err?: string) => {
       setIsValid(valid);
@@ -30,7 +37,7 @@ export const useCaptcha = (
       label,
       onValidationChange: handleValidationChange,
       error: internalError,
-      theme: theme,
+      theme: getCaptchaTheme(),
     },
     captchaValue: value,
     isCaptchaSolved: isValid,

src/utils/theme/themeEngine.ts

@@ -221,21 +221,6 @@ export function clearThemeCache(): void {
   currentThemeCache = {};
 }
 
-export const getCaptchaThemeFromSDK = (
-  screenInstance: Auth0ScreenInstance
-): "light" | "dark" | "auto" => {
-  const allowedThemes = ["light", "dark", "auto"] as const;
-  const rawTheme =
-    screenInstance?.branding?.themes?.default?.colors?.captcha_widget_theme;
-
-  // Type guard to check if the raw theme is a valid theme
-  const isValidTheme = (theme: unknown): theme is "light" | "dark" | "auto" => {
-    return allowedThemes.includes(theme as "light" | "dark" | "auto");
-  };
-
-  return isValidTheme(rawTheme) ? rawTheme : "auto";
-};
-
 export const getCaptchaTheme = (
   theme: "light" | "dark" | "auto" | undefined
 ) => {