@melio-eng/web-sdk 1.0.11 → 1.0.12

package/dist/index.js

@@ -100,6 +100,15 @@ class Flow {
                 case 'FLOW_NAVIGATED':
                     this.emit('navigated', data);
                     break;
+                case 'AUTHENTICATION_SUCCESS':
+                    this.emit('authenticationSucceeded');
+                    break;
+                case 'AUTHENTICATION_FAILED':
+                    this.emit('authenticationFailed');
+                    break;
+                case 'ONBOARDING_COMPLETED':
+                    this.emit('completed', { flowName: 'onboarding', ...data });
+                    break;
                 case 'HEIGHT_CHANGE':
                     if (this.iframe) {
                         this.iframe.style.height = `${data.height}px`;
@@ -151,6 +160,38 @@ class Flow {
         this.eventListeners.clear();
     }
 }
+/**
+ * OnboardingFlow subclass with custom URL construction
+ */
+class OnboardingFlow extends Flow {
+    constructor(containerId, config, partnerName, environment, branchOverride) {
+        super(containerId, config, partnerName, environment, branchOverride);
+        const { userDetails, organizationDetails } = config;
+        this.preFilledParams = { userDetails, organizationDetails };
+    }
+    /**
+     * Construct the specific flow URL for onboarding
+     */
+    constructFlowUrl(baseUrl) {
+        const params = Object.fromEntries(Object.entries(this.preFilledParams).filter(([_, v]) => v !== undefined));
+        let preFilledBase64 = '';
+        if (Object.keys(params).length > 0) {
+            try {
+                const json = JSON.stringify(params);
+                preFilledBase64 = btoa(unescape(encodeURIComponent(json)));
+            }
+            catch (e) {
+                preFilledBase64 = '';
+            }
+        }
+        let url = `${baseUrl}/${this.partnerName}/auth/demo/new`;
+        if (preFilledBase64) {
+            url += `?preFilledParams=${encodeURIComponent(preFilledBase64)}`;
+        }
+        return url;
+        return `${baseUrl}/${this.partnerName}/auth/demo/new`;
+    }
+}
 /**
  * SinglePayFlow subclass with custom URL construction
  */
@@ -285,7 +326,7 @@ export class MelioSDK {
      * Launch the onboarding flow
      */
     openOnboarding(config) {
-        const flow = new Flow(config.containerId, config, this.partnerName, this.environment, this.branchOverride);
+        const flow = new OnboardingFlow(config.containerId, config, this.partnerName, this.environment, this.branchOverride);
         flow.initialize();
         return flow;
     }

package/dist/types.d.ts

@@ -24,10 +24,29 @@ export interface BaseFlowConfig {
     /** Optional authorization code for the flow */
     authCode?: string;
 }
+export type BusinessType = 'partnership' | 'limitedLiabilityCompany' | 'corporation' | 'nonProfit';
+export interface OrganizationDetails {
+    companyName?: string;
+    businessType?: BusinessType;
+    companyLegalName?: string;
+    taxId?: string;
+    legalDateOfBirth?: string;
+    website?: string;
+    description?: string;
+    contactPhone?: string;
+}
+export interface UserDetails {
+    email?: string;
+    firstName?: string;
+    lastName?: string;
+    dateOfBirth?: string;
+}
 /**
  * Configuration for onboarding flow
  */
 export interface OnboardingConfig extends BaseFlowConfig {
+    userDetails?: UserDetails;
+    organizationDetails?: OrganizationDetails;
 }
 /**
  * Configuration for single pay flow
@@ -54,9 +73,9 @@ export interface SettingsConfig extends BaseFlowConfig {
 export interface PaymentsDashboardConfig extends BaseFlowConfig {
 }
 /**
- * Event payload for navigation events
+ * Event data for navigation events
  */
-export interface NavigationPayload {
+export interface NavigationData {
     /** The target route or page the user navigated to */
     target: string;
 }
@@ -65,16 +84,17 @@ export interface NavigationPayload {
  */
 export interface FlowCompletionData {
     /** Any data returned from the completed flow */
+    flowName: 'onboarding' | 'payment';
     [key: string]: any;
 }
 /**
  * Event types that can be listened to
  */
-export type FlowEventType = 'completed' | 'exit' | 'navigated';
+export type FlowEventType = 'completed' | 'exit' | 'navigated' | 'authenticationSucceeded' | 'authenticationFailed';
 /**
  * Event callback function types
  */
-export type FlowEventCallback = ((data: FlowCompletionData) => void) | (() => void) | ((payload: NavigationPayload) => void);
+export type FlowEventCallback = ((data: FlowCompletionData | NavigationData) => void) | (() => void);
 /**
  * Flow instance interface for event handling
  */
@@ -86,7 +106,7 @@ export interface FlowInstance {
      */
     on(event: 'completed', callback: (data: FlowCompletionData) => void): void;
     on(event: 'exit', callback: () => void): void;
-    on(event: 'navigated', callback: (payload: NavigationPayload) => void): void;
+    on(event: 'navigated', callback: (payload: NavigationData) => void): void;
     /**
      * Remove an event listener for this flow
      * @param event - The event type to remove listener for

package/package.json

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