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

package/coverage/lcov-report/widgets/Widgets.ts.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">73.26% </span>
+                <span class="strong">90.09% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>74/101</span>
+                <span class='fraction'>91/101</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">39.02% </span>
+                <span class="strong">71.05% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>16/41</span>
+                <span class='fraction'>27/38</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">63.63% </span>
+                <span class="strong">81.81% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>7/11</span>
+                <span class='fraction'>9/11</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">73.46% </span>
+                <span class="strong">89.79% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>72/98</span>
+                <span class='fraction'>88/98</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line high'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -438,11 +438,11 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">22x</span>
-<span class="cline-any cline-yes">22x</span>
-<span class="cline-any cline-yes">22x</span>
-<span class="cline-any cline-yes">22x</span>
-<span class="cline-any cline-yes">22x</span>
+<span class="cline-any cline-yes">32x</span>
+<span class="cline-any cline-yes">32x</span>
+<span class="cline-any cline-yes">32x</span>
+<span class="cline-any cline-yes">32x</span>
+<span class="cline-any cline-yes">32x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -580,15 +580,14 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">6x</span>
-<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -597,18 +596,19 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -616,7 +616,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -640,26 +640,26 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -679,10 +679,10 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -694,12 +694,12 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -798,7 +798,7 @@ export default class Widgets {
       return {
         widget: this._renderWidget(response, clean, {
           type: "upsert",
-          user: clean.user || <span class="branch-1 cbranch-no" title="branch not covered" >null,</span>
+          user: clean.user,
           engagementMedium: config.engagementMedium,
           container: config.container,
           trigger: config.trigger,
@@ -910,30 +910,30 @@ export default class Widgets {
 &nbsp;
     let widget;
     let displayOnLoad = !!config.displayOnLoad;
-    let displayCTA = false;
-    const opts = response.jsOptions || "";
+    const opts = response.jsOptions || {};
 &nbsp;
     const params = {
       content: response.template,
-      type: config.widgetType || <span class="branch-1 cbranch-no" title="branch not covered" >opts.widget.defaultWidgetType,</span>
+      type: config.widgetType || opts.widget?.defaultWidgetType,
       api: this.api,
       domain: this.domain,
       npmCdn: this.npmCdn,
       context: context,
     };
 &nbsp;
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (opts.widgetUrlMappings) {
-<span class="cstat-no" title="statement not covered" >      opts.widgetUrlMappings.forEach(<span class="fstat-no" title="function not covered" >(r</span>ule) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >        <span class="missing-if-branch" title="if path not taken" >I</span>if (Widgets._matchesUrl(rule.url)) {</span>
-<span class="cstat-no" title="statement not covered" >          if (</span>
+    if (opts.widgetUrlMappings) {
+      opts.widgetUrlMappings.forEach((rule) =&gt; {
+        if (Widgets._matchesUrl(rule.url)) {
+          console.log({ response, rule });
+          if (
             rule.widgetType !== "CONVERSION_WIDGET" ||
-            (response.user.referredBy &amp;&amp; response.user.referredBy.code)
+            response.user?.referredBy?.code
           ) {
-<span class="cstat-no" title="statement not covered" >            displayOnLoad = rule.displayOnLoad;</span>
-<span class="cstat-no" title="statement not covered" >            displayCTA = rule.showAsCTA;</span>
-<span class="cstat-no" title="statement not covered" >            _log(`Display ${rule.widgetType} on ${rule.url}`);</span>
+            console.log("HERE");
+            displayOnLoad = rule.displayOnLoad;
+            _log(`Display ${rule.widgetType} on ${rule.url}`);
           } else {
-<span class="cstat-no" title="statement not covered" >            _log(</span>
+            _log(
               `Don't display ${rule.widgetType} when no referral on widget rule match ${rule.url}`
             );
           }
@@ -947,7 +947,7 @@ export default class Widgets {
 <span class="cstat-no" title="statement not covered" >      opts.fuelTankAutofillUrls.forEach(<span class="fstat-no" title="function not covered" >({</span> url, formSelector }) =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        <span class="missing-if-branch" title="if path not taken" >I</span>if (Widgets._matchesUrl(url)) {</span>
 <span class="cstat-no" title="statement not covered" >          _log("Fuel Tank URL matches");</span>
-<span class="cstat-no" title="statement not covered" >          <span class="missing-if-branch" title="if path not taken" >I</span>if (response.user.referredBy &amp;&amp; response.user.referredBy.code) {</span>
+<span class="cstat-no" title="statement not covered" >          <span class="missing-if-branch" title="if path not taken" >I</span>if (response.user?.referredBy &amp;&amp; response.user?.referredBy?.code) {</span>
             const formAutofill = <span class="cstat-no" title="statement not covered" >document.querySelector(formSelector);</span>
 &nbsp;
 <span class="cstat-no" title="statement not covered" >            if (formAutofill) {</span>
@@ -966,7 +966,7 @@ export default class Widgets {
     }
 &nbsp;
     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();
@@ -974,7 +974,7 @@ export default class Widgets {
       _log("display popup on load");
       widget = new PopupWidget(params);
       widget.load();
-      <span class="missing-if-branch" title="if path not taken" >I</span>if (displayOnLoad) <span class="cstat-no" title="statement not covered" >widget.open();</span>
+      if (displayOnLoad) widget.open();
     }
 &nbsp;
     return widget;
@@ -988,7 +988,7 @@ export default class Widgets {
   }
 &nbsp;
   private _renderEmbedWidget(params, container) {
-    const widget = new EmbedWidget(params);
+    const widget = new EmbedWidget(params, container);
     widget.load();
 &nbsp;
     return widget;
@@ -1000,14 +1000,14 @@ export default class Widgets {
    * @param {string} em The engagementMedium
    * @returns {void}
    */
-  private <span class="fstat-no" title="function not covered" >_renderErrorWidget(</span>
+  private _renderErrorWidget(
     props: { apiErrorCode: string; rsCode: string; message: string },
-    em: EngagementMedium = <span class="branch-0 cbranch-no" title="branch not covered" >"POPUP"</span>
+    em: EngagementMedium = "POPUP"
   ) {
-    const { apiErrorCode, rsCode, message } = <span class="cstat-no" title="statement not covered" >props;</span>
-<span class="cstat-no" title="statement not covered" >    _log(new Error(`${apiErrorCode} (${rsCode}) ${message}`));</span>
+    const { apiErrorCode, rsCode, message } = props;
+    _log(new Error(`${apiErrorCode} (${rsCode}) ${message}`));
 &nbsp;
-    const params: Params = <span class="cstat-no" title="statement not covered" >{</span>
+    const params: Params = {
       content: "error",
       rsCode,
       api: this.api,
@@ -1019,12 +1019,12 @@ export default class Widgets {
 &nbsp;
     let widget: Widget;
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (em === "EMBED") {</span>
-<span class="cstat-no" title="statement not covered" >      widget = new EmbedWidget(params);</span>
-<span class="cstat-no" title="statement not covered" >      widget.load();</span>
-    } else <span class="cstat-no" title="statement not covered" ><span class="missing-if-branch" title="if path not taken" >I</span>if (em === "POPUP") {</span>
-<span class="cstat-no" title="statement not covered" >      widget = new PopupWidget(params);</span>
-<span class="cstat-no" title="statement not covered" >      widget.load();</span>
+    if (em === "EMBED") {
+      widget = new EmbedWidget(params);
+      widget.load();
+    } else if (em === "POPUP") {
+      widget = new PopupWidget(params);
+      widget.load();
     }
   }
 &nbsp;
@@ -1045,7 +1045,7 @@ export default class Widgets {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-07-18T18:05:44.533Z
+                at 2023-07-19T17:47:30.555Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/dist/squatch.d.ts

@@ -62,7 +62,7 @@ export declare function init(configIn: ConfigOptions): void;
  * @example
  * squatch.ready(function() {
  *   console.log("ready!");
- *   squatch.api().upsertUser();
+ *   squatch.api().upsertUser({ ... });
  * });
  */
 export declare function ready(fn: () => any): void;
@@ -74,21 +74,6 @@ export declare function ready(fn: () => any): void;
  * @returns {void}
  */
 export declare function autofill(selector: string): void;
-/**
- * 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);
- * });
- */
-export declare function submitEmail(fn: (target: any, widget: any, email: any) => any): void;
 /**
  * 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.

package/dist/squatch.esm.js

@@ -678,6 +678,7 @@ class Widget {
 function delay(duration) {
   return new Promise(function (resolve, reject) {
     setTimeout(function () {
+      /* istanbul ignore next */
       resolve(() => {});
     }, duration);
   });
@@ -1109,7 +1110,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
@@ -1221,15 +1222,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,
@@ -1239,7 +1242,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);
@@ -1260,13 +1271,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."));
             }
@@ -1276,7 +1291,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();
@@ -1298,7 +1313,7 @@ class Widgets {
   }
 
   _renderEmbedWidget(params, container) {
-    var widget = new EmbedWidget(params);
+    var widget = new EmbedWidget(params, container);
     widget.load();
     return widget;
   }
@@ -1655,6 +1670,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;
@@ -1717,6 +1733,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) {
@@ -1733,7 +1750,7 @@ class DeclarativeWidget extends HTMLElement {
   }
 
   async renderPasswordlessVariant() {
-    var _configs$widgetConfig, _configs$widgetConfig2;
+    var _configs$widgetConfig, _configs$widgetConfig2, _configs$widgetConfig3;
 
     var configs = _getAutoConfig();
 
@@ -1741,7 +1758,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 +1784,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) {
@@ -1801,22 +1820,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;
     }
   }
 
@@ -1842,7 +1861,7 @@ class DeclarativePopupWidget extends DeclarativeWidget {
   }
 
   static get observedAttributes() {
-    return ["widget", "id", "open"];
+    return ["widget", "id", "open", "locale"];
   }
 
   attributeChangedCallback(attr, oldVal, newVal) {
@@ -1850,6 +1869,7 @@ class DeclarativePopupWidget extends DeclarativeWidget {
 
     switch (attr) {
       case "open":
+      case "locale":
       case "widget":
         this.connectedCallback();
         break;
@@ -1894,7 +1914,7 @@ var _events = null;
  */
 
 function api() {
-  if (!_api) exports.init({});
+  if (!_api) init({});
   return _api;
 }
 /**
@@ -1906,7 +1926,7 @@ function api() {
  */
 
 function widgets() {
-  if (!_widgets) exports.init({});
+  if (!_widgets) init({});
   return _widgets;
 }
 /**
@@ -1918,7 +1938,7 @@ function widgets() {
  */
 
 function events() {
-  if (!_events) exports.init({});
+  if (!_events) init({});
   return _events;
 }
 /**
@@ -1990,7 +2010,7 @@ function init(configIn) {
  * @example
  * squatch.ready(function() {
  *   console.log("ready!");
- *   squatch.api().upsertUser();
+ *   squatch.api().upsertUser({ ... });
  * });
  */
 
@@ -2009,25 +2029,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.
@@ -2052,5 +2053,5 @@ if (typeof document !== "undefined" && !window.SaaSquatchDoNotAutoDrop) {
 
 if (typeof document !== "undefined") asyncLoad();
 
-export { DeclarativeEmbedWidget, DeclarativePopupWidget, EmbedWidget, PopupWidget, WidgetApi, Widgets, _auto, api, autofill, events, help, init, pushCookie, ready, submitEmail, widget, widgets };
+export { DeclarativeEmbedWidget, DeclarativePopupWidget, EmbedWidget, PopupWidget, WidgetApi, Widgets, _auto, api, autofill, events, help, init, pushCookie, ready, widget, widgets };
 //# sourceMappingURL=squatch.esm.js.map