API Connections

<!-- Place this script tag AFTER the chatbot embed script -->
<script>
  // Function to attempt setting context
  function setEasyFindAiContext() {
    // Check if the chatbot API is ready
    if (
      window.easyfindai &&
      typeof window.easyfindai.setContext === "function"
    ) {
      const userData = {
        userId: "user_123456", // Example: Get from your auth system
        email: "user@example.com", // User's email
        plan: "premium", // Subscription level
        // Add any other fields your APIs might need
      };
      window.easyfindai.setContext(userData);
      console.log("User context sent to EasyFindAi chatbot");
    } else {
      // If not ready, wait a bit and try again
      console.warn("EasyFindAi context API not available yet, retrying...");
      setTimeout(setEasyFindAiContext, 500); // Retry after 500ms
    }
  }

  // Call when the page loads
  document.addEventListener("DOMContentLoaded", setEasyFindAiContext);
</script>

// components/ChatbotContext.tsx
"use client";

import { useEffect } from "react";
import { useUser } from "@/hooks/useUser"; // Your user data hook

// Define window interface with chatbot properties
interface ExtendedWindow extends Window {
  easyfindai?: {
    setContext?: (data: any) => void;
  };
}

export function ChatbotContextSetter() {
  const { user } = useUser(); // Your hook to get authenticated user
  
  useEffect(() => {
    // Only proceed if we have user data
    if (!user) return;
    
    const win = window as ExtendedWindow;
    
    // Function to set context with retry logic
    const setContext = () => {
      if (win.easyfindai?.setContext) {
        win.easyfindai.setContext({
          userId: user.id,
          email: user.email,
          plan: user.subscriptionTier,
          // Add any other relevant user data
        });
        console.log("Context set for chatbot");
      } else {
        // Retry if the chatbot hasn't loaded yet
        setTimeout(setContext, 500);
      }
    };
    
    setContext();
  }, [user]);
  
  // This component doesn't render anything
  return null;
}

// Use in your layout or page component:
// <ChatbotContextSetter />