React SDK for Opal integration
npm install @methodfi/opal-reactReact SDK for integrating Method Opal into your web applications.
``bash`
npm install @methodfi/opal-reactor
yarn add @methodfi/opal-react
Wrap your app with the OpalProvider:
`tsx
import { OpalProvider } from '@methodfi/opal-react';
export default function App() {
return (
);
}
`
Use the useOpal hook in your components:
`tsx
import { useOpal, OpalEventType } from '@methodfi/opal-react';
function Screen() {
const { open, close, isOpen, error } = useOpal({
env: 'dev',
onOpen: () => {},
onExit: () => {},
onEvent: event => {
switch (event.type) {
case OpalEventType.SESSION_STARTED:
// ...
break;
case OpalEventType.SESSION_COMPLETED:
// ...
break;
case OpalEventType.SESSION_ERRORED:
// ...
break;
case OpalEventType.SESSION_EXITED:
// ...
break;
}
},
});
const onLaunchOpal = async () => {
const token = await getOpalToken(); // POST /opal/token
open({ token });
};
return ;
}
``