✨ (context.tsx, types.ts): add READY message type to handle iframe re…

…adiness

♻️ (context.tsx): simplify iframe loaded check and use sendMessage for READY event

💡 (context.tsx): remove commented out iFrameResizer code for clarity and maintenance

libs/next/iframe/src/lib/context.tsx

@@ -20,6 +20,7 @@ import {
   OffKeyState,
   ReceiveMessageType,
   ReceiveMessageValues,
+  SendMessageType,
 } from './types';
 
 interface IFrameContextType {
@@ -166,15 +167,9 @@ export const IFrameProvider: React.FC<IFrameProviderProps> = ({ children }) => {
   }, [handleIFrameMessage]);
 
   const handleIFrameLoaded = () => {
-    if (!window || iframeParent) return;
+    if (!window) return;
     console.log('IFrame ready');
-    // (window as any).iFrameResizer = {
-    //   onMessage: onMessageRef.current,
-    //   onReady: () => {
-    //     console.log('IFrame parent ready');
-    //     setIFrameParent((window as any).parentIFrame);
-    //   },
-    // };
+    iframeParent?.sendMessage({ type: SendMessageType.READY });
   };
   return (
     <>

libs/next/iframe/src/lib/types.ts

@@ -70,6 +70,7 @@ export interface ReceiveMessageValues {
 }
 
 export enum SendMessageType {
+  READY = 'READY',
   DISCONNECT = 'DISCONNECT',
   SIGNATURE = 'SIGNATURE',
   OFF_KEY_MINT = 'OFF_KEY_MINT',
@@ -78,6 +79,7 @@ export enum SendMessageType {
 }
 
 export interface SendMessageValues {
+  [SendMessageType.READY]: null;
   [SendMessageType.DISCONNECT]: {
     address: string;
   };