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

package/dist/squatch.js

@@ -683,6 +683,7 @@ class Widget {
 function delay(duration) {
   return new Promise(function (resolve, reject) {
     setTimeout(function () {
+      /* istanbul ignore next */
       resolve(() => {});
     }, duration);
   });
@@ -1114,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
@@ -1226,15 +1227,17 @@ class Widgets {
 
 
   _renderWidget(response, config, context) {
+    var _opts$widget;
+
     _log$4("Rendering Widget...");
 
     if (!response) throw new Error("Unable to get a response");
     var widget;
     var displayOnLoad = !!config.displayOnLoad;
-    var opts = response.jsOptions || "";
+    var opts = response.jsOptions || {};
     var params = {
       content: response.template,
-      type: config.widgetType || opts.widget.defaultWidgetType,
+      type: config.widgetType || ((_opts$widget = opts.widget) == null ? void 0 : _opts$widget.defaultWidgetType),
       api: this.api,
       domain: this.domain,
       npmCdn: this.npmCdn,
@@ -1244,7 +1247,15 @@ class Widgets {
     if (opts.widgetUrlMappings) {
       opts.widgetUrlMappings.forEach(rule => {
         if (Widgets._matchesUrl(rule.url)) {
-          if (rule.widgetType !== "CONVERSION_WIDGET" || response.user.referredBy && response.user.referredBy.code) {
+          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);
@@ -1265,13 +1276,17 @@ class Widgets {
         } = _ref;
 
         if (Widgets._matchesUrl(url)) {
+          var _response$user2, _response$user2$refer;
+
           _log$4("Fuel Tank URL matches");
 
-          if (response.user.referredBy && response.user.referredBy.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."));
             }
@@ -1281,7 +1296,7 @@ class Widgets {
     }
 
     if (config.engagementMedium === "EMBED") {
-      this._renderEmbedWidget(params, params.context.container);
+      widget = this._renderEmbedWidget(params, params.context.container);
     } else if (config.engagementMedium === "POPUP") {
       widget = this._renderPopupWidget(params);
       if (displayOnLoad) widget.open();
@@ -1303,7 +1318,7 @@ class Widgets {
   }
 
   _renderEmbedWidget(params, container) {
-    var widget = new EmbedWidget(params);
+    var widget = new EmbedWidget(params, container);
     widget.load();
     return widget;
   }
@@ -1660,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;
@@ -1722,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) {
@@ -1738,7 +1755,7 @@ class DeclarativeWidget extends HTMLElement {
   }
 
   async renderPasswordlessVariant() {
-    var _configs$widgetConfig, _configs$widgetConfig2;
+    var _configs$widgetConfig, _configs$widgetConfig2, _configs$widgetConfig3;
 
     var configs = _getAutoConfig();
 
@@ -1746,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);
@@ -1771,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) {
@@ -1806,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;
     }
   }
 
@@ -1847,7 +1866,7 @@ class DeclarativePopupWidget extends DeclarativeWidget {
   }
 
   static get observedAttributes() {
-    return ["widget", "id", "open"];
+    return ["widget", "id", "open", "locale"];
   }
 
   attributeChangedCallback(attr, oldVal, newVal) {
@@ -1855,6 +1874,7 @@ class DeclarativePopupWidget extends DeclarativeWidget {
 
     switch (attr) {
       case "open":
+      case "locale":
       case "widget":
         this.connectedCallback();
         break;
@@ -1899,7 +1919,7 @@ var _events = null;
  */
 
 function api() {
-  if (!_api) exports.init({});
+  if (!_api) init({});
   return _api;
 }
 /**
@@ -1911,7 +1931,7 @@ function api() {
  */
 
 function widgets() {
-  if (!_widgets) exports.init({});
+  if (!_widgets) init({});
   return _widgets;
 }
 /**
@@ -1923,7 +1943,7 @@ function widgets() {
  */
 
 function events() {
-  if (!_events) exports.init({});
+  if (!_events) init({});
   return _events;
 }
 /**
@@ -1995,7 +2015,7 @@ function init(configIn) {
  * @example
  * squatch.ready(function() {
  *   console.log("ready!");
- *   squatch.api().upsertUser();
+ *   squatch.api().upsertUser({ ... });
  * });
  */
 
@@ -2014,25 +2034,6 @@ function autofill(selector) {
   // @ts-ignore -- will throw occasionally throw a null pointer exception at runtime
   widgets().autofill(selector);
 }
-/**
- * Overrides the default function that submits the user email. If you have
- * Security enabled, the email needs to be signed before it's submitted.
- *
- * @param {function} fn Callback function for the 'submit_email' event.
- * @returns {void}
- *
- * @example
- * squatch.submitEmail(function(target, widget, email) {
- *   // Sign email and generate jwt token
- *   var jwt = 'token';
- *   widget.reload(email, jwt);
- * });
- */
-
-function submitEmail(fn) {
-  // @ts-ignore -- will throw occasionally throw a null pointer exception at runtime
-  widgets().submitEmail(fn);
-}
 /**
  * Manually set the _saasquatch cookie as a 1st party cookie if available as a URL parameter on the current page.
  * This runs automatically immediately when squatch-js is loaded, except when window.SaaSquatchDoNotAutoDrop is true.
@@ -2071,7 +2072,6 @@ exports.help = help;
 exports.init = init;
 exports.pushCookie = pushCookie;
 exports.ready = ready;
-exports.submitEmail = submitEmail;
 exports.widget = widget;
 exports.widgets = widgets;
 //# sourceMappingURL=squatch.js.map