@saasquatch/squatch-js 2.6.1 → 2.6.2-0

package/dist/squatch.esm.js

@@ -406,7 +406,6 @@ function _validateAnalyticsConfig(raw) {
   return raw;
 }
 
-// @ts-check
 /** @hidden */
 
 var _log$8 = debug("squatch-js:widget");
@@ -431,6 +430,7 @@ class Widget {
     this.context = void 0;
     this.npmCdn = void 0;
     this.container = void 0;
+    this.loadEventListener = null;
 
     _log$8("widget initializing ...");
 
@@ -491,6 +491,26 @@ class Widget {
     return parent.querySelector("iframe#squatchFrame");
   }
 
+  _detachLoadEventListener(frameDoc) {
+    if (this.loadEventListener) {
+      frameDoc.removeEventListener("sq:user-registration", this.loadEventListener);
+      this.loadEventListener = null;
+    }
+  }
+
+  _attachLoadEventListener(frameDoc, sqh) {
+    if (this.loadEventListener === null) {
+      this.loadEventListener = e => {
+        this._loadEvent(_extends({}, sqh, {
+          userId: e.detail.userId,
+          accountId: e.detail.accountId
+        }));
+      };
+
+      frameDoc.addEventListener("sq:user-registration", this.loadEventListener);
+    }
+  }
+
   _loadEvent(sqh) {
     var _this$analyticsApi$pu;
 
@@ -812,6 +832,8 @@ class EmbedWidget extends Widget {
         this._loadEvent(_sqh);
 
         _log$7("loaded");
+      } else {
+        this._attachLoadEventListener(frameDoc, _sqh);
       }
     });
   }
@@ -839,6 +861,10 @@ class EmbedWidget extends Widget {
       this._loadEvent(_sqh);
 
       _log$7("loaded");
+    } else {
+      if (!frame.contentDocument) return;
+
+      this._attachLoadEventListener(frame.contentDocument, _sqh);
     }
   }
 
@@ -846,6 +872,7 @@ class EmbedWidget extends Widget {
     var frame = this._findFrame();
 
     if (!frame) return _log$7("no target element to close");
+    if (frame.contentDocument) this._detachLoadEventListener(frame.contentDocument);
 
     var element = this._findElement();
 
@@ -1052,11 +1079,16 @@ class PopupWidget extends Widget {
         this._loadEvent(_sqh);
 
         _log$6("Popup opened");
+      } else {
+        this._attachLoadEventListener(frameDoc, _sqh);
       }
     });
   }
 
   close() {
+    var frame = this._findFrame();
+
+    if (frame != null && frame.contentDocument) this._detachLoadEventListener(frame.contentDocument);
     var element = this.container ? this._findElement() : document.body;
     var parent = element.shadowRoot || element;
     var dialog = parent.querySelector("#" + this.id);