import { usePathname } from 'next/navigation';
import { useEffect, useState } from 'react';
import { useAppSelector } from '../redux/hooks';

export function useMobileIframeHandler({ sessionId }: { sessionId: string }) {
  const pathname = usePathname();
  const { isMobileApp } = useAppSelector((state) => state.root);
  const [preventPageRender, setPreventPageRender] = useState(false);

  useEffect(() => {
    if (
      pathname.includes('/orders/completed') &&
      (isMobileApp || /iPad|iPhone|iPod|Android/i.test(navigator.userAgent)) &&
      window.frameElement // Check if the page is inside an iframe
    ) {
      setPreventPageRender(true);
    }
  }, [pathname]);

  return {
    preventPageRender
  };
}