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

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">86.13% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>87/101</span>
+                <span class='fraction'>100/100</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">68.29% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>28/41</span>
+                <span class='fraction'>36/36</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">90.9% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>10/11</span>
+                <span class='fraction'>11/11</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">85.71% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>84/98</span>
+                <span class='fraction'>97/97</span>
             </div>
         
             
@@ -387,8 +387,7 @@
 <a name='L322'></a><a href='#L322'>322</a>
 <a name='L323'></a><a href='#L323'>323</a>
 <a name='L324'></a><a href='#L324'>324</a>
-<a name='L325'></a><a href='#L325'>325</a>
-<a name='L326'></a><a href='#L326'>326</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L325'></a><a href='#L325'>325</a></td><td class="line-coverage quiet"><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-neutral">&nbsp;</span>
@@ -438,11 +437,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">29x</span>
-<span class="cline-any cline-yes">29x</span>
-<span class="cline-any cline-yes">29x</span>
-<span class="cline-any cline-yes">29x</span>
-<span class="cline-any cline-yes">29x</span>
+<span class="cline-any cline-yes">36x</span>
+<span class="cline-any cline-yes">36x</span>
+<span class="cline-any cline-yes">36x</span>
+<span class="cline-any cline-yes">36x</span>
+<span class="cline-any cline-yes">36x</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 +579,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">13x</span>
-<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">18x</span>
+<span class="cline-any cline-yes">18x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">12x</span>
-<span class="cline-any cline-yes">12x</span>
-<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">17x</span>
+<span class="cline-any cline-yes">17x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">17x</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 +595,17 @@
 <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">12x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">17x</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-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">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</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,20 +613,20 @@
 <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">12x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">17x</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-no">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</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-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">3x</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-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</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>
@@ -640,33 +637,33 @@
 <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">12x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">17x</span>
 <span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">15x</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">7x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">17x</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>
-<span class="cline-any cline-yes">3x</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-yes">3x</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>
@@ -679,10 +676,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 +691,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>
@@ -711,6 +708,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</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></td><td class="text"><pre class="prettyprint lang-js">import { debug } from "debug";
@@ -798,7 +796,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,7 +908,6 @@ export default class Widgets {
 &nbsp;
     let widget;
     let displayOnLoad = !!config.displayOnLoad;
-    let displayCTA = false;
     const opts = response.jsOptions || {};
 &nbsp;
     const params = {
@@ -927,13 +924,12 @@ export default class Widgets {
         if (Widgets._matchesUrl(rule.url)) {
           if (
             rule.widgetType !== "CONVERSION_WIDGET" ||
-            (response.user?.referredBy &amp;&amp; response.user?.referredBy?.code)
+            response.user?.referredBy?.code
           ) {
             displayOnLoad = rule.displayOnLoad;
-            displayCTA = rule.showAsCTA;
             _log(`Display ${rule.widgetType} on ${rule.url}`);
-          } else <span class="missing-if-branch" title="else path not taken" >E</span>{
-<span class="cstat-no" title="statement not covered" >            _log(</span>
+          } else {
+            _log(
               `Don't display ${rule.widgetType} when no referral on widget rule match ${rule.url}`
             );
           }
@@ -947,14 +943,14 @@ export default class Widgets {
       opts.fuelTankAutofillUrls.forEach(({ url, formSelector }) =&gt; {
         if (Widgets._matchesUrl(url)) {
           _log("Fuel Tank URL matches");
-          <span class="missing-if-branch" title="if path not taken" >I</span>if (response.user?.referredBy &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >response.user?.referredBy?.code)</span> {
-            const formAutofill = <span class="cstat-no" title="statement not covered" >document.querySelector(formSelector);</span>
+          if (response.user?.referredBy?.code) {
+            const formAutofill = document.querySelector(formSelector);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >            if (formAutofill) {</span>
-<span class="cstat-no" title="statement not covered" >              formAutofill.value =</span>
-                response.user.referredBy.referredReward.fuelTankCode || "";
+            if (formAutofill) {
+              formAutofill.value =
+                response.user.referredBy.referredReward?.fuelTankCode || "";
             } else {
-<span class="cstat-no" title="statement not covered" >              _log(</span>
+              _log(
                 new Error(
                   `Element with id/class ${formSelector} was not found.`
                 )
@@ -966,7 +962,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();
@@ -988,7 +984,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 +996,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 +1015,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;
@@ -1035,7 +1031,8 @@ export default class Widgets {
    */
   private static _matchesUrl(rule) {
     // If there were no matches, null is returned.
-    return window.location.href.match(new RegExp(rule)) ? true : <span class="branch-1 cbranch-no" title="branch not covered" >false;</span>
+    console.log({ href: window.location.href });
+    return window.location.href.match(new RegExp(rule)) ? true : false;
   }
 }
 &nbsp;</pre></td></tr></table></pre>
@@ -1045,7 +1042,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:59:28.021Z
+                at 2023-07-19T23:25:49.700Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov.info

@@ -0,0 +1,133 @@
+TN:
+SF:src/widgets/declarative/DeclarativeWidget.ts
+FN:33,(anonymous_0)
+FN:47,(anonymous_1)
+FN:59,(anonymous_2)
+FN:69,(anonymous_3)
+FN:73,(anonymous_4)
+FN:87,(anonymous_5)
+FN:93,(anonymous_6)
+FN:113,(anonymous_7)
+FN:132,(anonymous_8)
+FN:137,(anonymous_9)
+FN:158,(anonymous_10)
+FN:167,(anonymous_11)
+FNF:12
+FNH:12
+FNDA:56,(anonymous_0)
+FNDA:60,(anonymous_1)
+FNDA:44,(anonymous_2)
+FNDA:41,(anonymous_3)
+FNDA:16,(anonymous_4)
+FNDA:12,(anonymous_5)
+FNDA:53,(anonymous_6)
+FNDA:64,(anonymous_7)
+FNDA:64,(anonymous_8)
+FNDA:4,(anonymous_9)
+FNDA:8,(anonymous_10)
+FNDA:4,(anonymous_11)
+DA:1,3
+DA:2,3
+DA:3,3
+DA:5,3
+DA:6,3
+DA:7,3
+DA:12,3
+DA:13,3
+DA:15,3
+DA:17,3
+DA:34,56
+DA:35,56
+DA:39,56
+DA:40,56
+DA:41,56
+DA:42,56
+DA:44,56
+DA:48,60
+DA:50,57
+DA:54,57
+DA:60,44
+DA:61,44
+DA:63,41
+DA:69,41
+DA:74,16
+DA:76,16
+DA:77,16
+DA:79,16
+DA:87,12
+DA:90,16
+DA:93,56
+DA:97,53
+DA:106,53
+DA:107,28
+DA:109,25
+DA:115,64
+DA:116,64
+DA:118,64
+DA:120,60
+DA:121,44
+DA:123,16
+DA:126,57
+DA:128,57
+DA:129,57
+DA:133,64
+DA:134,57
+DA:137,56
+DA:138,4
+DA:147,4
+DA:148,3
+DA:150,1
+DA:159,8
+DA:160,8
+DA:168,4
+DA:169,4
+DA:172,56
+DA:173,56
+DA:174,56
+LF:58
+LH:58
+BRDA:48,0,0,3
+BRDA:51,1,0,57
+BRDA:51,1,1,48
+BRDA:52,2,0,57
+BRDA:52,2,1,48
+BRDA:52,2,2,0
+BRDA:55,3,0,57
+BRDA:55,3,1,48
+BRDA:55,3,2,0
+BRDA:65,4,0,41
+BRDA:65,4,1,32
+BRDA:66,5,0,41
+BRDA:66,5,1,32
+BRDA:67,6,0,41
+BRDA:67,6,1,41
+BRDA:77,7,0,0
+BRDA:102,8,0,53
+BRDA:102,8,1,0
+BRDA:104,9,0,53
+BRDA:104,9,1,0
+BRDA:106,10,0,28
+BRDA:106,10,1,25
+BRDA:109,11,0,4
+BRDA:109,11,1,21
+BRDA:115,12,0,64
+BRDA:115,12,1,4
+BRDA:116,13,0,64
+BRDA:116,13,1,56
+BRDA:118,14,0,4
+BRDA:120,15,0,44
+BRDA:120,15,1,16
+BRDA:126,16,0,0
+BRDA:143,17,0,4
+BRDA:143,17,1,0
+BRDA:145,18,0,4
+BRDA:145,18,1,0
+BRDA:147,19,0,3
+BRDA:147,19,1,1
+BRDA:150,20,0,0
+BRDA:150,20,1,1
+BRDA:159,21,0,0
+BRDA:168,22,0,0
+BRF:42
+BRH:31
+end_of_record

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;