@saasquatch/squatch-js 2.6.0-9 → 2.6.0

package/dist/api/WidgetApi.d.ts

@@ -60,4 +60,5 @@ export default class WidgetApi {
      * @return {Promise<ReferralCookie>} code referral code if true.
      */
     squatchReferralCookie(): Promise<ReferralCookie>;
+    referralCookie: () => Promise<ReferralCookie>;
 }

package/dist/squatch.esm.js

@@ -213,6 +213,7 @@ class WidgetApi {
     this.tenantAlias = void 0;
     this.domain = void 0;
     this.npmCdn = void 0;
+    this.referralCookie = this.squatchReferralCookie;
     var raw = config;
     var clean = validateConfig(raw);
     this.tenantAlias = clean.tenantAlias;
@@ -421,6 +422,8 @@ var _log$8 = debug("squatch-js:widget");
 
 class Widget {
   constructor(params) {
+    var _params$context;
+
     this.type = void 0;
     this.content = void 0;
     this.analyticsApi = void 0;
@@ -439,7 +442,7 @@ class Widget {
       domain: params.domain
     });
     this.context = params.context;
-    this.container = params.container || params.context.container;
+    this.container = ((_params$context = params.context) == null ? void 0 : _params$context.container) || params.container;
   }
 
   _findElement() {
@@ -740,10 +743,19 @@ class EmbedWidget extends Widget {
   }
 
   async load() {
+    var _this$context;
+
     var frame = this._createFrame();
 
     var element = this._findElement();
 
+    if ((_this$context = this.context) != null && _this$context.container) {
+      // Custom container is used
+      element.style.visibility = "hidden";
+      element.style.height = "0";
+      element.style["overflow-y"] = "hidden";
+    }
+
     if (this.container) {
       if (element.shadowRoot) {
         var _element$shadowRoot$l;
@@ -791,6 +803,7 @@ 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);
@@ -1486,27 +1499,27 @@ function _validateTrackOptions(raw) {
 /** @hidden */
 
 function asyncLoad() {
+  var _window;
+
   var namespace = window[IMPACT_NAMESPACE] ? IMPACT_NAMESPACE : DEFAULT_NAMESPACE;
-  var loaded = window[namespace] || null;
-  var cached = window["_" + namespace] || null;
+  var cached = ((_window = window["_" + namespace]) == null ? void 0 : _window.ready) || [];
   var declarativeCache = window.impactOnReady || window.squatchOnReady;
-  setTimeout(() => window[IMPACT_NAMESPACE] = window[DEFAULT_NAMESPACE], 0);
-  if (declarativeCache) setTimeout(() => declarativeCache(), 0);
+  var readyFns = [...cached, declarativeCache].filter(a => !!a); // Run all of this in a setTimeout because we need to wait for the squatch module to finish loading
 
-  if (loaded) {
-    if (cached) (cached.ready || []).forEach(cb => setTimeout(() => cb(), 0));
-    setTimeout(() => {
-      window.squatch._auto();
-    }, 0); // @ts-ignore -- intentionally deletes `_squatch` to cleanup initialization
+  setTimeout(() => {
+    // Exit early if module wasn't loaded onto window
+    if (!window[DEFAULT_NAMESPACE]) return; // Set window.impact as an alias for window.squatch.
 
-    window["_" + namespace] = undefined;
+    window[IMPACT_NAMESPACE] = window[DEFAULT_NAMESPACE]; // Run all the ready functions in a set timeout to they happen after namespace aliasing.
 
-    try {
-      delete window["_" + namespace];
-    } catch (e) {
-      throw e;
-    }
-  }
+    readyFns.forEach(cb => cb()); // Perform auto popup
+
+    window[DEFAULT_NAMESPACE]._auto(); // @ts-ignore -- intentionally deletes `_squatch` to cleanup initialization
+
+
+    window["_" + namespace] = undefined;
+    delete window["_" + namespace];
+  }, 0);
 }
 
 /** @hidden */
@@ -1786,16 +1799,17 @@ class DeclarativeWidget extends HTMLElement {
         context: {
           type: config.type,
           user: config.user,
-          container: this.container || this,
+          container: this.container || undefined,
           engagementMedium: this.type
         },
         type: this.widgetType,
         domain: ((_this$config = this.config) == null ? void 0 : _this$config.domain) || DEFAULT_DOMAIN,
-        npmCdn: DEFAULT_NPM_CDN
+        npmCdn: DEFAULT_NPM_CDN,
+        container: this
       };
 
       if (this.type === "EMBED") {
-        return new EmbedWidget(params, params.context.container);
+        return new EmbedWidget(params);
       } else {
         var useFirstChildTrigger = this.firstChild ? null : undefined;
         return new PopupWidget(params, useFirstChildTrigger);
@@ -1810,15 +1824,16 @@ class DeclarativeWidget extends HTMLElement {
         content: "error",
         context: {
           type: "error",
-          container: this.container || this
+          container: this.container || undefined
         },
         type: "ERROR_WIDGET",
         domain: ((_this$config2 = this.config) == null ? void 0 : _this$config2.domain) || DEFAULT_DOMAIN,
-        npmCdn: DEFAULT_NPM_CDN
+        npmCdn: DEFAULT_NPM_CDN,
+        container: this
       };
 
       if (this.type === "EMBED") {
-        return new EmbedWidget(params, params.context.container);
+        return new EmbedWidget(params);
       } else {
         var useFirstChildTrigger = this.firstChild ? null : undefined;
         return new PopupWidget(params, useFirstChildTrigger);
@@ -1830,7 +1845,7 @@ class DeclarativeWidget extends HTMLElement {
     this.hide = this.close;
     this.attachShadow({
       mode: "open"
-    }).innerHTML = "<style>:host { display: contents; }</style><slot></slot>";
+    }).innerHTML = "<style>:host { display: block; }</style><slot></slot>";
     this.config = getConfig();
     this.token = getToken();
     this.tenant = window.squatchTenant;
@@ -1906,6 +1921,7 @@ class DeclarativeWidget extends HTMLElement {
     }
 
     this.widgetInstance = widgetInstance;
+    if (this.widgetInstance) this.dispatchEvent(new CustomEvent("sq:widget-loaded"));
     return widgetInstance;
   }
   /**
@@ -1985,11 +2001,12 @@ class DeclarativeEmbedWidget extends DeclarativeWidget {
   async connectedCallback() {
     var _ref, _this$shadowRoot;
 
-    this.container = this.getAttribute("container") || this;
+    this.loaded = true;
+    this.container = this.getAttribute("container");
     await this.renderWidget();
     var slot = (_ref = this.shadowRoot && Array.from(this.shadowRoot.children)) == null ? void 0 : _ref.find(c => c.tagName === "SLOT");
     if (slot) (_this$shadowRoot = this.shadowRoot) == null ? void 0 : _this$shadowRoot.removeChild(slot);
-    this.loaded = true;
+    if (this.getAttribute("open") !== null) this.open();
   }
 
 }
@@ -2036,10 +2053,10 @@ class DeclarativePopupWidget extends DeclarativeWidget {
   }
 
   async connectedCallback() {
-    this.container = this.getAttribute("container") || this;
+    this.loaded = true;
+    this.container = this.getAttribute("container");
     await this.renderWidget();
     if (this.getAttribute("open") !== null) this.open();
-    this.loaded = true;
   }
 
 }