@saasquatch/squatch-js 2.6.0-2 → 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() {
@@ -1115,7 +1123,7 @@ class Widgets {
       return {
         widget: this._renderWidget(response, clean, {
           type: "upsert",
-          user: clean.user || null,
+          user: clean.user,
           engagementMedium: config.engagementMedium,
           container: config.container,
           trigger: config.trigger
@@ -1247,9 +1255,9 @@ class Widgets {
     if (opts.widgetUrlMappings) {
       opts.widgetUrlMappings.forEach(rule => {
         if (Widgets._matchesUrl(rule.url)) {
-          var _response$user, _response$user2, _response$user2$refer;
+          var _response$user, _response$user$referr;
 
-          if (rule.widgetType !== "CONVERSION_WIDGET" || (_response$user = response.user) != null && _response$user.referredBy && (_response$user2 = response.user) != null && (_response$user2$refer = _response$user2.referredBy) != null && _response$user2$refer.code) {
+          if (rule.widgetType !== "CONVERSION_WIDGET" || (_response$user = response.user) != null && (_response$user$referr = _response$user.referredBy) != null && _response$user$referr.code) {
             displayOnLoad = rule.displayOnLoad;
 
             _log$4("Display " + rule.widgetType + " on " + rule.url);
@@ -1270,15 +1278,17 @@ class Widgets {
         } = _ref;
 
         if (Widgets._matchesUrl(url)) {
-          var _response$user3, _response$user4, _response$user4$refer;
+          var _response$user2, _response$user2$refer;
 
           _log$4("Fuel Tank URL matches");
 
-          if ((_response$user3 = response.user) != null && _response$user3.referredBy && (_response$user4 = response.user) != null && (_response$user4$refer = _response$user4.referredBy) != null && _response$user4$refer.code) {
+          if ((_response$user2 = response.user) != null && (_response$user2$refer = _response$user2.referredBy) != null && _response$user2$refer.code) {
             var formAutofill = document.querySelector(formSelector);
 
             if (formAutofill) {
-              formAutofill.value = response.user.referredBy.referredReward.fuelTankCode || "";
+              var _response$user$referr2;
+
+              formAutofill.value = ((_response$user$referr2 = response.user.referredBy.referredReward) == null ? void 0 : _response$user$referr2.fuelTankCode) || "";
             } else {
               _log$4(new Error("Element with id/class " + formSelector + " was not found."));
             }
@@ -1310,7 +1320,7 @@ class Widgets {
   }
 
   _renderEmbedWidget(params, container) {
-    var widget = new EmbedWidget(params);
+    var widget = new EmbedWidget(params, container);
     widget.load();
     return widget;
   }
@@ -1365,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;
   }
 
@@ -1667,13 +1680,13 @@ class DeclarativeWidget extends HTMLElement {
     this.token = void 0;
     this.tenant = void 0;
     this.widgetType = void 0;
+    this.locale = void 0;
     this.widgetApi = void 0;
     this.analyticsApi = void 0;
     this.type = void 0;
     this.widgetInstance = void 0;
     this.container = void 0;
     this.element = void 0;
-    this._hasChildren = void 0;
 
     this._setWidget = (template, config) => {
       var _this$config;
@@ -1720,6 +1733,7 @@ class DeclarativeWidget extends HTMLElement {
       }
     };
 
+    this.reload = this.renderWidget;
     this.show = this.open;
     this.hide = this.close;
     this.attachShadow({
@@ -1729,6 +1743,7 @@ class DeclarativeWidget extends HTMLElement {
     this.token = window.squatchToken;
     this.tenant = window.squatchTenant;
     this.container = this;
+    this.locale = validateLocale(navigator.language.replace(/\-/g, "_"));
   }
 
   _setupApis(config) {
@@ -1745,7 +1760,7 @@ class DeclarativeWidget extends HTMLElement {
   }
 
   async renderPasswordlessVariant() {
-    var _configs$widgetConfig, _configs$widgetConfig2;
+    var _configs$widgetConfig, _configs$widgetConfig2, _configs$widgetConfig3;
 
     var configs = _getAutoConfig();
 
@@ -1753,7 +1768,8 @@ class DeclarativeWidget extends HTMLElement {
 
     return await this.widgetApi.render({
       engagementMedium: (configs == null ? void 0 : (_configs$widgetConfig = configs.widgetConfig) == null ? void 0 : _configs$widgetConfig.engagementMedium) || this.type,
-      widgetType: (configs == null ? void 0 : (_configs$widgetConfig2 = configs.widgetConfig) == null ? void 0 : _configs$widgetConfig2.widgetType) || this.widgetType
+      widgetType: (configs == null ? void 0 : (_configs$widgetConfig2 = configs.widgetConfig) == null ? void 0 : _configs$widgetConfig2.widgetType) || this.widgetType,
+      locale: (configs == null ? void 0 : (_configs$widgetConfig3 = configs.widgetConfig) == null ? void 0 : _configs$widgetConfig3.locale) || this.locale
     }).then(res => this._setWidget(res.template, {
       type: "passwordless"
     })).catch(this.setErrorWidget);
@@ -1766,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
@@ -1778,6 +1795,7 @@ class DeclarativeWidget extends HTMLElement {
   async getWidgetInstance() {
     var widgetInstance;
     this.widgetType = this.getAttribute("widget") || undefined;
+    this.locale = this.getAttribute("locale") || this.locale;
     if (!this.widgetType) throw new Error("No widget has been specified");
 
     if (!this.token) {
@@ -1796,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();
   }
 
@@ -1813,22 +1842,17 @@ class DeclarativeEmbedWidget extends DeclarativeWidget {
   }
 
   static get observedAttributes() {
-    return ["widget", "container"];
+    return ["widget", "locale"];
   }
 
   attributeChangedCallback(attr, oldVal, newVal) {
     if (oldVal === newVal || !oldVal) return; // nothing to do
 
     switch (attr) {
+      case "locale":
       case "widget":
         this.connectedCallback();
         break;
-      // Specific to embed widgets
-
-      case "container":
-        if (this.widgetInstance._findElement()) this.close();
-        this.connectedCallback();
-        break;
     }
   }
 
@@ -1854,14 +1878,14 @@ class DeclarativePopupWidget extends DeclarativeWidget {
   }
 
   static get observedAttributes() {
-    return ["widget", "id", "open"];
+    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();
         break;
@@ -1906,7 +1930,7 @@ var _events = null;
  */
 
 function api() {
-  if (!_api) exports.init({});
+  if (!_api) init({});
   return _api;
 }
 /**
@@ -1918,7 +1942,7 @@ function api() {
  */
 
 function widgets() {
-  if (!_widgets) exports.init({});
+  if (!_widgets) init({});
   return _widgets;
 }
 /**
@@ -1930,7 +1954,7 @@ function widgets() {
  */
 
 function events() {
-  if (!_events) exports.init({});
+  if (!_events) init({});
   return _events;
 }
 /**
@@ -2002,7 +2026,7 @@ function init(configIn) {
  * @example
  * squatch.ready(function() {
  *   console.log("ready!");
- *   squatch.api().upsertUser();
+ *   squatch.api().upsertUser({ ... });
  * });
  */