import { useEffect } from "react";
import { useLocation } from "react-router";
import { useRootData } from "~/utils/data/useRootData";
import CookieHelper from "~/utils/helpers/CookieHelper";
import { CookieCategory } from "~/application/cookies/CookieCategory";
import { isAppOrAdminSurface } from "~/utils/app/HostAwareSurface";

const FORCE_IN_ROUTES = ["/crisp"];

export default function ScriptCrisp() {
  const rootData = useRootData();
  const location = useLocation();

  useEffect(() => {
    const isAppOrAdminArea = isAppOrAdminSurface(rootData, location.pathname);
    let hasConsent = CookieHelper.hasConsent(rootData.userSession ?? null, CookieCategory.FUNCTIONAL) || isAppOrAdminArea || FORCE_IN_ROUTES.some((p) => location.pathname.startsWith(p));
    if (rootData.chatWebsiteId && hasConsent && !window.$crisp) {
      window.$crisp = [];
      window.CRISP_WEBSITE_ID = rootData.chatWebsiteId;
      const d = document;
      const s = d.createElement("script");
      s.src = "https://client.crisp.chat/l.js";
      s.async = true;
      d.getElementsByTagName("head")[0].appendChild(s);
    }
    if (window.$crisp && isAppOrAdminArea) {
      try {
        // @ts-ignore
        window.$crisp.push(["do", "chat:hide"]);
      } catch {
        // ignore
      }
    }
  }, [rootData, rootData.userSession?.cookies, rootData.chatWebsiteId, location.pathname]);

  return null;
}

declare global {
  interface Window {
    $crisp: any;
    CRISP_WEBSITE_ID: string;
  }
}