Événements de fin de liaison

function connectAccount(url) {
  // Dérivez l'origine de l'URL qu'on vous a donnée plutôt que d'en coder une en dur :
  // si votre compte utilise son propre domaine de liaison, la popup s'exécute dessus.
  const popupOrigin = new URL(url).origin;

  const popup = window.open(url, "ayrshare-connect", "width=600,height=800");
  if (!popup) {
    handleOutcome({ event: "connect:error", message: "The popup was blocked." });
    return;
  }

  // Déclaré avant que quoi que ce soit ne puisse appeler `cleanup` : un message arrivant tôt
  // atteindrait sinon `poll` dans sa zone morte temporelle et lèverait une exception.
  let poll;

  const cleanup = () => {
    clearInterval(poll);
    window.removeEventListener("message", onMessage);
  };

  const onMessage = event => {
    // Les deux vérifications, pas seulement l'origine : un autre onglet ou une autre frame sur la
    // même origine pourrait sinon poster un message que votre handler croirait.
    if (event.origin !== popupOrigin || event.source !== popup) return;
    const message = event.data;
    if (!message || message.source !== "ayrshare") return;

    if (["connect:success", "connect:error", "connect:cancelled"].includes(message.event)) {
      // `finally`, pour qu'une exception dans votre propre handler ne puisse pas laisser le poll
      // tourner — il verrait plus tard la popup fermée et rapporterait `cancelled` par-dessus le
      // résultat que vous aviez déjà. Le nettoyage compte aussi après `connect:error`,
      // où la popup reste ouverte pour que votre utilisateur puisse la lire.
      try {
        handleOutcome(message);
      } finally {
        cleanup();
      }
    }
  };
  window.addEventListener("message", onMessage);

  // Une popup fermée à la main n'envoie rien, alors surveillez-la. Attendez un instant avant de
  // décider : la popup se ferme d'elle-même juste après l'envoi, et le message peut
  // encore être en transit lorsque vous voyez la fenêtre disparaître.
  let closedAt = null;
  poll = setInterval(() => {
    if (!popup.closed) return;
    if (closedAt === null) {
      closedAt = Date.now();
      return;
    }
    if (Date.now() - closedAt < 750) return;

    cleanup();
    handleOutcome({ event: "connect:cancelled", reason: "popupClosed" });
  }, 500);
}