@saasquatch/squatch-js 2.6.1-0 → 2.6.2-0

package/dist/squatch.js

@@ -411,7 +411,6 @@ function _validateAnalyticsConfig(raw) {
   return raw;
 }
 
-// @ts-check
 /** @hidden */
 
 var _log$8 = debug.debug("squatch-js:widget");
@@ -436,6 +435,7 @@ class Widget {
     this.context = void 0;
     this.npmCdn = void 0;
     this.container = void 0;
+    this.loadEventListener = null;
 
     _log$8("widget initializing ...");
 
@@ -496,6 +496,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;
 
@@ -808,7 +828,6 @@ class EmbedWidget extends Widget {
           } = entry.contentRect; // @ts-ignore -- number will be cast to string by browsers
 
           frame.height = height;
-          console.log("RESIZE");
         }
       });
       var container = await this._findInnerContainer(frame);
@@ -818,6 +837,8 @@ class EmbedWidget extends Widget {
         this._loadEvent(_sqh);
 
         _log$7("loaded");
+      } else {
+        this._attachLoadEventListener(frameDoc, _sqh);
       }
     });
   }
@@ -845,6 +866,10 @@ class EmbedWidget extends Widget {
       this._loadEvent(_sqh);
 
       _log$7("loaded");
+    } else {
+      if (!frame.contentDocument) return;
+
+      this._attachLoadEventListener(frame.contentDocument, _sqh);
     }
   }
 
@@ -852,6 +877,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();
 
@@ -1058,11 +1084,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);
@@ -2084,7 +2115,7 @@ function help() {
   console.log("Having trouble using Squatch.js? Go to https://docs.referralsaasquatch.com/developer/ for tutorials, references and error codes.");
 }
 
-// @ts-check
+var _window$squatch;
 // debug.disable("squatch-js*");
 
 /** @hidden */
@@ -2272,8 +2303,10 @@ function pushCookie() {
 
 if (typeof document !== "undefined" && !window.SaaSquatchDoNotAutoDrop) {
   pushCookie();
-}
+} // Show message if squatchjs has already been loaded on the page
+
 
+if ((_window$squatch = window["squatch"]) != null && _window$squatch.init) _log("Squatchjs is being loaded more than once. This may lead to multiple load events being sent, duplicated widgets, and inaccurate analytics.");
 if (typeof document !== "undefined") asyncLoad();
 
 exports.DeclarativeEmbedWidget = DeclarativeEmbedWidget;