useInterstitialAd.ts

import { useEffect, useRef, useState } from "react";
import { AdEventType, InterstitialAd } from "react-native-google-mobile-ads";
import analytics from "@react-native-firebase/analytics";
import adId from "@/utils/adId";
import { useAuthStore } from "@/stores/authStore";
import isPremium from "@/utils/isPremium";

interface IUseInterstitialAd {
  onAdLoaded?: (showAd: () => void) => void;
  onAdWatched?: () => void;
}

export default function useInterstitialAd({
  onAdLoaded,
  onAdWatched,
}: IUseInterstitialAd = {}) {
  const validatedUser = useAuthStore((state) => state.validatedUser);
  const [loadedAd, setLoadedAd] = useState(false);
  const ad = useRef<InterstitialAd>(
    InterstitialAd.createForAdRequest(adId().INTERSTITIAL)
  );

  useEffect(() => {
    ad.current.addAdEventListener(AdEventType.LOADED, () => {
      console.log("ad loaded");
      setLoadedAd(true);
      if (typeof onAdLoaded === "function") {
        onAdLoaded(showAd);
      }
    });

    ad.current.addAdEventListener(AdEventType.CLOSED, async () => {
      console.log("ad closed");
      await analytics().logEvent("ad_watched", {
        userId: validatedUser?.uid,
      });
      if (typeof onAdWatched === "function") {
        onAdWatched();
      }
    });

    ad.current.load();

    return () => {
      ad.current.removeAllListeners();
    };
  }, []);

  function loadAd() {
    ad.current.load();
  }

  function showAd() {
    if (!isPremium(validatedUser)) {
      console.log("showing ad");
      ad.current.show();
    }
  }

  return { loadAd, showAd, loadedAd };
}