@saasquatch/squatch-js 2.6.0-3 → 2.6.0-4

package/dist/squatch.js

@@ -238,6 +238,7 @@ class WidgetApi {
       widgetType,
       engagementMedium = "POPUP",
       jwt,
+      locale,
       user
     } = clean;
     var tenantAlias = encodeURIComponent(this.tenantAlias);
@@ -246,7 +247,8 @@ class WidgetApi {
 
     var optionalParams = _buildParams({
       widgetType,
-      engagementMedium
+      engagementMedium,
+      locale
     });
 
     var path = "/api/v1/" + tenantAlias + "/widget/account/" + accountId + "/user/" + userId + "/upsert" + optionalParams;
@@ -331,12 +333,15 @@ class WidgetApi {
 function _buildParams(_ref) {
   var {
     widgetType,
-    engagementMedium
+    engagementMedium,
+    locale
   } = _ref;
-  var widgetTypeP = widgetType ? "?widgetType=" + encodeURIComponent(widgetType) : "";
-  var engagementMediumP = (widgetType ? "&" : "?") + "engagementMedium=" + encodeURIComponent(engagementMedium);
-  var optionalParams = widgetTypeP + engagementMediumP;
-  return optionalParams;
+  var engagementMediumP = "engagementMedium=" + encodeURIComponent(engagementMedium);
+  var widgetTypeP = widgetType && "widgetType=" + encodeURIComponent(widgetType);
+  var localeP = locale && "locale=" + encodeURIComponent(locale);
+  var params = [engagementMediumP, widgetTypeP, localeP].filter(x => !!x);
+  var queryString = "?" + params.join("&");
+  return queryString;
 }
 
 // @ts-check
@@ -788,7 +793,10 @@ class EmbedWidget extends Widget {
         _log$6("loaded");
       }
     });
-  } // Un-hide if element is available and refresh data
+  }
+  /**
+   * Un-hide if element is available and refresh data
+   */
 
 
   open() {
@@ -1249,13 +1257,7 @@ class Widgets {
         if (Widgets._matchesUrl(rule.url)) {
           var _response$user, _response$user$referr;
 
-          console.log({
-            response,
-            rule
-          });
-
           if (rule.widgetType !== "CONVERSION_WIDGET" || (_response$user = response.user) != null && (_response$user$referr = _response$user.referredBy) != null && _response$user$referr.code) {
-            console.log("HERE");
             displayOnLoad = rule.displayOnLoad;
 
             _log$4("Display " + rule.widgetType + " on " + rule.url);
@@ -1373,6 +1375,9 @@ class Widgets {
 
   static _matchesUrl(rule) {
     // If there were no matches, null is returned.
+    console.log({
+      href: window.location.href
+    });
     return window.location.href.match(new RegExp(rule)) ? true : false;
   }
 
@@ -1682,7 +1687,6 @@ class DeclarativeWidget extends HTMLElement {
     this.widgetInstance = void 0;
     this.container = void 0;
     this.element = void 0;
-    this._hasChildren = void 0;
 
     this._setWidget = (template, config) => {
       var _this$config;
@@ -1729,6 +1733,7 @@ class DeclarativeWidget extends HTMLElement {
       }
     };
 
+    this.reload = this.renderWidget;
     this.show = this.open;
     this.hide = this.close;
     this.attachShadow({
@@ -1777,6 +1782,7 @@ class DeclarativeWidget extends HTMLElement {
     if (!userObj) throw new Error("Could not load user information from jwt");
     var widgetInstance = await this.widgetApi.upsertUser({
       user: userObj,
+      locale: this.locale,
       engagementMedium: this.type,
       widgetType: this.widgetType,
       jwt: this.token
@@ -1808,11 +1814,22 @@ class DeclarativeWidget extends HTMLElement {
     await this.widgetInstance.load();
   }
 
+  /**
+   * Calls `open` method of `widgetInstance`
+   * @throws Throws an Error if called before the widget has loaded
+   */
   open() {
+    if (!this.widgetInstance) throw new Error("Widget has not loaded yet");
     this.widgetInstance.open();
   }
+  /**
+   * Calls `close` method of `widgetInstance`
+   * @throws Throws an Error if called before the widget has loaded
+   */
+
 
   close() {
+    if (!this.widgetInstance) throw new Error("Widget has not loaded yet");
     this.widgetInstance.close();
   }
 
@@ -1836,11 +1853,6 @@ class DeclarativeEmbedWidget extends DeclarativeWidget {
       case "widget":
         this.connectedCallback();
         break;
-      // // Specific to embed widgets
-      // case "container":
-      //   if (this.widgetInstance._findElement()) this.close();
-      //   this.connectedCallback();
-      //   break;
     }
   }
 
@@ -1866,14 +1878,13 @@ class DeclarativePopupWidget extends DeclarativeWidget {
   }
 
   static get observedAttributes() {
-    return ["widget", "id", "open", "locale"];
+    return ["widget", "locale"];
   }
 
   attributeChangedCallback(attr, oldVal, newVal) {
     if (oldVal === newVal || !oldVal) return; // nothing to do
 
     switch (attr) {
-      case "open":
       case "locale":
       case "widget":
         this.connectedCallback();