@saasquatch/squatch-js 2.8.3-7 → 2.8.3-9

package/dist/squatch.esm.js

@@ -20,7 +20,7 @@ function k(o) {
   }), t;
 }
 /*! js-cookie v3.0.5 | MIT */
-function S(o) {
+function q(o) {
   for (var t = 1; t < arguments.length; t++) {
     var e = arguments[t];
     for (var n in e)
@@ -28,7 +28,7 @@ function S(o) {
   }
   return o;
 }
-var $e = {
+var Te = {
   read: function(o) {
     return o[0] === '"' && (o = o.slice(1, -1)), o.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
   },
@@ -42,7 +42,7 @@ var $e = {
 function V(o, t) {
   function e(i, s, r) {
     if (!(typeof document > "u")) {
-      r = S({}, t, r), typeof r.expires == "number" && (r.expires = new Date(Date.now() + r.expires * 864e5)), r.expires && (r.expires = r.expires.toUTCString()), i = encodeURIComponent(i).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
+      r = q({}, t, r), typeof r.expires == "number" && (r.expires = new Date(Date.now() + r.expires * 864e5)), r.expires && (r.expires = r.expires.toUTCString()), i = encodeURIComponent(i).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
       var a = "";
       for (var d in r)
         r[d] && (a += "; " + d, r[d] !== !0 && (a += "=" + r[d].split(";")[0]));
@@ -71,16 +71,16 @@ function V(o, t) {
         e(
           i,
           "",
-          S({}, s, {
+          q({}, s, {
             expires: -1
           })
         );
       },
       withAttributes: function(i) {
-        return V(this.converter, S({}, this.attributes, i));
+        return V(this.converter, q({}, this.attributes, i));
       },
       withConverter: function(i) {
-        return V(S({}, this.converter, i), this.attributes);
+        return V(q({}, this.converter, i), this.attributes);
       }
     },
     {
@@ -89,9 +89,9 @@ function V(o, t) {
     }
   );
 }
-var P = V($e, { path: "/" });
-const A = "https://app.referralsaasquatch.com", X = "https://fast.ssqt.io/npm", q = "squatch", z = "impact";
-function T(o) {
+var P = V(Te, { path: "/" });
+const A = "https://app.referralsaasquatch.com", X = "https://fast.ssqt.io/npm", S = "squatch", z = "impact";
+function U(o) {
   if (typeof o != "object") throw new Error("config must be an object");
   const t = window.squatchTenant, e = K(), n = {
     tenantAlias: (o == null ? void 0 : o.tenantAlias) || t,
@@ -112,7 +112,7 @@ function T(o) {
 function I(o) {
   return typeof o == "object" && !Array.isArray(o) && o !== null;
 }
-function Ue(o) {
+function $e(o) {
   if (o && /^[a-z]{2}_(?:[A-Z]{2}|[0-9]{3})$/.test(o))
     return o;
 }
@@ -145,7 +145,7 @@ function G(o) {
   }
   return { message: o };
 }
-async function Te(o, t, e, n) {
+async function Ue(o, t, e, n) {
   const i = n || W(), s = {
     Accept: "application/json",
     "Content-Type": "application/json",
@@ -204,7 +204,7 @@ async function Q(o, t, e) {
     throw s;
   }
 }
-async function Se(o, t, e) {
+async function qe(o, t, e) {
   const n = {
     Accept: "application/json",
     "Content-Type": "application/json",
@@ -224,7 +224,7 @@ async function Se(o, t, e) {
     throw s;
   }
 }
-const qe = `
+const Se = `
   query renderWidget ($user: UserIdInput, $engagementMedium: UserEngagementMedium, $widgetType: WidgetType, $locale: RSLocale) {
     renderWidget(user: $user, engagementMedium: $engagementMedium, widgetType: $widgetType, locale: $locale) {
       template
@@ -261,7 +261,7 @@ class Z {
     l(this, "domain");
     l(this, "npmCdn");
     l(this, "referralCookie", this.squatchReferralCookie);
-    const n = T(t);
+    const n = U(t);
     this.tenantAlias = n.tenantAlias, this.domain = n.domain, this.npmCdn = n.npmCdn;
   }
   /**
@@ -290,7 +290,7 @@ class Z {
       engagementMedium: s,
       locale: a
     }), m = `/api/v1/${c}/widget/account/${h}/user/${u}/upsert${p}`, g = this.domain + m, w = (P || window.Cookies).get("_saasquatch");
-    return w && (d.cookies = w), Se(g, JSON.stringify(d), r);
+    return w && (d.cookies = w), qe(g, JSON.stringify(d), r);
   }
   /**
    * Requests widget template
@@ -306,13 +306,13 @@ 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`, m = this.domain + p;
+    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 ?? $e(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 Te(
+        const f = await Ue(
           m,
-          qe,
+          Se,
           {
             user: h && c ? { id: h, accountId: c } : null,
             engagementMedium: s,
@@ -805,7 +805,7 @@ class ge {
           <p class="errortitle">Error</p>
         </div>
         <div class="errorbody">
-          <div class="sadface"><img src="https://fast.ssqt.io/assets/images/face.png"></div>
+          <div class="sadface"><img src="https://res.cloudinary.com/saasquatch-staging/image/upload/v1774538373/whoops-error-image_km94z1.svg"></div>
           <h4>Our referral program is temporarily unavailable.</h4>
           <p>Please reload the page or check back later.</p>
           <p>If the problem persists please contact our support team.</p>
@@ -1029,7 +1029,7 @@ class O extends ge {
     return !!this.context.user && (e || n);
   }
 }
-const $ = k("squatch-js:POPUPwidget");
+const T = k("squatch-js:POPUPwidget");
 let R = 0;
 class D extends ge {
   constructor(e, n = ".squatchpop") {
@@ -1047,9 +1047,9 @@ class D extends ge {
     if (!this.trigger) return;
     let e;
     try {
-      e = document.querySelector(this.trigger) || document.querySelector(".impactpop"), this.trigger && !e && $("No element found with trigger selector", this.trigger);
+      e = document.querySelector(this.trigger) || document.querySelector(".impactpop"), this.trigger && !e && T("No element found with trigger selector", this.trigger);
     } catch {
-      $("Not a valid selector", this.trigger);
+      T("Not a valid selector", this.trigger);
     }
     e && (e.onclick = () => {
       this.open();
@@ -1096,7 +1096,7 @@ class D extends ge {
       ${this._getSkeletonPreloadHTML(i, (_ = e == null ? void 0 : e.color) == null ? void 0 : _.backgroundColor)}
       ${this.content}
       <script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>
-      `), h.close(), $("Popup template loaded into iframe"), await this._setupResizeHandler(s);
+      `), h.close(), T("Popup template loaded into iframe"), await this._setupResizeHandler(s);
   }
   async _setupResizeHandler(e) {
     const { contentWindow: n } = e;
@@ -1126,7 +1126,7 @@ class D extends ge {
     Y(a, () => {
       var c;
       const d = r.squatch || r.widgetIdent;
-      (c = s.contentDocument) == null || c.dispatchEvent(new CustomEvent("sq:refresh")), this.context.user ? (this._loadEvent(d), $("Popup opened")) : this._attachLoadEventListener(a, d);
+      (c = s.contentDocument) == null || c.dispatchEvent(new CustomEvent("sq:refresh")), this.context.user ? (this._loadEvent(d), T("Popup opened")) : this._attachLoadEventListener(a, d);
     });
   }
   close() {
@@ -1134,7 +1134,7 @@ class D extends ge {
     e != null && e.contentDocument && this._detachLoadEventListener(e.contentDocument);
     const n = this.container ? this._findElement() : document.body, s = (n.shadowRoot || n).querySelector(`#${this.id}`);
     if (!s) throw new Error("Could not determine container div");
-    s.close(), $("Popup closed");
+    s.close(), T("Popup closed");
   }
   _clickedOutside({ target: e }) {
   }
@@ -1179,7 +1179,7 @@ class j {
      * @default "https://fast.ssqt.io/npm"
      */
     l(this, "npmCdn");
-    const e = T(t);
+    const e = U(t);
     this.tenantAlias = e.tenantAlias, this.domain = e.domain, this.npmCdn = e.npmCdn, this.api = new Z(e);
   }
   /**
@@ -1390,7 +1390,7 @@ class De {
   constructor(t) {
     l(this, "tenantAlias");
     l(this, "domain");
-    const n = T(t);
+    const n = U(t);
     this.tenantAlias = n.tenantAlias, this.domain = n.domain;
   }
   /**
@@ -1422,9 +1422,9 @@ function Ne(o) {
 }
 function Fe() {
   var i;
-  const o = window[z] ? z : q, t = ((i = window["_" + o]) == null ? void 0 : i.ready) || [], e = window.impactOnReady || window.squatchOnReady, n = [...t, e].filter((s) => !!s);
+  const o = window[z] ? z : S, t = ((i = window["_" + o]) == null ? void 0 : i.ready) || [], e = window.impactOnReady || window.squatchOnReady, n = [...t, e].filter((s) => !!s);
   setTimeout(() => {
-    window[q] && (window[z] = window[q], n.forEach((s) => s()), window[q]._auto(), window["_" + o] = void 0, delete window["_" + o]);
+    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), me = (o, t) => {
@@ -1497,7 +1497,7 @@ function Ge() {
     M("No _saasquatchExtra param");
     return;
   }
-  const n = T({
+  const n = U({
     tenantAlias: "UNKNOWN"
   });
   if (!n.domain) {
@@ -1710,8 +1710,12 @@ class fe extends HTMLElement {
    */
   async getWidgetInstance() {
     let e;
-    if (this.widgetType = this.getAttribute("widget") || void 0, this.locale = this.getAttribute("locale") || this.locale, !this.widgetType) throw new Error("No widget has been specified");
-    return this.token ? e = await this.renderUserUpsertVariant() : e = await this.renderPasswordlessVariant(), this.widgetInstance = e, this.widgetInstance && this.dispatchEvent(new CustomEvent("sq:widget-loaded")), e;
+    this.widgetType = this.getAttribute("widget") || void 0, this.locale = this.getAttribute("locale") || this.locale;
+    const n = this.getWidgetType(this.widgetType);
+    if (!this.widgetType) throw new Error("No widget has been specified");
+    return !this.token && n === "verified-access" ? this.setErrorWidget(
+      Error("A valid token is required to render this widget.")
+    ) : (n === "instant-access" ? e = await this.renderPasswordlessVariant() : e = await this.renderUserUpsertVariant(), this.widgetInstance = e, this.widgetInstance && this.dispatchEvent(new CustomEvent("sq:widget-loaded")), e);
   }
   /**
    * Calls {@link getWidgetInstance} to build the Widget instance and loads the widget iframe into the DOM
@@ -1794,7 +1798,7 @@ function et() {
     "Having trouble using Squatch.js? Go to https://docs.referralsaasquatch.com/developer/ for tutorials, references and error codes."
   );
 }
-const U = k("squatch-js");
+const $ = k("squatch-js");
 let F = null, B = null, H = null;
 function tt() {
   return F || J({}), F;
@@ -1818,8 +1822,8 @@ function ot() {
   }
 }
 function J(o) {
-  const e = T(o);
-  e.tenantAlias.match("^test") || e.debug ? Ie("squatch-js*") : _e(), U("initializing ..."), F = new Z(e), B = new j(e), H = new De(e), U("Widget API instance", F), U("Widgets instance", B), U("Events API instance", H);
+  const e = U(o);
+  e.tenantAlias.match("^test") || e.debug ? Ie("squatch-js*") : _e(), $("initializing ..."), F = new Z(e), B = new j(e), H = new De(e), $("Widget API instance", F), $("Widgets instance", B), $("Events API instance", H);
 }
 function st(o) {
   o();
@@ -1832,7 +1836,7 @@ function Ke() {
 }
 typeof document < "u" && !window.SaaSquatchDoNotAutoDrop && Ke();
 var ce;
-(ce = window.squatch) != null && ce.init && U(
+(ce = window.squatch) != null && ce.init && $(
   "Squatchjs is being loaded more than once. This may lead to multiple load events being sent, duplicated widgets, and inaccurate analytics."
 );
 typeof document < "u" && Fe();