@melio-eng/web-sdk 1.0.32 → 1.0.33-pr.61.c0daefe

package/dist/flows/Flow.d.ts

@@ -12,7 +12,7 @@ export declare class Flow implements FlowInstance {
     protected container: HTMLElement | null;
     private eventListeners;
     protected keepAliveInterval: number | null;
-    private messageHandler;
+    protected messageHandler: ((event: MessageEvent) => void) | null;
     constructor(containerId: string, config: BaseFlowConfig, partnerName: string, environment: Environment, branchOverride?: string | undefined);
     /**
      * Initialize the flow by creating and injecting the iframe
@@ -26,7 +26,7 @@ export declare class Flow implements FlowInstance {
      * Create flow URL using partner name and environment
      */
     protected createFlowUrl(): string;
-    private setupEventListeners;
+    protected setupEventListeners(): void;
     /**
      * Emit events to registered listeners
      */

package/dist/flows/Flow.js

@@ -80,12 +80,6 @@ export class Flow {
                 case 'NAVIGATED_TO_TARGET':
                     this.emit('navigated', data);
                     break;
-                case 'AUTHENTICATION_SUCCESS':
-                    this.emit('authenticationSucceeded');
-                    break;
-                case 'AUTHENTICATION_ERROR':
-                    this.emit('authenticationFailed');
-                    break;
                 case 'ONBOARDING_COMPLETED':
                     this.emit('completed', { flowName: 'onboarding', ...data });
                     break;

package/dist/flows/InitFlow.d.ts

@@ -14,5 +14,9 @@ export declare class InitFlow extends Flow {
      * Construct the specific flow URL for initialization
      */
     protected constructFlowUrl(baseUrl: string): string;
+    /**
+     * Override setupEventListeners to only handle authentication events
+     */
+    protected setupEventListeners(): void;
     setupKeepAlive(): void;
 }

package/dist/flows/InitFlow.js

@@ -35,6 +35,36 @@ export class InitFlow extends Flow {
         });
         return `${baseUrl}/${this.partnerName}/auth?${params.toString()}`;
     }
+    /**
+     * Override setupEventListeners to only handle authentication events
+     */
+    setupEventListeners() {
+        this.messageHandler = (event) => {
+            if (!/melio\.com|melioservices\.com/.test(event.origin)) {
+                return;
+            }
+            const { type, ...data } = event.data;
+            console.log('📬 Received message from iframe:', {
+                type,
+                data,
+                origin: event.origin,
+            });
+            switch (type) {
+                case 'AUTHENTICATION_SUCCESS':
+                    this.emit('authenticationSucceeded');
+                    break;
+                case 'AUTHENTICATION_ERROR':
+                    this.emit('authenticationFailed');
+                    break;
+                case 'HEIGHT_CHANGE':
+                    if (this.iframe) {
+                        this.iframe.style.height = `${data.height}px`;
+                    }
+                    break;
+            }
+        };
+        window.addEventListener('message', this.messageHandler);
+    }
     setupKeepAlive() {
         this.keepAliveInterval = window.setInterval(() => {
             if (this.iframe && this.iframe.contentWindow) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@melio-eng/web-sdk",
-  "version": "1.0.32",
+  "version": "1.0.33-pr.61.c0daefe",
   "description": "Melio Web SDK - Embed core Melio workflows directly into partner UI with minimal effort",
   "main": "dist/index.js",
   "module": "dist/index.js",