added page turnstile

Author: derensdima22

src/pages/AdminApps.tsx

@@ -110,7 +110,7 @@ export default function AdminApps() {
             { key: 'totalRegistered', title: 'Users' },
             { key: 'totalSessions', title: 'Sessions' },
             { key: 'totalApiCalls', title: 'API' },
-            // { key: 'totalTokens', title: 'AI' },
+            { key: 'totalTokens', title: 'AI' },
             { key: 'totalFiles', title: 'Files' },
             { key: 'totalTransactions', title: 'Transactions' },
             { key: 'createdAt', title: 'Date' },

src/pages/TurnstileBridge.tsx

@@ -0,0 +1,64 @@
+import { useEffect, useRef } from 'react';
+
+const SITE_KEY = import.meta.env.VITE_TURNSTILE_SITE_KEY!;
+
+declare global {
+  interface Window {
+    turnstile?: any;
+    onTurnstileOK?: (token: string) => void;
+    onTurnstileError?: (err: unknown) => void;
+  }
+}
+
+export default function TurnstileBridge() {
+  const containerRef = useRef<HTMLDivElement | null>(null);
+
+  useEffect(() => {
+    window.onTurnstileOK = (token: string) => {
+      window.location.href =
+        'ethoraappreactnative://turnstile?token=' + encodeURIComponent(token);
+    };
+
+    window.onTurnstileError = (err: unknown) => {
+      window.location.href =
+        'ethoraappreactnative://turnstile?error=' +
+        encodeURIComponent(String(err));
+    };
+
+    const script = document.createElement('script');
+    script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js';
+    script.async = true;
+    script.defer = true;
+    script.onload = () => {
+      if (containerRef.current && window.turnstile) {
+        window.turnstile.render(containerRef.current, {
+          sitekey: SITE_KEY,
+          callback: 'onTurnstileOK',
+          'error-callback': 'onTurnstileError',
+          action: 'signup',
+          theme: 'light',
+        });
+      }
+    };
+    document.head.appendChild(script);
+
+    return () => {
+      document.head.removeChild(script);
+      delete window.onTurnstileOK;
+      delete window.onTurnstileError;
+    };
+  }, []);
+
+  return (
+    <div
+      style={{
+        minHeight: '100vh',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+      }}
+    >
+      <div ref={containerRef} />
+    </div>
+  );
+}

src/router.tsx

@@ -17,6 +17,7 @@ const AppUsers = lazy(() => import('./pages/AppUsers'));
 const Profile = lazy(() => import('./pages/Profile'));
 const UserSettings = lazy(() => import('./pages/UserSettings/UserSettings'));
 const ProfileEdit = lazy(() => import('./pages/ProfileEdit'));
+const TurnstileBridge = lazy(() => import('./pages/TurnstileBridge'));
 
 import App from './App';
 import AdminLayout from './pages/AdminLayout';
@@ -46,6 +47,10 @@ export const router = createBrowserRouter(
               path: '/resetPassword/:token?',
               Component: ForgetPassword,
             },
+            {
+              path: '/turnstile',
+              Component: TurnstileBridge,
+            },
             {
               path: '/app',
               element: <AppLayout />,