@morefin/cashier-bootstrapper 0.3.5 → 0.3.6

package/dist/index.d.ts

@@ -18,6 +18,9 @@ export declare class CashierBootstrapper {
     private redirectOverlayPanel?;
     private redirectOverlayIframe?;
     private overlayPositionSyncHandler?;
+    private managedRedirectTab?;
+    private managedRedirectTabTransactionId?;
+    private managedRedirectTabCheckIntervalId?;
     private origin;
     private ready;
     private readonly fullConfig;
@@ -41,6 +44,10 @@ export declare class CashierBootstrapper {
     private normalizeRedirectTarget;
     private normalizeRedirectMethod;
     private normalizeRedirectParameters;
+    private openManagedRedirectTab;
+    private openManagedRedirectTabWithPost;
+    private trackManagedRedirectTab;
+    private clearManagedRedirectTabWatcher;
     private openPopupWithPost;
     private writePostFormToWindow;
     private submitPostForm;

package/dist/index.js

@@ -2,6 +2,7 @@ const DEFAULT_IFRAME_ALLOW = 'geolocation *;camera *;payment *;clipboard-read *;
 const CASHIER_PATH = '/cashier';
 const FINGERPRINT_CDN = 'https://cdn.jsdelivr.net/npm/@fingerprintjs/fingerprintjs@4/dist/fp.min.js';
 const CASHIER_REDIRECT_EVENT = 'CASHIER_REDIRECT';
+const CASHIER_REDIRECT_TAB_CLOSED_EVENT = 'CASHIER_REDIRECT_TAB_CLOSED';
 const TOP_URL_REPLACE_EVENT = 'TOP_URL_REPLACE';
 const CASHIER_IFRAME_OVERLAY_CLOSE_EVENT = 'CASHIER_IFRAME_OVERLAY_CLOSE';
 const CASHIER_RESULT_EVENT = 'CASHIER_RESULT';
@@ -335,6 +336,7 @@ export class CashierBootstrapper {
         const redirectTarget = this.normalizeRedirectTarget(redirectPayload.target);
         const redirectMethod = this.normalizeRedirectMethod(redirectPayload.method);
         const redirectParameters = this.normalizeRedirectParameters(redirectPayload.parameters);
+        const transactionId = this.asString(redirectPayload.transactionId);
         if (typeof redirectUrl !== 'string' || redirectUrl.trim() === '') {
             return;
         }
@@ -354,12 +356,12 @@ export class CashierBootstrapper {
             case 'tab':
                 console.log('[CashierBootstrapper] Handling redirect target "tab".', { redirectUrl, redirectMethod, redirectParameters });
                 if (redirectMethod === 'POST') {
-                    if (!this.openPopupWithPost(redirectUrl, redirectParameters)) {
+                    if (!this.openManagedRedirectTabWithPost(redirectUrl, redirectParameters, transactionId)) {
                         this.submitPostForm(redirectUrl, redirectParameters, '_blank');
                     }
                 }
                 else {
-                    window.open(redirectUrl, '_blank', 'noopener,noreferrer');
+                    this.openManagedRedirectTab(redirectUrl, transactionId);
                 }
                 break;
             case 'window':
@@ -492,6 +494,55 @@ export class CashierBootstrapper {
             return acc;
         }, {});
     }
+    openManagedRedirectTab(url, transactionId) {
+        if (typeof window === 'undefined') {
+            return false;
+        }
+        const popup = window.open(url, '_blank');
+        if (!popup) {
+            return false;
+        }
+        this.trackManagedRedirectTab(popup, transactionId);
+        return true;
+    }
+    openManagedRedirectTabWithPost(url, parameters, transactionId) {
+        if (typeof window === 'undefined') {
+            return false;
+        }
+        const popup = window.open('', '_blank');
+        if (!popup) {
+            return false;
+        }
+        if (!this.writePostFormToWindow(popup, url, parameters)) {
+            return false;
+        }
+        this.trackManagedRedirectTab(popup, transactionId);
+        return true;
+    }
+    trackManagedRedirectTab(tab, transactionId) {
+        this.clearManagedRedirectTabWatcher();
+        this.managedRedirectTab = tab;
+        this.managedRedirectTabTransactionId = transactionId;
+        this.managedRedirectTabCheckIntervalId = setInterval(() => {
+            if (!this.managedRedirectTab?.closed) {
+                return;
+            }
+            const closedTransactionId = this.managedRedirectTabTransactionId;
+            this.managedRedirectTab = null;
+            this.managedRedirectTabTransactionId = undefined;
+            this.clearManagedRedirectTabWatcher();
+            this.postMessage(CASHIER_REDIRECT_TAB_CLOSED_EVENT, {
+                transactionId: closedTransactionId
+            });
+        }, 500);
+    }
+    clearManagedRedirectTabWatcher() {
+        if (this.managedRedirectTabCheckIntervalId === undefined) {
+            return;
+        }
+        clearInterval(this.managedRedirectTabCheckIntervalId);
+        this.managedRedirectTabCheckIntervalId = undefined;
+    }
     openPopupWithPost(url, parameters) {
         if (typeof window === 'undefined') {
             return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morefin/cashier-bootstrapper",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "description": "Bootstrap service for initializing cashier payment page data from API",
   "main": "dist/index.js",
   "module": "dist/index.js",