Advert Link

"use client";

import { newEvent } from "@/lib/newEvent";
import { usePlayer, usePlayerSelector } from "@/registry/react/PlayerProvider";

const getHostName = (url) => {
  try {
    return new URL(url).hostname.replace(/^www\./, "");
  } catch {
    return null;
  }
};

export function AdvertLink() {
  const player = usePlayer();
  const adverts = usePlayerSelector((p) => p.adverts);
  const advertIndex = usePlayerSelector((p) => p.advertIndex);
  const advert = adverts[advertIndex];
  if (!advert) return null;
  return (
    <a
      target="_blank"
      rel="noreferrer"
      href={advert.clickThroughUrl}
      onClick={() => {
        player.onEvent(
          newEvent({
            type: "PressedAdvertLink",
            description: "The advert link was pressed to open the click-through URL in a new tab.",
            initiatedBy: "user",
          }),
        );
      }}
    >
      {getHostName(advert.clickThroughUrl)}
    </a>
  );
}