@saasquatch/squatch-js 2.8.3-28 → 2.8.3-29

package/dist/squatch.esm.js

@@ -58,13 +58,13 @@ function re(o) {
   ).join("");
   return btoa(e).replace(/=/g, "").replace(/\+/g, "-").replace(/\//g, "_");
 }
-function Te() {
+function Se() {
   var o, t, e = "weird_get_top_level_domain=cookie", n = document.location.hostname.split(".");
   for (o = n.length - 1; o >= 0; o--)
     if (t = n.slice(o).join("."), document.cookie = e + ";domain=." + t + ";", document.cookie.indexOf(e) > -1)
       return document.cookie = e.split("=")[0] + "=;domain=." + t + ";expires=Thu, 01 Jan 1970 00:00:01 GMT;", t;
 }
-function Se() {
+function Te() {
   const o = window.location.search, e = new URLSearchParams(o).get("_saasquatch") || "";
   if (e) {
     let n = "", i = "", s = "";
@@ -80,7 +80,7 @@ function Se() {
       A("Unable to retrieve cookie", r);
     }
     try {
-      const r = Te();
+      const r = Se();
       if (A("domain retrieved:", r), i) {
         const a = ce(i, n);
         s = re(JSON.stringify(a)), A("cookie to store:", a);
@@ -117,20 +117,20 @@ function q(o) {
     npmCdn: a
   };
 }
-function T(o) {
+function S(o) {
   return typeof o == "object" && !Array.isArray(o) && o !== null;
 }
-function xe(o) {
+function $e(o) {
   if (o && /^[a-z]{2}_(?:[A-Z]{2}|[0-9]{3})$/.test(o))
     return o;
 }
 function de(o) {
-  if (!T(o)) throw new Error("Widget properties must be an object");
+  if (!S(o)) throw new Error("Widget properties must be an object");
   if (!(o != null && o.user)) throw new Error("Required properties missing.");
   return o;
 }
 function le(o) {
-  if (!T(o)) throw new Error("Widget properties must be an object");
+  if (!S(o)) throw new Error("Widget properties must be an object");
   return o;
 }
 function W() {
@@ -150,7 +150,7 @@ function B(o) {
   const s = new Error(i);
   return t && (s.apiErrorCode = t), e && (s.rsCode = e), n !== void 0 && (s.statusCode = n), s;
 }
-async function $e(o, t, e, n) {
+async function xe(o, t, e, n) {
   const i = n || W(), s = {
     Accept: "application/json",
     "Content-Type": "application/json",
@@ -294,8 +294,8 @@ class Z {
       widgetType: i,
       engagementMedium: s,
       locale: a
-    }), p = `/api/v1/${d}/widget/account/${h}/user/${u}/upsert${m}`, g = this.domain + p, w = V("_saasquatch");
-    return w && (c.cookies = w), We(g, JSON.stringify(c), r);
+    }), p = `/api/v1/${d}/widget/account/${h}/user/${u}/upsert${m}`, g = this.domain + p, f = V("_saasquatch");
+    return f && (c.cookies = f), We(g, JSON.stringify(c), r);
   }
   /**
    * Requests widget template
@@ -311,11 +311,11 @@ class Z {
    * @return {Promise} template html if true.
    */
   render(t) {
-    const n = le(t), { widgetType: i, engagementMedium: s = "POPUP", jwt: r, user: a } = n, c = encodeURIComponent(this.tenantAlias), d = a != null && a.accountId ? encodeURIComponent(a.accountId) : null, h = a != null && a.id ? encodeURIComponent(a.id) : null, u = n.locale ?? xe(navigator.language.replace(/\-/g, "_")), m = `/api/v1/${c}/graphql`, p = this.domain + m;
-    return new Promise(async (g, w) => {
+    const n = le(t), { widgetType: i, engagementMedium: s = "POPUP", jwt: r, user: a } = n, c = encodeURIComponent(this.tenantAlias), d = 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, "_")), m = `/api/v1/${c}/graphql`, p = this.domain + m;
+    return new Promise(async (g, f) => {
       var b;
       try {
-        const f = await $e(
+        const w = await xe(
           p,
           Me,
           {
@@ -326,9 +326,9 @@ class Z {
           },
           r
         );
-        g((b = f == null ? void 0 : f.data) == null ? void 0 : b.renderWidget);
-      } catch (f) {
-        w(f);
+        g((b = w == null ? void 0 : w.data) == null ? void 0 : b.renderWidget);
+      } catch (w) {
+        f(w);
       }
     });
   }
@@ -357,7 +357,7 @@ function Ue({
  * domready (c) Dustin Diaz 2014 - License MIT
  *
  */
-function $(o, t) {
+function x(o, t) {
   let e = [], n, i = o, s = i.documentElement.doScroll, r = "DOMContentLoaded", a = (s ? /^loaded|^c/ : /^loaded|^i|^c/).test(i.readyState);
   return a || i.addEventListener(
     r,
@@ -395,8 +395,8 @@ class ue {
   }
   pushAnalyticsLoadEvent(t) {
     if (!t.externalUserId || !t.externalAccountId) return;
-    const e = encodeURIComponent(t.tenantAlias), n = encodeURIComponent(t.externalAccountId), i = encodeURIComponent(t.externalUserId), s = encodeURIComponent(t.engagementMedium), r = t.programId ? `&programId=${encodeURIComponent(t.programId)}` : "", a = `/a/${e}/widgets/analytics/loaded?externalAccountId=${n}&externalUserId=${i}&engagementMedium=${s}${r}`, c = this.domain + a;
-    return Q(c, JSON.stringify({}));
+    const e = window.location.search, n = new URLSearchParams(e), i = n == null ? void 0 : n.get("rsShareMedium"), s = encodeURIComponent(t.tenantAlias), r = encodeURIComponent(t.externalAccountId), a = encodeURIComponent(t.externalUserId), c = encodeURIComponent(t.engagementMedium), d = t.programId ? `&programId=${encodeURIComponent(t.programId)}` : "", h = i ? `&shareMedium=${encodeURIComponent(i)}` : "", u = `/a/${s}/widgets/analytics/loaded?externalAccountId=${r}&externalUserId=${a}&engagementMedium=${c}${h}${d}`, m = this.domain + u;
+    return Q(m, JSON.stringify({}));
   }
   pushAnalyticsShareClickedEvent(t) {
     const e = encodeURIComponent(t.tenantAlias), n = encodeURIComponent(t.externalAccountId), i = encodeURIComponent(t.externalUserId), s = encodeURIComponent(t.engagementMedium), r = encodeURIComponent(t.shareMedium), a = `/a/${e}/widgets/analytics/shared?externalAccountId=${n}&externalUserId=${i}&engagementMedium=${s}&shareMedium=${r}`, c = this.domain + a;
@@ -404,7 +404,7 @@ class ue {
   }
 }
 function Re(o) {
-  if (!T(o)) throw new Error("'options' should be an object");
+  if (!S(o)) throw new Error("'options' should be an object");
   return o;
 }
 const y = C("squatch-js:widget");
@@ -432,7 +432,7 @@ class me {
    */
   async _getContent() {
     if (this.content === "error" && this.errorInfo) {
-      const { getErrorTemplate: t } = await import("./ErrorTemplate-qH6JPm8K.js");
+      const { getErrorTemplate: t } = await import("./ErrorTemplate-md163BNI.js");
       return t({
         rsCode: this.errorInfo.rsCode,
         apiErrorCode: this.errorInfo.apiErrorCode,
@@ -491,7 +491,7 @@ class me {
   _loadEvent(t) {
     var n;
     if (!t) return;
-    if (!T(t))
+    if (!S(t))
       throw new Error("Widget Load event identity property is not an object");
     let e;
     if ("programId" in t) {
@@ -665,19 +665,19 @@ class D extends me {
     n && (this.container = n);
   }
   async load() {
-    var g, w, b, f, S, ee, te, ne, ie;
-    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 ? O(s.maxWidth) : "", a = s != null && s.minWidth ? O(s.minWidth) : "", c = this._createFrame({
+    var g, f, b, w, T, ee, te, ne, ie;
+    const e = (f = (g = this.context.widgetConfig) == null ? void 0 : g.values) == null ? void 0 : f.brandingConfig, n = (b = this.content) == null ? void 0 : b.includes("mint-components"), i = (e == null ? void 0 : e.loadingHeight) || 500, s = (w = e == null ? void 0 : e.widgetSize) == null ? void 0 : w.embeddedWidgets, r = s != null && s.maxWidth ? O(s.maxWidth) : "", a = s != null && s.minWidth ? O(s.minWidth) : "", c = this._createFrame({
       minWidth: a,
       maxWidth: r,
       initialHeight: i
     }), d = this._findElement();
-    (S = this.context) != null && S.container && (d.style.visibility = "hidden", d.style.height = "0", d.style["overflow-y"] = "hidden"), this.container ? d.shadowRoot ? ((ee = d.shadowRoot.lastChild) == null ? void 0 : ee.nodeName) === "IFRAME" ? d.shadowRoot.replaceChild(c, d.shadowRoot.lastChild) : d.shadowRoot.appendChild(c) : d.firstChild ? d.replaceChild(c, d.firstChild) : d.appendChild(c) : (!d.firstChild || d.firstChild.nodeName === "#text") && d.appendChild(c);
+    (T = this.context) != null && T.container && (d.style.visibility = "hidden", d.style.height = "0", d.style["overflow-y"] = "hidden"), this.container ? d.shadowRoot ? ((ee = d.shadowRoot.lastChild) == null ? void 0 : ee.nodeName) === "IFRAME" ? d.shadowRoot.replaceChild(c, d.shadowRoot.lastChild) : d.shadowRoot.appendChild(c) : d.firstChild ? d.replaceChild(c, d.firstChild) : d.appendChild(c) : (!d.firstChild || d.firstChild.nodeName === "#text") && d.appendChild(c);
     const { contentWindow: h } = c;
     if (!h)
       throw new Error("Frame needs a content window");
     const u = h.document;
     if (u.open(), this.content === "error") {
-      u.write(await this._getContent()), u.close(), $(u, () => {
+      u.write(await this._getContent()), u.close(), x(u, () => {
         c.height = u.body.scrollHeight;
       });
       return;
@@ -686,7 +686,7 @@ class D extends me {
     u.write(`
       ${(te = e == null ? void 0 : e.main) != null && te.brandFont ? `
         <link rel="preconnect" href="https://fast${p}.ssqt.io">
-        <link rel="preconnect" href="https://fonts.gstatic.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent(
       (ne = e == null ? void 0 : e.main) == null ? void 0 : ne.brandFont
@@ -699,16 +699,16 @@ class D extends me {
       </style>` : ""}
       ${await this._getSkeletonPreloadHTML(n, (ie = e == null ? void 0 : e.color) == null ? void 0 : ie.backgroundColor)}
       ${await this._getContent()}
-      `), u.close(), $(u, async () => {
+      `), u.close(), x(u, async () => {
       const oe = h.squatch || h.widgetIdent;
       c.height = i;
-      const we = new h.ResizeObserver((Ee) => {
+      const fe = new h.ResizeObserver((Ee) => {
         for (const Ce of Ee) {
           const { height: be } = Ce.contentRect;
           c.height = be;
         }
       }), ye = await this._findInnerContainer(c);
-      we.observe(ye), this._shouldFireLoadEvent() ? (this._loadEvent(oe), I("loaded")) : u && this._attachLoadEventListener(u, oe);
+      fe.observe(ye), this._shouldFireLoadEvent() ? (this._loadEvent(oe), I("loaded")) : u && this._attachLoadEventListener(u, oe);
     });
   }
   /**
@@ -782,17 +782,17 @@ class j extends me {
     return n.addEventListener("click", a), n;
   }
   async load() {
-    var m, p, g, w, b, f, S;
+    var m, p, g, f, b, w, T;
     const e = (p = (m = this.context.widgetConfig) == null ? void 0 : m.values) == null ? void 0 : p.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, c = this._createPopupDialog(e);
-    c.appendChild(s), ((w = a.lastChild) == null ? void 0 : w.nodeName) === "DIALOG" ? a.replaceChild(c, a.lastChild) : a.appendChild(c);
+    c.appendChild(s), ((f = a.lastChild) == null ? void 0 : f.nodeName) === "DIALOG" ? a.replaceChild(c, a.lastChild) : a.appendChild(c);
     const { contentWindow: d } = s;
     if (!d)
       throw new Error("Frame needs a content window");
     const h = d.document;
     if (h.open(), this.content === "error") {
-      h.write(await this._getContent()), h.close(), $(h, () => {
+      h.write(await this._getContent()), h.close(), x(h, () => {
         s.height = h.body.scrollHeight;
       }), v("Popup error template loaded into iframe");
       return;
@@ -801,10 +801,10 @@ class j extends me {
     h.write(`
       ${(b = e == null ? void 0 : e.main) != null && b.brandFont ? `
         <link rel="preconnect" href="https://fast${u === "https://staging.referralsaasquatch.com" ? "-staging" : ""}.ssqt.io">
-        <link rel="preconnect" href="https://fonts.gstatic.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent(
-      (f = e == null ? void 0 : e.main) == null ? void 0 : f.brandFont
+      (w = e == null ? void 0 : e.main) == null ? void 0 : w.brandFont
     )}" as="style">` : ""}
       <link rel="dns-prefetch" href="https://res.cloudinary.com">
       <link rel="preconnect" href="https://res.cloudinary.com" crossorigin>
@@ -812,7 +812,7 @@ class j extends me {
       <style data-styles>
         html { visibility: hidden; }
       </style>` : ""}
-      ${await this._getSkeletonPreloadHTML(i, (S = e == null ? void 0 : e.color) == null ? void 0 : S.backgroundColor)}
+      ${await this._getSkeletonPreloadHTML(i, (T = e == null ? void 0 : e.color) == null ? void 0 : T.backgroundColor)}
       ${await this._getContent()}
       `), h.close(), v("Popup template loaded into iframe"), await this._setupResizeHandler(s);
   }
@@ -821,7 +821,7 @@ class j extends me {
     if (!n)
       throw new Error("Frame needs a content window");
     const i = n.document;
-    $(i, async () => {
+    x(i, async () => {
       i.body.style.overflowY = "hidden";
       let s = !0;
       new n.ResizeObserver((a) => {
@@ -841,7 +841,7 @@ class j extends me {
     const { contentWindow: r } = s;
     if (!r) throw new Error("Squatch.js has an empty iframe");
     const a = r.document;
-    $(a, () => {
+    x(a, () => {
       var d;
       const c = r.squatch || r.widgetIdent;
       (d = s.contentDocument) == null || d.dispatchEvent(new CustomEvent("sq:refresh")), this.context.user ? (this._loadEvent(c), v("Popup opened")) : this._attachLoadEventListener(a, c);
@@ -1117,7 +1117,7 @@ class Oe {
   }
 }
 function De(o) {
-  if (!T(o)) throw new Error("tracking parameter must be an object");
+  if (!S(o)) throw new Error("tracking parameter must be an object");
   if (!(o != null && o.accountId)) throw new Error("accountId field is required");
   if (!(o != null && o.events)) throw new Error("events field is required");
   if (!(o != null && o.userId)) throw new Error("userId field is required");
@@ -1127,7 +1127,7 @@ function De(o) {
   return t;
 }
 function je(o) {
-  if (!T(o)) throw new Error("'options' should be an object");
+  if (!S(o)) throw new Error("'options' should be an object");
   return o;
 }
 function Ne() {
@@ -1361,11 +1361,9 @@ class ge extends HTMLElement {
     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" && (P(
-      "[SquatchJS] Authentication token is required for this widget type."
-    ), console.log(
+    return !this.token && n === "verified-access" && P(
       "[SquatchJS] Authentication token is required for this widget type."
-    )), this.token ? e = await this.renderUserUpsertVariant() : e = await this.renderPasswordlessVariant(), this.widgetInstance = e, this.widgetInstance && this.dispatchEvent(new CustomEvent("sq:widget-loaded")), e;
+    ), this.token ? e = await this.renderUserUpsertVariant() : e = await this.renderPasswordlessVariant(), 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
@@ -1429,7 +1427,7 @@ class pe extends ge {
     super(), this.type = "EMBED", this.loaded = !1;
   }
 }
-class fe extends ge {
+class we extends ge {
   constructor() {
     super(), this.type = "POPUP", this.loaded = !1, this.addEventListener("click", (t) => {
       t.stopPropagation(), this.open();
@@ -1438,11 +1436,11 @@ class fe extends ge {
 }
 class Be extends pe {
 }
-class Ge extends fe {
+class Ge extends we {
 }
 class ze extends pe {
 }
-class Ve extends fe {
+class Ve extends we {
 }
 window.customElements.get("squatch-embed") || window.customElements.define("squatch-embed", Be);
 window.customElements.get("impact-embed") || window.customElements.define("impact-embed", ze);
@@ -1453,7 +1451,7 @@ function Ye() {
     "Having trouble using Squatch.js? Go to https://docs.referralsaasquatch.com/developer/ for tutorials, references and error codes."
   );
 }
-const x = C("squatch-js");
+const $ = C("squatch-js");
 let F = null, H = null, J = null;
 function Ze() {
   return F || G({}), F;
@@ -1478,7 +1476,7 @@ function tt() {
 }
 function G(o) {
   const e = q(o);
-  e.tenantAlias.match("^test") || e.debug ? ve("squatch-js*") : _e(), x("initializing ..."), F = new Z(e), H = new N(e), J = new Oe(e), x("Widget API instance", F), x("Widgets instance", H), x("Events API instance", J);
+  e.tenantAlias.match("^test") || e.debug ? ve("squatch-js*") : _e(), $("initializing ..."), F = new Z(e), H = new N(e), J = new Oe(e), $("Widget API instance", F), $("Widgets instance", H), $("Events API instance", J);
 }
 function nt(o) {
   o();
@@ -1487,17 +1485,17 @@ function it(o) {
   K().autofill(o);
 }
 function Xe() {
-  Se();
+  Te();
 }
 typeof document < "u" && !window.SaaSquatchDoNotAutoDrop && Xe();
 var ae;
-(ae = window.squatch) != null && ae.init && x(
+(ae = window.squatch) != null && ae.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" && Ne();
 export {
   pe as DeclarativeEmbedWidget,
-  fe as DeclarativePopupWidget,
+  we as DeclarativePopupWidget,
   D as EmbedWidget,
   j as PopupWidget,
   Z as WidgetApi,