@methodfi/opal-react 0.0.1 → 0.0.2

package/README.md

@@ -17,7 +17,7 @@ yarn add @methodfi/opal-react
 Wrap your app with the `OpalProvider`:
 
 ```tsx
-import { OpalProvider } from '@methodfi/opal-react';
+import {OpalProvider} from '@methodfi/opal-react';
 
 export default function App() {
   return (
@@ -33,20 +33,28 @@ export default function App() {
 Use the `useOpal` hook in your components:
 
 ```tsx
-import { useOpal } from '@methodfi/opal-react';
+import {useOpal} from '@methodfi/opal-react';
 
 function Screen() {
-  const { open } = useOpal({
+  const {open} = useOpal({
     env: 'dev',
     onOpen: () => {},
     onExit: () => {},
-    onError: (error) => console.error('Error:', error),
-    onEvent: (event) => {
+    onError: error => console.error('Error:', error),
+    onEvent: event => {
       switch (event.type) {
-        case 'opal.session.started': { /* ... */ }
-        case 'opal.session.errored': { /* ... */ }
-        case 'opal.session.exited': { /* ... */ }
-        case 'card_connect.card.verified': { /* ... */ }
+        case 'opal.session.started': {
+          /* ... */
+        }
+        case 'opal.session.errored': {
+          /* ... */
+        }
+        case 'opal.session.exited': {
+          /* ... */
+        }
+        case 'card_connect.card.verified': {
+          /* ... */
+        }
         // See events section
       }
     },
@@ -55,13 +63,9 @@ function Screen() {
   const onLaunchOpal = async () => {
     // Resulting token from POST /opal/token (otkn_*)
     const token = await getOpalToken();
-    open({ token });
+    open({token});
   };
 
-  return (
-    <button onClick={onLaunchOpal}>
-      Launch Opal
-    </button>
-  );
+  return <button onClick={onLaunchOpal}>Launch Opal</button>;
 }
-```
+```

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type OpalEnvironment = 'local' | 'dev' | 'sandbox' | 'production';
 type OpalMode = 'opal' | 'card_connect' | 'account_verification' | string;
@@ -104,17 +103,6 @@ interface OpalOpenOptions {
     /** The Opal token (otkn_*) obtained from POST /opal/token */
     token: string;
 }
-/**
- * Legacy message interface - use OpalEvent instead
- * @deprecated Use OpalEvent for better type safety
- */
-interface OpalMessage {
-    type: string;
-    mode: string;
-    object: string;
-    action: string;
-    timestamp: string;
-}
 /**
  * Return type for the useOpal hook
  */
@@ -130,21 +118,6 @@ interface UseOpalReturn {
     /** Current error state, if any */
     error: OpalError | OpalErrorData | null;
 }
-/**
- * Props for the OpalIframe component
- */
-interface OpalIframeProps {
-    /** The Opal token */
-    token: string;
-    /** The full Opal URL with token */
-    opalUrl: string;
-    /** Callback for handling iframe messages */
-    onMessage: (message: OpalEvent) => void;
-    /** Callback for when the iframe should be closed */
-    onClose: () => void;
-    /** Optional styles for the iframe container */
-    style?: React.CSSProperties;
-}
 
 interface OpalProviderProps {
     children: ReactNode;
@@ -167,7 +140,6 @@ interface OpalProviderProps {
  * ```
  */
 declare function OpalProvider({ children }: OpalProviderProps): JSX.Element;
-
 /**
  * Hook for interacting with Opal within an OpalProvider context.
  * This hook allows you to configure event handlers and open/close Opal sessions.
@@ -204,7 +176,4 @@ declare function OpalProvider({ children }: OpalProviderProps): JSX.Element;
  */
 declare function useOpal(config?: OpalConfig): UseOpalReturn;
 
-declare function OpalIframe({ token, opalUrl, onMessage, style, }: OpalIframeProps): react_jsx_runtime.JSX.Element | null;
-
-export { OpalIframe, OpalProvider, useOpal };
-export type { AccountVerifiedEventData, CardVerifiedEventData, OpalConfig, OpalEnvironment, OpalError, OpalErrorData, OpalEvent, OpalEventAction, OpalEventData, OpalEventObject, OpalEventType, OpalIframeProps, OpalMessage, OpalMode, OpalOpenOptions, OpalSuccessData, UseOpalReturn };
+export { OpalProvider, useOpal };