import { useContext, useEffect } from 'react';
import { useGetChatbotSettings } from './utils/functions';
import { SettingsContext } from './context/contexts';
import useGetPremiumSettings from './utils/useGetPremiumSettings';

interface InitVisitorsProps {
  children: React.ReactNode;
}
export default function InitVisitors({ children }: InitVisitorsProps) {
  const settings = useContext(SettingsContext);
  const getSettings = useGetChatbotSettings();
  const getPremiumSettings = useGetPremiumSettings();

  useEffect(() => {
    getSettings();
    getPremiumSettings();
  }, []);

  if (!settings.loaded) return null;
  return <div className="botfoundry">{children}</div>;
}