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

package/dist/squatch.js

@@ -1115,7 +1115,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 +1247,15 @@ 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) {
+          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);
@@ -1270,15 +1276,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 +1318,7 @@ class Widgets {
   }
 
   _renderEmbedWidget(params, container) {
-    var widget = new EmbedWidget(params);
+    var widget = new EmbedWidget(params, container);
     widget.load();
     return widget;
   }
@@ -1667,6 +1675,7 @@ 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;
@@ -1729,6 +1738,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 +1755,7 @@ class DeclarativeWidget extends HTMLElement {
   }
 
   async renderPasswordlessVariant() {
-    var _configs$widgetConfig, _configs$widgetConfig2;
+    var _configs$widgetConfig, _configs$widgetConfig2, _configs$widgetConfig3;
 
     var configs = _getAutoConfig();
 
@@ -1753,7 +1763,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);
@@ -1778,6 +1789,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) {
@@ -1813,22 +1825,22 @@ 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;
+      // // Specific to embed widgets
+      // case "container":
+      //   if (this.widgetInstance._findElement()) this.close();
+      //   this.connectedCallback();
+      //   break;
     }
   }
 
@@ -1854,7 +1866,7 @@ class DeclarativePopupWidget extends DeclarativeWidget {
   }
 
   static get observedAttributes() {
-    return ["widget", "id", "open"];
+    return ["widget", "id", "open", "locale"];
   }
 
   attributeChangedCallback(attr, oldVal, newVal) {
@@ -1862,6 +1874,7 @@ class DeclarativePopupWidget extends DeclarativeWidget {
 
     switch (attr) {
       case "open":
+      case "locale":
       case "widget":
         this.connectedCallback();
         break;
@@ -1906,7 +1919,7 @@ var _events = null;
  */
 
 function api() {
-  if (!_api) exports.init({});
+  if (!_api) init({});
   return _api;
 }
 /**
@@ -1918,7 +1931,7 @@ function api() {
  */
 
 function widgets() {
-  if (!_widgets) exports.init({});
+  if (!_widgets) init({});
   return _widgets;
 }
 /**
@@ -1930,7 +1943,7 @@ function widgets() {
  */
 
 function events() {
-  if (!_events) exports.init({});
+  if (!_events) init({});
   return _events;
 }
 /**
@@ -2002,7 +2015,7 @@ function init(configIn) {
  * @example
  * squatch.ready(function() {
  *   console.log("ready!");
- *   squatch.api().upsertUser();
+ *   squatch.api().upsertUser({ ... });
  * });
  */