1
import React, { useEffect } from 'react';
2
3
function App() {
4
  useEffect(() => {
5
    const handleMessage = (event) => {
6
7
      try {
8
        const data = typeof event.data === 'string' ? JSON.parse(event.data) : event.data;
9
        
10
        if (data?.data === 'accountLinked') {
11
          console.log('Successfully linked:', data.info.type); // the type of account linked: bank, card, iban, pix
12
        }
13
      } catch (error) {
14
        console.error('Error:', error);
15
      }
16
    };
17
18
    window.addEventListener('message', handleMessage);
19
    return () => {
20
      window.removeEventListener('message', handleMessage);
21
    };
22
  }, []);
23
24
  return (
25
    <div className="App" style={{ height: "500px" }}>
26
      <iframe
27
        allow="geolocation"
28
        src="https://sandbox.coinflow.cash/solana/withdraw/YOUR_MERCHANT_ID?sessionKey=USER_SESSION_KEY&bankAccountLinkRedirect=URL_ENCODED_URL_TO_REDIRECT_TO"
29
        height={"600px"}
30
      />
31
    </div>
32
  );
33
}
34
35
export default App;

1
{"success":true}