Handling Connections

The primary way Hatchfi Link is used is via iframe; as a result, we use the Post Message API to pass information about the connection. To listen for a connection success or failure, you'll need to set up an event listener to listen for a message.

Listener Example

// This can live in your mounting method or anywhere of your preference.

window.addEventListener("message", (event) => {
    if (event.data.hatchfi) {
      if (event.data.result.status == "success") {
        // Handle successful connection
      } else if (event.data.result.status == "error") {
        // Handle failed connection
      } else {
        // handle link being closed
      }
    }
  });

Successful Connection

parent.postMessage(
    {
        hatchfi: true,
        result: { data: res.data, status: "success" },
    },
    "*"
);

Failed Connection

parent.postMessage(
    {
        hatchfi: true,
        result: { data: null, status: "close" },
    },
    "*"
);

Close Link

parent.postMessage(
    {
        hatchfi: true,
        result: { data: null, status: "close" },
    },
    "*"
);