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

package/CHANGELOG.md

@@ -7,8 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-- Added custom web-components `squatch-embed` and `squatch-popup` for easier widget rendering.
-- Support for additional namespacing of squatchjs
+## [2.6.1] - 2023-09-01
+
+- Fix customElementRegistry error that occurs when multiple instances of squatchjs are loaded on the same page.
 
 ## [2.6.0] - 2023-08-23
 
@@ -348,7 +349,8 @@ No release notes.
 
 No release notes.
 
-[unreleased]: https://github.com/saasquatch/squatch-js/compare/@saasquatch%2Fsquatch-js@2.6.0...HEAD
+[unreleased]: https://github.com/saasquatch/squatch-js/compare/@saasquatch%2Fsquatch-js@2.6.1...HEAD
+[2.6.1]: https://github.com/saasquatch/squatch-js/compare/@saasquatch%2Fsquatch-js@2.5.0...@saasquatch%2Fsquatch-js@2.6.1
 [2.6.0]: https://github.com/saasquatch/squatch-js/compare/@saasquatch%2Fsquatch-js@2.5.0...@saasquatch%2Fsquatch-js@2.6.0
 [2.5.0]: https://github.com/saasquatch/squatch-js/compare/@saasquatch%2Fsquatch-js@2.4.1...@saasquatch%2Fsquatch-js@2.5.0
 [2.4.3]: https://github.com/saasquatch/squatch-js/compare/@saasquatch%2Fsquatch-js@2.4.2...@saasquatch%2Fsquatch-js@2.4.3

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;
 
@@ -803,7 +823,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);
@@ -813,6 +832,8 @@ class EmbedWidget extends Widget {
         this._loadEvent(_sqh);
 
         _log$7("loaded");
+      } else {
+        this._attachLoadEventListener(frameDoc, _sqh);
       }
     });
   }
@@ -840,6 +861,10 @@ class EmbedWidget extends Widget {
       this._loadEvent(_sqh);
 
       _log$7("loaded");
+    } else {
+      if (!frame.contentDocument) return;
+
+      this._attachLoadEventListener(frame.contentDocument, _sqh);
     }
   }
 
@@ -847,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();
 
@@ -1053,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);
@@ -2079,7 +2110,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 */
@@ -2267,8 +2298,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();
 
 export { DeclarativeEmbedWidget, DeclarativePopupWidget, EmbedWidget, PopupWidget, WidgetApi, Widgets, _auto, api, autofill, events, help, init, pushCookie, ready, widget, widgets };