Fix closing pages (#342)

* Fix postMessage not received by parent window
smileidentity · Sep 30, 2024 · 1301664 · 1301664
1 parent 8c49f13
commit 1301664
Show file tree

Hide file tree

Showing 10 changed files with 67 additions and 27 deletions.
diff --git a/example/script.js b/example/script.js
@@ -74,10 +74,13 @@ export default function setupForm() {
           environment,
           use_new_component: true,
           //demo_mode: true,
-          // previewBVNMFA: true,
+          previewBVNMFA: true,
           hide_attribution: true,
           document_capture_modes: ['camera', 'upload'],
           allow_agent_mode: true,
+          consent_required: {
+            NG: ['BVN'],
+          },
           partner_details: {
             partner_id,
             signature,

diff --git a/packages/embed/src/js/basic-kyc.js b/packages/embed/src/js/basic-kyc.js
@@ -855,10 +855,14 @@ import { version as sdkVersion } from '../../package.json';
     const message = userTriggered
       ? 'SmileIdentity::Close'
       : 'SmileIdentity::Close::System';
-    referenceWindow.postMessage(message, '*');
+    [referenceWindow.parent, referenceWindow].forEach((win) => {
+      win.postMessage(message, '*');
+    });
   }
 
   function handleSuccess() {
-    referenceWindow.postMessage('SmileIdentity::Success', '*');
+    [referenceWindow.parent, referenceWindow].forEach((win) => {
+      win.postMessage('SmileIdentity::Success', '*');
+    });
   }
 })();
diff --git a/packages/embed/src/js/biometric-kyc.js b/packages/embed/src/js/biometric-kyc.js
@@ -426,7 +426,7 @@ import { version as sdkVersion } from '../../package.json';
   SmartCameraWeb.addEventListener(
     'smart-camera-web.close',
     () => {
-      closeWindow();
+      closeWindow(true);
     },
     false,
   );
@@ -569,7 +569,7 @@ import { version as sdkVersion } from '../../package.json';
     EndUserConsent.addEventListener(
       'end-user-consent.totp.denied.contact-methods-outdated',
       (event) => {
-        referenceWindow.postMessage(
+        (referenceWindow.parent || referenceWindow).postMessage(
           'SmileIdentity::ConsentDenied::TOTP::ContactMethodsOutdated',
           '*',
         );
@@ -950,10 +950,15 @@ import { version as sdkVersion } from '../../package.json';
     const message = userTriggered
       ? 'SmileIdentity::Close'
       : 'SmileIdentity::Close::System';
-    referenceWindow.postMessage(message, '*');
+    [referenceWindow.parent, referenceWindow].forEach((win) =>
+      win.postMessage(message, '*'),
+    );
   }
 
   function handleSuccess() {
-    referenceWindow.postMessage('SmileIdentity::Success', '*');
+    (referenceWindow.parent || referenceWindow).postMessage(
+      'SmileIdentity::Success',
+      '*',
+    );
   }
 })();
diff --git a/packages/embed/src/js/doc-verification.js b/packages/embed/src/js/doc-verification.js
@@ -513,15 +513,15 @@ import { version as sdkVersion } from '../../package.json';
   SmartCameraWeb.addEventListener(
     'close',
     () => {
-      closeWindow();
+      closeWindow(true);
     },
     false,
   );
 
   SmartCameraWeb.addEventListener(
     'smart-camera-web.close',
     () => {
-      closeWindow();
+      closeWindow(true);
     },
     false,
   );
@@ -534,11 +534,11 @@ import { version as sdkVersion } from '../../package.json';
     false,
   );
 
-  CloseIframeButtons.forEach((button) => {
+  CloseIframeButtons?.forEach((button) => {
     button.addEventListener(
       'click',
       () => {
-        closeWindow();
+        closeWindow(true);
       },
       false,
     );
@@ -728,11 +728,17 @@ import { version as sdkVersion } from '../../package.json';
     return fileUploaded;
   }
 
-  function closeWindow() {
-    referenceWindow.postMessage('SmileIdentity::Close', '*');
+  function closeWindow(userTriggered) {
+    const message = userTriggered
+      ? 'SmileIdentity::Close'
+      : 'SmileIdentity::Close::System';
+    (referenceWindow.parent || referenceWindow).postMessage(message, '*');
   }
 
   function handleSuccess() {
-    referenceWindow.postMessage('SmileIdentity::Success', '*');
+    (referenceWindow.parent || referenceWindow).postMessage(
+      'SmileIdentity::Success',
+      '*',
+    );
   }
 })();
diff --git a/packages/embed/src/js/e-signature.js b/packages/embed/src/js/e-signature.js
@@ -26,7 +26,7 @@ function getHumanSize(numberOfBytes) {
     const message = userTriggered
       ? 'SmileIdentity::Close'
       : 'SmileIdentity::Close::System';
-    referenceWindow.postMessage(message, '*');
+    (referenceWindow.parent || referenceWindow).postMessage(message, '*');
   }
 
   // NOTE: In order to support prior integrations, we have `live` and
@@ -44,11 +44,14 @@ function getHumanSize(numberOfBytes) {
   referenceWindow.postMessage('SmileIdentity::ChildPageReady', '*');
 
   function handleSuccess() {
-    referenceWindow.postMessage('SmileIdentity::Success', '*');
+    (referenceWindow.parent || referenceWindow).postMessage(
+      'SmileIdentity::Success',
+      '*',
+    );
   }
 
   function handleBadDocuments(error) {
-    referenceWindow.postMessage(
+    (referenceWindow.parent || referenceWindow).postMessage(
       {
         message: 'SmileIdentity::Error',
         data: {

diff --git a/packages/embed/src/js/ekyc.js b/packages/embed/src/js/ekyc.js
@@ -471,7 +471,7 @@ import { version as sdkVersion } from '../../package.json';
     EndUserConsent.addEventListener(
       'end-user-consent.totp.denied.contact-methods-outdated',
       (event) => {
-        referenceWindow.postMessage(
+        (referenceWindow.parent || referenceWindow).postMessage(
           'SmileIdentity::ConsentDenied::TOTP::ContactMethodsOutdated',
           '*',
         );
@@ -855,10 +855,15 @@ import { version as sdkVersion } from '../../package.json';
     const message = userTriggered
       ? 'SmileIdentity::Close'
       : 'SmileIdentity::Close::System';
-    referenceWindow.postMessage(message, '*');
+    [referenceWindow.parent, referenceWindow].forEach((win) => {
+      win.postMessage(message, '*');
+    });
   }
 
   function handleSuccess() {
-    referenceWindow.postMessage('SmileIdentity::Success', '*');
+    (referenceWindow.parent || referenceWindow).postMessage(
+      'SmileIdentity::Success',
+      '*',
+    );
   }
 })();
diff --git a/packages/embed/src/js/enhanced-document-verification.js b/packages/embed/src/js/enhanced-document-verification.js
@@ -531,10 +531,16 @@ import { version as sdkVersion } from '../../package.json';
   }
 
   function closeWindow() {
-    referenceWindow.postMessage('SmileIdentity::Close', '*');
+    (referenceWindow.parent || referenceWindow).postMessage(
+      'SmileIdentity::Close',
+      '*',
+    );
   }
 
   function handleSuccess() {
-    referenceWindow.postMessage('SmileIdentity::Success', '*');
+    (referenceWindow.parent || referenceWindow).postMessage(
+      'SmileIdentity::Success',
+      '*',
+    );
   }
 })();
diff --git a/packages/embed/src/js/product-selection.js b/packages/embed/src/js/product-selection.js
@@ -295,7 +295,10 @@
   }
 
   function closeWindow() {
-    referenceWindow.postMessage('SmileIdentity::Close', '*');
+    (referenceWindow.parent || referenceWindow).postMessage(
+      'SmileIdentity::Close',
+      '*',
+    );
   }
 
   function publishMessage() {

diff --git a/packages/embed/src/js/smartselfie-auth.js b/packages/embed/src/js/smartselfie-auth.js
@@ -317,10 +317,13 @@ import { version as sdkVersion } from '../../package.json';
     const message = userTriggered
       ? 'SmileIdentity::Close'
       : 'SmileIdentity::Close::System';
-    referenceWindow.postMessage(message, '*');
+    (referenceWindow.parent || referenceWindow).postMessage(message, '*');
   }
 
   function handleSuccess() {
-    referenceWindow.postMessage('SmileIdentity::Success', '*');
+    (referenceWindow.parent || referenceWindow).postMessage(
+      'SmileIdentity::Success',
+      '*',
+    );
   }
 })();
diff --git a/packages/web-components/components/totp-consent/src/TotpConsent.js b/packages/web-components/components/totp-consent/src/TotpConsent.js
@@ -624,8 +624,10 @@ class TotpConsent extends HTMLElement {
   }
 
   closeWindow() {
-    const referenceWindow = this.window.parent;
-    referenceWindow.postMessage('SmileIdentity::Close', '*');
+    const referenceWindow = window.parent;
+    [referenceWindow.parent, referenceWindow].forEach((win) => {
+      win.postMessage('SmileIdentity::Close', '*');
+    });
   }
 
   handleBackClick() {