@melio-eng/web-sdk 1.0.8-pr.21.9ad5c63 → 1.0.9-pr.21.507aad3

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export declare class MelioSDK implements MelioSDK {
     private initPromise;
     private environment;
     private partnerName;
+    private branchOverride;
     constructor();
     /**
      * Initialize the SDK by creating an authentication iframe

package/dist/index.js

@@ -23,11 +23,12 @@ function getBaseUrl(environment) {
  * Flow class implementation for handling iframe flows and events
  */
 class Flow {
-    constructor(containerId, config, partnerName, environment) {
+    constructor(containerId, config, partnerName, environment, branchOverride) {
         this.containerId = containerId;
         this.config = config;
         this.partnerName = partnerName;
         this.environment = environment;
+        this.branchOverride = branchOverride;
         this.iframe = null;
         this.container = null;
         this.eventListeners = new Map();
@@ -64,12 +65,13 @@ class Flow {
         console.log('📝 Config:', this.config);
         console.log('🏢 Partner:', this.partnerName);
         console.log('🌍 Environment:', this.environment);
+        console.log('🔝 Branch Override:', this.branchOverride);
         const baseUrl = getBaseUrl(this.environment);
         let finalUrl = this.constructFlowUrl(baseUrl);
-        // Add cdn_branch_override parameter for staging01 environment
-        if (this.environment === 'staging01') {
+        // Add cdn_branch_override parameter for non-production environments
+        if (this.branchOverride && this.environment !== 'production') {
             const separator = finalUrl.includes('?') ? '&' : '?';
-            finalUrl += `${separator}cdn_branch_override=xero`;
+            finalUrl += `${separator}cdn_branch_override=${this.branchOverride}`;
         }
         console.log('🌐 Final URL:', finalUrl);
         return finalUrl;
@@ -153,8 +155,8 @@ class Flow {
  * SinglePayFlow subclass with custom URL construction
  */
 class SinglePayFlow extends Flow {
-    constructor(containerId, config, partnerName, environment) {
-        super(containerId, config, partnerName, environment);
+    constructor(containerId, config, partnerName, environment, branchOverride) {
+        super(containerId, config, partnerName, environment, branchOverride);
         this.billId = config.billId;
     }
     /**
@@ -168,8 +170,8 @@ class SinglePayFlow extends Flow {
  * BatchPayFlow subclass with custom URL construction
  */
 class BatchPayFlow extends Flow {
-    constructor(containerId, config, partnerName, environment) {
-        super(containerId, config, partnerName, environment);
+    constructor(containerId, config, partnerName, environment, branchOverride) {
+        super(containerId, config, partnerName, environment, branchOverride);
         this.billIds = config.billIds;
     }
     /**
@@ -184,6 +186,9 @@ class BatchPayFlow extends Flow {
  * SettingsFlow subclass with custom URL construction
  */
 class SettingsFlow extends Flow {
+    constructor(containerId, config, partnerName, environment, branchOverride) {
+        super(containerId, config, partnerName, environment, branchOverride);
+    }
     /**
      * Construct the specific flow URL for settings
      */
@@ -192,6 +197,9 @@ class SettingsFlow extends Flow {
     }
 }
 class PaymentsDashboardFlow extends Flow {
+    constructor(containerId, config, partnerName, environment, branchOverride) {
+        super(containerId, config, partnerName, environment, branchOverride);
+    }
     /**
      * Construct the specific flow URL for payments dashboard
      */
@@ -211,6 +219,7 @@ export class MelioSDK {
         this.initPromise = null;
         this.environment = 'production';
         this.partnerName = '';
+        this.branchOverride = undefined;
     }
     /**
      * Initialize the SDK by creating an authentication iframe
@@ -223,6 +232,7 @@ export class MelioSDK {
         // Set partner name and environment from options
         this.partnerName = options.partnerName;
         this.environment = options.environment || 'production';
+        this.branchOverride = options.branchOverride;
         this.initPromise = this.performInit(authorizationCode, options);
         return this.initPromise;
     }
@@ -240,7 +250,6 @@ export class MelioSDK {
             this.authIframe.style.width = '1px';
             this.authIframe.style.height = '1px';
             // Add iframe to document
-            console.log('Adding iframe to document');
             document.body.appendChild(this.authIframe);
             this.setupKeepAlive();
             resolve();
@@ -256,9 +265,9 @@ export class MelioSDK {
         });
         const baseUrl = getBaseUrl(this.environment);
         let finalUrl = `${baseUrl}/${this.partnerName}/start?${params.toString()}`;
-        // Add cdn_branch_override parameter for staging01 environment
-        if (this.environment === 'staging01') {
-            finalUrl += '&cdn_branch_override=xero';
+        // Add cdn_branch_override parameter for non-production environments
+        if (this.branchOverride && this.environment !== 'production') {
+            finalUrl += `&cdn_branch_override=${this.branchOverride}`;
         }
         return finalUrl;
     }
@@ -276,7 +285,7 @@ export class MelioSDK {
      * Launch the onboarding flow
      */
     openOnboarding(config) {
-        const flow = new Flow(config.containerId, config, this.partnerName, this.environment);
+        const flow = new Flow(config.containerId, config, this.partnerName, this.environment, this.branchOverride);
         flow.initialize();
         return flow;
     }
@@ -284,7 +293,7 @@ export class MelioSDK {
      * Launch the single pay flow
      */
     openSinglePayFlow(config) {
-        const flow = new SinglePayFlow(config.containerId, config, this.partnerName, this.environment);
+        const flow = new SinglePayFlow(config.containerId, config, this.partnerName, this.environment, this.branchOverride);
         flow.initialize();
         return flow;
     }
@@ -292,7 +301,7 @@ export class MelioSDK {
      * Launch the batch pay flow
      */
     openBatchPay(config) {
-        const flow = new BatchPayFlow(config.containerId, config, this.partnerName, this.environment);
+        const flow = new BatchPayFlow(config.containerId, config, this.partnerName, this.environment, this.branchOverride);
         flow.initialize();
         return flow;
     }
@@ -300,7 +309,7 @@ export class MelioSDK {
      * Launch the settings flow
      */
     openSettings(config) {
-        const flow = new SettingsFlow(config.containerId, config, this.partnerName, this.environment);
+        const flow = new SettingsFlow(config.containerId, config, this.partnerName, this.environment, this.branchOverride);
         flow.initialize();
         return flow;
     }
@@ -308,7 +317,7 @@ export class MelioSDK {
      * Launch the payments dashboard flow
      */
     openPaymentsDashboard(config) {
-        const flow = new PaymentsDashboardFlow(config.containerId, config, this.partnerName, this.environment);
+        const flow = new PaymentsDashboardFlow(config.containerId, config, this.partnerName, this.environment, this.branchOverride);
         flow.initialize();
         return flow;
     }

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 /**
  * Available environments for the SDK
  */
-export type Environment = 'production' | 'staging01' | 'public-qa' | 'certification' | 'localhost' | 'eilat';
+export type Environment = 'production' | 'staging01' | 'public-qa' | 'certification' | 'eilat' | 'localhost';
 /**
  * Configuration options for SDK initialization
  */
@@ -12,6 +12,8 @@ export interface InitOptions {
     keepAlive?: boolean;
     /** The environment to use for API endpoints. Defaults to 'production' */
     environment?: Environment;
+    /** The branch to use for the melio platform. Defaults to 'main' */
+    branchOverride?: string;
 }
 /**
  * Base configuration for all flows

package/package.json

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