@saasquatch/squatch-js 2.8.3-4 → 2.8.3-5

package/dist/squatch.esm.js

@@ -282,8 +282,8 @@ class Z {
       widgetType: i,
       engagementMedium: s,
       locale: a
-    }), g = `/api/v1/${c}/widget/account/${h}/user/${u}/upsert${p}`, m = this.domain + g, w = (M || window.Cookies).get("_saasquatch");
-    return w && (d.cookies = w), qe(m, JSON.stringify(d), r);
+    }), m = `/api/v1/${c}/widget/account/${h}/user/${u}/upsert${p}`, g = this.domain + m, w = (M || window.Cookies).get("_saasquatch");
+    return w && (d.cookies = w), qe(g, JSON.stringify(d), r);
   }
   /**
    * Requests widget template
@@ -299,12 +299,12 @@ class Z {
    * @return {Promise} template html if true.
    */
   render(t) {
-    const n = he(t), { widgetType: i, engagementMedium: s = "POPUP", jwt: r, user: a } = n, d = encodeURIComponent(this.tenantAlias), c = a != null && a.accountId ? encodeURIComponent(a.accountId) : null, h = a != null && a.id ? encodeURIComponent(a.id) : null, u = n.locale ?? Ue(navigator.language.replace(/\-/g, "_")), p = `/api/v1/${d}/graphql`, g = this.domain + p;
-    return new Promise(async (m, w) => {
+    const n = he(t), { widgetType: i, engagementMedium: s = "POPUP", jwt: r, user: a } = n, d = encodeURIComponent(this.tenantAlias), c = a != null && a.accountId ? encodeURIComponent(a.accountId) : null, h = a != null && a.id ? encodeURIComponent(a.id) : null, u = n.locale ?? Ue(navigator.language.replace(/\-/g, "_")), p = `/api/v1/${d}/graphql`, m = this.domain + p;
+    return new Promise(async (g, w) => {
       var b;
       try {
         const f = await We(
-          g,
+          m,
           Se,
           {
             user: h && c ? { id: h, accountId: c } : null,
@@ -314,7 +314,7 @@ class Z {
           },
           r
         );
-        m((b = f == null ? void 0 : f.data) == null ? void 0 : b.renderWidget);
+        g((b = f == null ? void 0 : f.data) == null ? void 0 : b.renderWidget);
       } catch (f) {
         w(f);
       }
@@ -653,7 +653,7 @@ const pe = ({
   __proto__: null,
   getSkeleton: pe
 }, Symbol.toStringTag, { value: "Module" })), y = k("squatch-js:widget");
-class me {
+class ge {
   constructor(t) {
     l(this, "type");
     l(this, "content");
@@ -905,7 +905,7 @@ function Oe() {
   document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", e) : setTimeout(e, 0);
 }
 const x = k("squatch-js:EMBEDwidget");
-class O extends me {
+class O extends ge {
   constructor(e, n) {
     super(e);
     l(this, "show", this.open);
@@ -913,8 +913,8 @@ class O extends me {
     n && (this.container = n);
   }
   async load() {
-    var m, w, b, f, _, te, ne, ie, oe;
-    const e = (w = (m = this.context.widgetConfig) == null ? void 0 : m.values) == null ? void 0 : w.brandingConfig, n = (b = this.content) == null ? void 0 : b.includes("mint-components"), i = (e == null ? void 0 : e.loadingHeight) || 500, s = (f = e == null ? void 0 : e.widgetSize) == null ? void 0 : f.embeddedWidgets, r = s != null && s.maxWidth ? L(s.maxWidth) : "", a = s != null && s.minWidth ? L(s.minWidth) : "", d = this._createFrame({
+    var g, w, b, f, _, te, ne, ie, oe;
+    const e = (w = (g = this.context.widgetConfig) == null ? void 0 : g.values) == null ? void 0 : w.brandingConfig, n = (b = this.content) == null ? void 0 : b.includes("mint-components"), i = (e == null ? void 0 : e.loadingHeight) || 500, s = (f = e == null ? void 0 : e.widgetSize) == null ? void 0 : f.embeddedWidgets, r = s != null && s.maxWidth ? L(s.maxWidth) : "", a = s != null && s.minWidth ? L(s.minWidth) : "", d = this._createFrame({
       minWidth: a,
       maxWidth: r,
       initialHeight: i
@@ -925,10 +925,10 @@ class O extends me {
       throw new Error("Frame needs a content window");
     const u = h.document;
     u.open();
-    const g = this.widgetApi.domain === "https://staging.referralsaasquatch.com" ? "-staging" : "";
+    const m = this.widgetApi.domain === "https://staging.referralsaasquatch.com" ? "-staging" : "";
     u.write(`
       ${(ne = e == null ? void 0 : e.main) != null && ne.brandFont ? `
-        <link rel="preconnect" href="https://fast${g}.ssqt.io">
+        <link rel="preconnect" href="https://fast${m}.ssqt.io">
         <link rel="preconnect" href="https://fonts.gstatic.com">
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent(
@@ -989,7 +989,7 @@ class O extends me {
 }
 const T = k("squatch-js:POPUPwidget");
 let R = 0;
-class D extends me {
+class D extends ge {
   constructor(e, n = ".squatchpop") {
     super(e);
     l(this, "trigger");
@@ -1026,8 +1026,8 @@ class D extends me {
     return n.addEventListener("click", a), n;
   }
   async load() {
-    var p, g, m, w, b, f, _;
-    const e = (g = (p = this.context.widgetConfig) == null ? void 0 : p.values) == null ? void 0 : g.brandingConfig, n = (e == null ? void 0 : e.loadingHeight) || 500, i = (m = this.content) == null ? void 0 : m.includes("mint-components"), s = this._createFrame();
+    var p, m, g, w, b, f, _;
+    const e = (m = (p = this.context.widgetConfig) == null ? void 0 : p.values) == null ? void 0 : m.brandingConfig, n = (e == null ? void 0 : e.loadingHeight) || 500, i = (g = this.content) == null ? void 0 : g.includes("mint-components"), s = this._createFrame();
     s.style.height = n + "px", this._initialiseCTA();
     const r = this.container ? this._findElement() : document.body, a = (r == null ? void 0 : r.shadowRoot) || r, d = this._createPopupDialog(e);
     d.appendChild(s), ((w = a.lastChild) == null ? void 0 : w.nodeName) === "DIALOG" ? a.replaceChild(d, a.lastChild) : a.appendChild(d);
@@ -1176,7 +1176,13 @@ class j {
         user: i.user
       };
     } catch (i) {
-      throw console.log("[DEBUG] Widgets.upsertUser catch - err:", i), console.log("[DEBUG] Widgets.upsertUser catch - typeof err:", typeof i), console.log("[DEBUG] Widgets.upsertUser catch - err.apiErrorCode:", i.apiErrorCode), console.log("[DEBUG] Widgets.upsertUser catch - err keys:", Object.keys(i || {})), v(i), i.apiErrorCode && (console.log("[DEBUG] Widgets.upsertUser - calling _renderErrorWidget"), this._renderErrorWidget(i, t.engagementMedium)), new Error(i);
+      throw console.log("[DEBUG] Widgets.upsertUser catch - err:", i), console.log("[DEBUG] Widgets.upsertUser catch - typeof err:", typeof i), console.log(
+        "[DEBUG] Widgets.upsertUser catch - err.apiErrorCode:",
+        i.apiErrorCode
+      ), console.log(
+        "[DEBUG] Widgets.upsertUser catch - err keys:",
+        Object.keys(i || {})
+      ), v(i), i.apiErrorCode && (console.log("[DEBUG] Widgets.upsertUser - calling _renderErrorWidget"), this._renderErrorWidget(i, t.engagementMedium)), new Error(i);
     }
   }
   /**
@@ -1270,10 +1276,10 @@ class j {
         `Don't display ${c.widgetType} when no referral on widget rule match ${c.url}`
       ));
     }), r.fuelTankAutofillUrls && (v("We found a fuel tank autofill!"), r.fuelTankAutofillUrls.forEach(({ url: c, formSelector: h }) => {
-      var u, p, g;
+      var u, p, m;
       if (j._matchesUrl(c) && (v("Fuel Tank URL matches"), (p = (u = t.user) == null ? void 0 : u.referredBy) != null && p.code)) {
-        const m = document.querySelector(h);
-        m ? m.value = ((g = t.user.referredBy.referredReward) == null ? void 0 : g.fuelTankCode) || "" : v(
+        const g = document.querySelector(h);
+        g ? g.value = ((m = t.user.referredBy.referredReward) == null ? void 0 : m.fuelTankCode) || "" : v(
           new Error(
             `Element with id/class ${h} was not found.`
           )
@@ -1376,9 +1382,9 @@ function Fe() {
     window[S] && (window[z] = window[S], n.forEach((s) => s()), window[S]._auto(), window["_" + o] = void 0, delete window["_" + o]);
   }, 0);
 }
-const E = k("squatch-js"), re = (o) => typeof o == "object" && !Array.isArray(o), ge = (o, t) => {
+const E = k("squatch-js"), re = (o) => typeof o == "object" && !Array.isArray(o), me = (o, t) => {
   const e = (i) => re(t[i]) && o.hasOwnProperty(i) && re(o[i]), n = Object.getOwnPropertyNames(t).map((i) => ({
-    [i]: e(i) ? ge(o[i], t[i]) : t[i]
+    [i]: e(i) ? me(o[i], t[i]) : t[i]
   })).reduce((i, s) => ({ ...i, ...s }), {});
   return {
     ...o,
@@ -1422,7 +1428,7 @@ function Be() {
     try {
       const r = He();
       if (E("domain retrieved:", r), i) {
-        const a = ge(i, n);
+        const a = me(i, n);
         s = ae(JSON.stringify(a)), E("cookie to store:", a);
       } else
         s = ae(JSON.stringify(n)), E("cookie to store:", n);
@@ -1626,17 +1632,25 @@ class fe extends HTMLElement {
   async renderUserUpsertVariant() {
     this._setupApis();
     const e = ze(this.token);
-    return e ? (de("Rendering as a Verified widget"), await this.widgetApi.upsertUser({
-      user: e,
-      locale: this.locale,
-      engagementMedium: this.type,
-      widgetType: this.widgetType,
-      jwt: this.token
-    }), await this.widgetApi.render({
+    if (!e)
+      return this.setErrorWidget(Error("No user object in token."));
+    de("Rendering as a Verified widget");
+    try {
+      await this.widgetApi.upsertUser({
+        user: e,
+        locale: this.locale,
+        engagementMedium: this.type,
+        widgetType: this.widgetType,
+        jwt: this.token
+      });
+    } catch (i) {
+      return this.setErrorWidget(i instanceof Error ? i : Error(String(i)));
+    }
+    return await this.widgetApi.render({
       locale: this.locale,
       engagementMedium: this.type,
       widgetType: this.widgetType
-    }).then((i) => this._setWidget(i, { type: "upsert", user: e })).catch(this.setErrorWidget)) : this.setErrorWidget(Error("No user object in token."));
+    }).then((i) => this._setWidget(i, { type: "upsert", user: e })).catch(this.setErrorWidget);
   }
   /**
    * Fetches widget content from SaaSquatch and builds a Widget instance to support rendering the widget in the DOM