<html>
<head>
    <link href="https://cdn.fastenhealth.com/connect/v4/fasten-stitch-element.css" rel="stylesheet">
    <script src="https://cdn.fastenhealth.com/connect/v4/fasten-stitch-element.js" type="module"></script>
</head>
<body>
    <fasten-stitch-element public-id="pub_live_123456324234234"></fasten-stitch-element>

    <script type="application/javascript">
        const el = document.querySelector('fasten-stitch-element');
        el.addEventListener('eventBus', (event) => console.log(JSON.parse(event.detail.data)));
    </script>
</body>
</html>

import React, { useCallback } from 'react';
import { StyleSheet, View } from 'react-native';
import {FastenStitchElement} from '@fastenhealth/fasten-stitch-element-react-native';

export default function App() {
    const CUSTOMER_PUBLIC_ID = "public_test_xxxxxxxx";

    const handleEventBus = useCallback((message: unknown) => {
        console.debug('[FastenStitchElement onEventBus] message', message);
    }, []);

    return (
        <View style={styles.root}>
            <FastenStitchElement
                publicId={CUSTOMER_PUBLIC_ID}
                email="patient@example.com"
                debugModeEnabled
                onEventBus={handleEventBus}
            />
        </View>
    );
}

import { FastenStitchElement } from '@fastenhealth/fasten-stitch-element-react';

export default function App() {
    const CUSTOMER_PUBLIC_ID = "public_test_xxxxxxxx";

    return (
        <FastenStitchElement
            publicId={CUSTOMER_PUBLIC_ID}
            onEventBus={(event) => {
                const payload = JSON.parse(event.data);
                console.debug('[FastenStitchElement onEventBus] payload', payload);
            }}
        />
    );
}