Sự kiện Hoàn tất Liên kết

function connectAccount(url) {
  // Suy ra origin từ URL bạn được cấp thay vì hard-code một giá trị:
  // nếu tài khoản của bạn dùng domain liên kết riêng, cửa sổ bật lên chạy trên domain đó.
  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;
  }

  // Được khai báo trước khi bất cứ thứ gì có thể gọi `cleanup`: một message đến sớm
  // nếu không sẽ chạm vào `poll` trong temporal dead zone của nó và throw.
  let poll;

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

  const onMessage = event => {
    // Cả hai kiểm tra, không chỉ origin: một tab hoặc frame khác trên cùng origin
    // nếu không có thể gửi một message mà handler của bạn sẽ tin.
    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`, để handler của chính bạn có throw cũng không thể để poll tiếp tục chạy —
      // sau đó nó sẽ thấy cửa sổ bật lên đã đóng và báo cáo `cancelled` chồng lên
      // kết cục bạn đã có. Cleanup cũng quan trọng sau `connect:error`,
      // khi cửa sổ bật lên giữ nguyên mở để người dùng của bạn có thể đọc nó.
      try {
        handleOutcome(message);
      } finally {
        cleanup();
      }
    }
  };
  window.addEventListener("message", onMessage);

  // Một cửa sổ bật lên bị đóng bằng tay không gửi gì cả, nên hãy theo dõi nó. Chờ một chút
  // trước khi kết luận: cửa sổ bật lên tự đóng ngay sau khi gửi, và message có thể
  // vẫn đang trên đường khi bạn lần đầu thấy cửa sổ biến mất.
  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);
}