@saasquatch/squatch-js 2.8.3-9 → 2.8.4

package/dist/squatch.esm.js

@@ -1,99 +1,107 @@
-var Ce = Object.defineProperty;
-var Ae = (o, t, e) => t in o ? Ce(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var l = (o, t, e) => Ae(o, typeof t != "symbol" ? t + "" : t, e);
-let C = null;
-function Ie(o) {
+var Ae = Object.defineProperty;
+var Ie = (o, t, e) => t in o ? Ae(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var l = (o, t, e) => Ie(o, typeof t != "symbol" ? t + "" : t, e);
+let _ = null;
+function ve(o) {
   const e = o.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*");
-  C = new RegExp(`^${e}$`);
+  _ = new RegExp(`^${e}$`);
 }
 function _e() {
-  C = null;
+  _ = null;
 }
-function k(o) {
+function C(o) {
   const t = (...e) => {
-    C && C.test(o) && console.log(`[${o}]`, ...e);
+    _ && _.test(o) && console.log(`[${o}]`, ...e);
   };
   return Object.defineProperty(t, "enabled", {
     get() {
-      return !!(C && C.test(o));
+      return !!(_ && _.test(o));
     }
   }), t;
 }
-/*! js-cookie v3.0.5 | MIT */
-function q(o) {
-  for (var t = 1; t < arguments.length; t++) {
-    var e = arguments[t];
-    for (var n in e)
-      o[n] = e[n];
-  }
-  return o;
+const A = C("squatch-js");
+function V(o) {
+  const t = document.cookie.match(
+    new RegExp(
+      "(?:^|; )" + o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "=([^;]*)"
+    )
+  );
+  return t ? decodeURIComponent(t[1]) : void 0;
 }
-var Te = {
-  read: function(o) {
-    return o[0] === '"' && (o = o.slice(1, -1)), o.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
-  },
-  write: function(o) {
-    return encodeURIComponent(o).replace(
-      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
-      decodeURIComponent
-    );
+function ke(o, t, e) {
+  let n = `${encodeURIComponent(o)}=${encodeURIComponent(t)}`;
+  {
+    const i = /* @__PURE__ */ new Date();
+    i.setTime(i.getTime() + e.expires * 864e5), n += `; expires=${i.toUTCString()}`;
   }
+  e.path && (n += `; path=${e.path}`), e.domain && (n += `; domain=${e.domain}`), e.sameSite && (n += `; SameSite=${e.sameSite}`), document.cookie = n;
+}
+const se = (o) => typeof o == "object" && !Array.isArray(o), ce = (o, t) => {
+  const e = (i) => se(t[i]) && o.hasOwnProperty(i) && se(o[i]), n = Object.getOwnPropertyNames(t).map((i) => ({
+    [i]: e(i) ? ce(o[i], t[i]) : t[i]
+  })).reduce((i, s) => ({ ...i, ...s }), {});
+  return {
+    ...o,
+    ...n
+  };
 };
-function V(o, t) {
-  function e(i, s, r) {
-    if (!(typeof document > "u")) {
-      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]));
-      return document.cookie = i + "=" + o.write(s, i) + a;
+function L(o) {
+  const t = atob(o.replace(/_/g, "/").replace(/-/g, "+")), e = new Uint8Array(t.length);
+  for (let n = 0; n < t.length; n++)
+    e[n] = t.charCodeAt(n);
+  return new TextDecoder("utf8").decode(e);
+}
+function re(o) {
+  const t = new TextEncoder().encode(o), e = Array.from(
+    t,
+    (n) => String.fromCodePoint(n)
+  ).join("");
+  return btoa(e).replace(/=/g, "").replace(/\+/g, "-").replace(/\//g, "_");
+}
+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 Te() {
+  const o = window.location.search, e = new URLSearchParams(o).get("_saasquatch") || "";
+  if (e) {
+    let n = "", i = "", s = "";
+    try {
+      n = JSON.parse(L(e));
+    } catch (r) {
+      A("Unable to decode params", r);
+      return;
     }
-  }
-  function n(i) {
-    if (!(typeof document > "u" || arguments.length && !i)) {
-      for (var s = document.cookie ? document.cookie.split("; ") : [], r = {}, a = 0; a < s.length; a++) {
-        var d = s[a].split("="), c = d.slice(1).join("=");
-        try {
-          var h = decodeURIComponent(d[0]);
-          if (r[h] = o.read(c, h), i === h)
-            break;
-        } catch {
-        }
-      }
-      return i ? r[i] : r;
+    try {
+      i = JSON.parse(L(V("_saasquatch"))), A("existing cookie", i);
+    } catch (r) {
+      A("Unable to retrieve cookie", r);
     }
-  }
-  return Object.create(
-    {
-      set: e,
-      get: n,
-      remove: function(i, s) {
-        e(
-          i,
-          "",
-          q({}, s, {
-            expires: -1
-          })
-        );
-      },
-      withAttributes: function(i) {
-        return V(this.converter, q({}, this.attributes, i));
-      },
-      withConverter: function(i) {
-        return V(q({}, this.converter, i), this.attributes);
-      }
-    },
-    {
-      attributes: { value: Object.freeze(t) },
-      converter: { value: Object.freeze(o) }
+    try {
+      const r = Se();
+      if (A("domain retrieved:", r), i) {
+        const a = ce(i, n);
+        s = re(JSON.stringify(a)), A("cookie to store:", a);
+      } else
+        s = re(JSON.stringify(n)), A("cookie to store:", n);
+      ke("_saasquatch", s, {
+        expires: 365,
+        secure: !1,
+        sameSite: "Lax",
+        domain: r,
+        path: "/"
+      });
+    } catch (r) {
+      A("Unable to set cookie", r);
     }
-  );
+  }
 }
-var P = V(Te, { path: "/" });
-const A = "https://app.referralsaasquatch.com", X = "https://fast.ssqt.io/npm", S = "squatch", z = "impact";
-function U(o) {
+const k = "https://app.referralsaasquatch.com", X = "https://fast.ssqt.io/npm", M = "squatch", z = "impact";
+function q(o) {
   if (typeof o != "object") throw new Error("config must be an object");
-  const t = window.squatchTenant, e = K(), n = {
+  const t = window.squatchTenant, e = Y(), n = {
     tenantAlias: (o == null ? void 0 : o.tenantAlias) || t,
     domain: (o == null ? void 0 : o.domain) || (e == null ? void 0 : e.domain),
     npmCdn: (o == null ? void 0 : o.npmCdn) || (e == null ? void 0 : e.npmCdn),
@@ -101,7 +109,7 @@ function U(o) {
   };
   if (typeof n.tenantAlias != "string")
     throw new Error("tenantAlias not provided");
-  const i = n.tenantAlias, s = typeof n.domain == "string" && n.domain || A, r = typeof n.debug == "boolean" && n.debug || !1, a = typeof n.npmCdn == "string" && n.npmCdn || X;
+  const i = n.tenantAlias, s = typeof n.domain == "string" && n.domain || k, r = typeof n.debug == "boolean" && n.debug || !1, a = typeof n.npmCdn == "string" && n.npmCdn || X;
   return {
     tenantAlias: i,
     domain: s,
@@ -109,43 +117,40 @@ function U(o) {
     npmCdn: a
   };
 }
-function I(o) {
+function S(o) {
   return typeof o == "object" && !Array.isArray(o) && o !== null;
 }
 function $e(o) {
   if (o && /^[a-z]{2}_(?:[A-Z]{2}|[0-9]{3})$/.test(o))
     return o;
 }
-function le(o) {
-  if (!I(o)) throw new Error("Widget properties must be an object");
+function de(o) {
+  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 he(o) {
-  if (!I(o)) throw new Error("Widget properties must be an object");
+function le(o) {
+  if (!S(o)) throw new Error("Widget properties must be an object");
   return o;
 }
 function W() {
   return window.impactToken || window.squatchToken;
 }
-function K() {
+function Y() {
   return window.impactConfig || window.squatchConfig;
 }
-function G(o) {
-  console.log("[DEBUG] parseErrorResponse - raw responseText:", o);
+const he = C("squatch-js:io");
+function B(o) {
+  let t, e, n, i = o;
   try {
-    const t = JSON.parse(o);
-    if (console.log("[DEBUG] parseErrorResponse - parsed JSON:", t), t && typeof t == "object")
-      return console.log(
-        "[DEBUG] parseErrorResponse - returning parsed object with apiErrorCode:",
-        t.apiErrorCode
-      ), t;
-  } catch (t) {
-    console.log("[DEBUG] parseErrorResponse - JSON parse failed:", t);
-  }
-  return { message: o };
+    const r = JSON.parse(o);
+    r && typeof r == "object" && (t = r.apiErrorCode, e = r.rsCode, n = r.statusCode, i = r.message || o);
+  } catch {
+  }
+  const s = new Error(i);
+  return t && (s.apiErrorCode = t), e && (s.rsCode = e), n !== void 0 && (s.statusCode = n), s;
 }
-async function Ue(o, t, e, n) {
+async function xe(o, t, e, n) {
   const i = n || W(), s = {
     Accept: "application/json",
     "Content-Type": "application/json",
@@ -158,18 +163,18 @@ async function Ue(o, t, e, n) {
       body: JSON.stringify({ query: t, variables: e }),
       headers: s
     });
-    if (!r.ok) throw G(await r.text());
+    if (!r.ok) throw B(await r.text());
     return await r.json();
   } catch (r) {
     throw r;
   }
 }
-async function We(o, t = "") {
+async function qe(o, t = "") {
   const e = {
     Accept: "application/json",
     "Content-Type": "application/json"
   }, n = t || W();
-  n ? (e["X-SaaSquatch-User-Token"] = n, console.log("[DEBUG] doGet - Adding token to headers:", n)) : console.log(
+  n ? e["X-SaaSquatch-User-Token"] = n : he(
     "[DEBUG] doGet - No token found, proceeding without authentication header."
   );
   try {
@@ -178,7 +183,7 @@ async function We(o, t = "") {
       credentials: "include",
       headers: e
     }), s = await i.text();
-    if (!i.ok) throw G(s);
+    if (!i.ok) throw B(s);
     return s && JSON.parse(s);
   } catch (i) {
     throw i;
@@ -189,7 +194,7 @@ async function Q(o, t, e) {
     Accept: "application/json",
     "Content-Type": "application/json"
   }, i = e || W();
-  i ? (console.log("[DEBUG] doPost - Adding token to headers:", i), n["X-SaaSquatch-User-Token"] = i) : console.log(
+  i ? n["X-SaaSquatch-User-Token"] = i : he(
     "[DEBUG] doPost - No token found, proceeding without authentication header."
   );
   try {
@@ -198,13 +203,13 @@ async function Q(o, t, e) {
       body: t,
       headers: n
     }), r = await s.text();
-    if (!s.ok) throw G(r);
+    if (!s.ok) throw B(r);
     return r && JSON.parse(r);
   } catch (s) {
     throw s;
   }
 }
-async function qe(o, t, e) {
+async function We(o, t, e) {
   const n = {
     Accept: "application/json",
     "Content-Type": "application/json",
@@ -218,13 +223,13 @@ async function qe(o, t, e) {
       credentials: "include",
       body: t
     }), r = await s.text();
-    if (!s.ok) throw G(r);
+    if (!s.ok) throw B(r);
     return r && JSON.parse(r);
   } catch (s) {
     throw s;
   }
 }
-const Se = `
+const Me = `
   query renderWidget ($user: UserIdInput, $engagementMedium: UserEngagementMedium, $widgetType: WidgetType, $locale: RSLocale) {
     renderWidget(user: $user, engagementMedium: $engagementMedium, widgetType: $widgetType, locale: $locale) {
       template
@@ -261,7 +266,7 @@ class Z {
     l(this, "domain");
     l(this, "npmCdn");
     l(this, "referralCookie", this.squatchReferralCookie);
-    const n = U(t);
+    const n = q(t);
     this.tenantAlias = n.tenantAlias, this.domain = n.domain, this.npmCdn = n.npmCdn;
   }
   /**
@@ -279,18 +284,18 @@ class Z {
    * @return {Promise} string if true, with the widget template, jsOptions and user details.
    */
   upsertUser(t) {
-    const n = le(t), {
+    const n = de(t), {
       widgetType: i,
       engagementMedium: s = "POPUP",
       jwt: r,
       locale: a,
-      user: d
-    } = n, c = encodeURIComponent(this.tenantAlias), h = d.accountId ? encodeURIComponent(d.accountId) : null, u = d.id ? encodeURIComponent(d.id) : null, p = Re({
+      user: c
+    } = n, d = encodeURIComponent(this.tenantAlias), h = c.accountId ? encodeURIComponent(c.accountId) : null, u = c.id ? encodeURIComponent(c.id) : null, m = Ue({
       widgetType: i,
       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), qe(g, JSON.stringify(d), 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
@@ -306,24 +311,24 @@ 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 ?? $e(navigator.language.replace(/\-/g, "_")), p = `/api/v1/${d}/graphql`, m = this.domain + p;
-    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 Ue(
-          m,
-          Se,
+        const w = await xe(
+          p,
+          Me,
           {
-            user: h && c ? { id: h, accountId: c } : null,
+            user: h && d ? { id: h, accountId: d } : null,
             engagementMedium: s,
             widgetType: i,
             locale: u
           },
           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);
       }
     });
   }
@@ -333,14 +338,14 @@ class Z {
    * @return {Promise<ReferralCookie>} code referral code if true.
    */
   async squatchReferralCookie() {
-    const t = encodeURIComponent(this.tenantAlias), e = (P || window.Cookies).get("_saasquatch") || "", n = e ? `?cookies=${encodeURIComponent(e)}` : "", i = `${this.domain}/a/${t}/widgets/squatchcookiejson${n}`, s = await We(i);
+    const t = encodeURIComponent(this.tenantAlias), e = V("_saasquatch") || "", n = e ? `?cookies=${encodeURIComponent(e)}` : "", i = `${this.domain}/a/${t}/widgets/squatchcookiejson${n}`, s = await qe(i);
     return Promise.resolve({
       ...s,
       encodedCookie: e
     });
   }
 }
-function Re({
+function Ue({
   widgetType: o,
   engagementMedium: t,
   locale: e
@@ -352,7 +357,7 @@ function Re({
  * domready (c) Dustin Diaz 2014 - License MIT
  *
  */
-function Y(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,
@@ -361,7 +366,7 @@ function Y(o, t) {
     }
   ), a ? setTimeout(t, 0) : e.push(t);
 }
-function L({
+function O({
   value: o,
   unit: t
 }) {
@@ -385,282 +390,25 @@ class ue {
   constructor(t) {
     l(this, "domain");
     var i;
-    const n = Me(t);
-    this.domain = (n == null ? void 0 : n.domain) || ((i = K()) == null ? void 0 : i.domain) || A;
+    const n = Re(t);
+    this.domain = (n == null ? void 0 : n.domain) || ((i = Y()) == null ? void 0 : i.domain) || k;
   }
   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}`, d = this.domain + a;
-    return Q(d, 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}`, d = this.domain + a;
-    return Q(d, JSON.stringify({}));
+    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;
+    return Q(c, JSON.stringify({}));
   }
 }
-function Me(o) {
-  if (!I(o)) throw new Error("'options' should be an object");
+function Re(o) {
+  if (!S(o)) throw new Error("'options' should be an object");
   return o;
 }
-const pe = ({
-  type: o = "verified-access",
-  height: t = "500px"
-}) => {
-  const e = "#e0e0e0";
-  return `
-    <style>
-        * {
-          box-sizing: border-box;
-          padding: 0;
-          margin: 0;
-        }
-
-      .widget-container {
-        background: white;
-        width: 100%;
-        padding: 40px;
-        box-sizing: border-box;
-        overflow: hidden; 
-      }
-
-      @keyframes shimmer {
-        0% { background-position: -100% 0; }
-        100% { background-position: 100% 0; }
-      }
-
-      .skeleton {
-        background: ${e};
-        background: linear-gradient(
-          90deg,
-          ${e} 25%,
-          #f5f5f5 50%,
-          ${e} 75%
-        );
-        background-size: 200% 100%;
-        animation: shimmer 1.5s infinite linear;
-        border-radius: 6px;
-        margin-bottom: 12px;
-      }
-
-      /* Typography Skeletons */
-      .sk-title-lg { height: 36px; width: 80%; margin-bottom: 16px; }
-      .sk-title-md { height: 28px; width: 30%; margin-bottom: 20px; margin-top: 40px; }
-      .sk-text { height: 16px; width: 90%; margin-bottom: 8px; }
-      .sk-text-short { width: 40%; }
-      .sk-label { height: 14px; width: 25%; margin-bottom: 10px; }
-
-      /* Layouts */
-      .hero-section {
-        display: flex;
-        gap: 40px;
-        margin-bottom: 40px;
-        padding-bottom: 40px;
-        flex-direction: row;
-        height: 100%;
-        /* Removed border-bottom */
-      }
-      
-      .hero-content {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-      }
-      
-      .hero-image {
-        flex: 1;
-        height: 300px;
-        border-radius: 12px;
-      }
-
-      /* -- Specific Instant Access Overrides -- */
-      .instant-access-layout {
-         margin-bottom: 0;
-         padding-bottom: 0;
-         align-items: center; 
-      }
-      .ia-image {
-         height: 400px; 
-      }
-      .ia-center {
-         margin-left: auto;
-         margin-right: auto;
-      }
-      .ia-content {
-         align-items: center; 
-         text-align: center;
-      }
-      .sk-btn-action {
-         height: 45px;
-         width: 140px;
-         border-radius: 6px;
-         margin: 24px auto;
-      }
-      .input-group {
-         display: flex;
-         gap: 10px;
-         width: 100%;
-         max-width: 400px;
-      }
-      .sk-btn-copy {
-         height: 50px;
-         width: 120px;
-         border-radius: 8px;
-      }
-      /* ------------------------------------- */
-
-      .share-section { margin-bottom: 40px; }
-      .sk-input { height: 50px; width: 100%; border-radius: 8px; margin-bottom: 16px; }
-      
-      .social-buttons { display: flex; gap: 12px; }
-      .sk-btn-social { flex: 1; height: 50px; border-radius: 8px; }
-
-      .stats-section {
-        display: flex;
-        gap: 24px;
-        margin-bottom: 40px;
-        padding: 30px 0;
-        /* Removed border-top and border-bottom */
-      }
-      .stat-card { flex: 1; display: flex; flex-direction: column; align-items: center; }
-      .stat-divider { padding-left: 24px; }
-      .sk-stat-num { height: 48px; width: 120px; margin-bottom: 8px; }
-      .sk-stat-label { height: 18px; width: 80px; }
-
-      /* Table Styles */
-      .table-header { display: flex; gap: 16px; margin-bottom: 16px; }
-      .sk-th { height: 16px; }
-      .table-row { 
-        display: flex; 
-        align-items: center; 
-        gap: 16px; 
-        padding: 16px 0; 
-        /* Removed border-bottom */
-      }
-      
-      .col-user { flex: 2; }
-      .col-status { flex: 1; }
-      .col-reward { flex: 2; }
-      .col-date { flex: 1; }
-
-      .sk-badge { height: 28px; width: 90px; border-radius: 14px; }
-      .sk-reward-block { height: 36px; width: 100%; border-radius: 6px; }
-
-      .pagination { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; }
-      .sk-btn-page { height: 36px; width: 64px; border-radius: 6px; margin-bottom: 0; }
-
-      @media (max-width: 768px) {
-        body { padding: 20px; }
-        .widget-container { padding: 24px; }
-
-        .hero-section { flex-direction: column-reverse; gap: 24px; }
-        .instant-access-layout { flex-direction: column; }
-        
-        .hero-image { height: 220px; width: 100%; }
-        .sk-title-lg { width: 100%; }
-
-        .col-date { display: none; }
-      }
-    </style>
-
-    <div class="widget-container">
-      ${o === "verified-access" ? `
-    <div class="hero-section">
-        <div class="hero-content">
-          <div class="skeleton sk-title-lg"></div>
-          <div class="skeleton sk-text"></div>
-          <div class="skeleton sk-text sk-text-short"></div>
-        </div>
-        <div class="skeleton hero-image"></div>
-    </div>
-
-    <div class="share-section">
-      <div class="skeleton sk-label"></div>
-      <div class="skeleton sk-input"></div>
-      <div class="social-buttons">
-        <div class="skeleton sk-btn-social"></div>
-        <div class="skeleton sk-btn-social"></div>
-        <div class="skeleton sk-btn-social"></div>
-        <div class="skeleton sk-btn-social"></div>
-      </div>
-    </div>
-
-    <div class="skeleton sk-title-md" style="margin-top: 0; width: 30%; margin-left: auto; margin-right: auto"></div>
-    <div class="skeleton sk-text" style="width: 60%; margin-left: auto; margin-right: auto"></div>
-
-    <div class="stats-section">
-      <div class="stat-card">
-        <div class="skeleton sk-stat-num"></div>
-        <div class="skeleton sk-stat-label"></div>
-      </div>
-      <div class="stat-card stat-divider">
-        <div class="skeleton sk-stat-num"></div>
-        <div class="skeleton sk-stat-label"></div>
-      </div>
-    </div>
-
-    <div class="skeleton sk-title-md"></div>
-
-    <div class="table-header">
-      <div class="skeleton sk-th col-user"></div>
-      <div class="skeleton sk-th col-status"></div>
-      <div class="skeleton sk-th col-reward"></div>
-      <div class="skeleton sk-th col-date"></div>
-    </div>
-
-    <div class="table-row">
-      <div class="col-user"><div class="skeleton sk-text" style="width: 70%; margin: 0"></div></div>
-      <div class="col-status"><div class="skeleton sk-badge" style="margin: 0"></div></div>
-      <div class="col-reward"><div class="skeleton sk-reward-block" style="margin: 0"></div></div>
-      <div class="col-date"><div class="skeleton sk-text" style="width: 80%; margin: 0"></div></div>
-    </div>
-    
-    <div class="table-row">
-      <div class="col-user"><div class="skeleton sk-text" style="width: 60%; margin: 0"></div></div>
-      <div class="col-status"><div class="skeleton sk-badge" style="margin: 0"></div></div>
-      <div class="col-reward"><div class="skeleton sk-reward-block" style="margin: 0"></div></div>
-      <div class="col-date"><div class="skeleton sk-text" style="width: 80%; margin: 0"></div></div>
-    </div>
-
-    <div class="table-row">
-      <div class="col-user"><div class="skeleton sk-text" style="width: 75%; margin: 0"></div></div>
-      <div class="col-status"><div class="skeleton sk-badge" style="margin: 0"></div></div>
-      <div class="col-reward"><div class="skeleton sk-reward-block" style="margin: 0"></div></div>
-      <div class="col-date"><div class="skeleton sk-text" style="width: 80%; margin: 0"></div></div>
-    </div>
-
-    <div class="pagination">
-      <div class="skeleton sk-btn-page"></div>
-      <div class="skeleton sk-btn-page"></div>
-    </div>
-  ` : `
-    <div class="hero-section instant-access-layout">
-        <div class="skeleton hero-image ia-image"></div>
-        
-        <div class="hero-content ia-content">
-          <div class="skeleton sk-title-lg ia-center"></div>
-          <div class="skeleton sk-text ia-center"></div>
-          
-          <div class="skeleton sk-btn-action"></div>
-
-           <div class="skeleton sk-label"></div>
-           <div class="input-group">
-             <div class="skeleton sk-input"></div>
-             <div class="skeleton sk-btn-copy"></div>
-           </div>
-
-           <div class="skeleton sk-text-short ia-center" style="margin-top: 20px; width: 30%"></div>
-           <div class="skeleton sk-text-short ia-center" style="width: 20%"></div>
-        </div>
-    </div>
-  `}
-    </div>
-  `;
-}, Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getSkeleton: pe
-}, Symbol.toStringTag, { value: "Module" })), y = k("squatch-js:widget");
-class ge {
+const y = C("squatch-js:widget");
+class me {
   constructor(t) {
     l(this, "type");
     l(this, "content");
@@ -670,13 +418,39 @@ class ge {
     l(this, "npmCdn");
     l(this, "container");
     l(this, "loadEventListener", null);
+    l(this, "errorInfo");
     var e;
-    y("widget initializing ..."), this.content = t.content === "error" ? this._error({
+    y("widget initializing ..."), t.content === "error" ? (this.content = "error", this.errorInfo = {
       rsCode: t.rsCode,
       apiErrorCode: t.apiErrorCode,
       statusCode: t.statusCode,
       message: t.errorMessage
-    }) : t.content, this.type = t.type, this.widgetApi = t.api, this.npmCdn = t.npmCdn, this.analyticsApi = new ue({ domain: t.domain }), this.context = t.context, this.container = ((e = t.context) == null ? void 0 : e.container) || t.container;
+    }) : this.content = t.content, this.type = t.type, this.widgetApi = t.api, this.npmCdn = t.npmCdn, this.analyticsApi = new ue({ domain: t.domain }), this.context = t.context, this.container = ((e = t.context) == null ? void 0 : e.container) || t.container;
+  }
+  /**
+   * Returns the widget content, dynamically loading the error template if needed.
+   */
+  async _getContent() {
+    if (this.content === "error" && this.errorInfo) {
+      const { getErrorTemplate: t } = await import("./ErrorTemplate-DUNm11h9.js");
+      return t({
+        rsCode: this.errorInfo.rsCode,
+        apiErrorCode: this.errorInfo.apiErrorCode,
+        statusCode: this.errorInfo.statusCode,
+        mode: this._getErrorMode(),
+        style: this._getErrorStyle(),
+        message: this.errorInfo.message
+      });
+    }
+    return this.content;
+  }
+  /** Override in subclasses to customize error template mode */
+  _getErrorMode() {
+    return "modal";
+  }
+  /** Override in subclasses to customize error template styles */
+  _getErrorStyle() {
+    return "";
   }
   _findElement() {
     let t;
@@ -717,7 +491,7 @@ class ge {
   _loadEvent(t) {
     var n;
     if (!t) return;
-    if (!I(t))
+    if (!S(t))
       throw new Error("Widget Load event identity property is not an object");
     let e;
     if ("programId" in t) {
@@ -760,69 +534,6 @@ class ge {
       y(`ERROR: pushAnalyticsShareClickedEvent() ${n}`);
     });
   }
-  _error(t, e = "modal", n = "") {
-    const { rsCode: i, apiErrorCode: s, statusCode: r, message: a } = t || {};
-    return `<!DOCTYPE html>
-    <!--[if IE 7]><html class="ie7 oldie" lang="en"><![endif]-->
-    <!--[if IE 8]><html class="ie8 oldie" lang="en"><![endif]-->
-    <!--[if gt IE 8]><!--><html lang="en"><!--<![endif]-->
-    <head>
-      <link rel="stylesheet" media="all" href="https://fast.ssqt.io/assets/css/widget/errorpage.css">
-      <style>
-        ${n}
-        .error-details {
-          margin-top: 16px;
-          padding: 12px;
-          background: #f8f8f8;
-          border-radius: 4px;
-          text-align: left;
-          font-size: 13px;
-          color: #666;
-        }
-        .error-details dt {
-          font-weight: 600;
-          color: #333;
-          margin-top: 8px;
-        }
-        .error-details dt:first-child {
-          margin-top: 0;
-        }
-        .error-details dd {
-          margin: 4px 0 0 0;
-          word-break: break-word;
-          font-family: monospace;
-        }
-        .error-details dd.message {
-          font-family: inherit;
-        }
-      </style>
-    </head>
-    <body>
-
-      <div class="squatch-container ${e}" style="width:100%">
-        <div class="errorheader">
-          <button type="button" class="close" onclick="window.frameElement.squatchJsApi.close();">&times;</button>
-          <p class="errortitle">Error</p>
-        </div>
-        <div class="errorbody">
-          <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>
-
-          ${r || s || i || a ? `
-          <dl class="error-details">
-            ${r ? `<dt>Status Code</dt><dd>${r}</dd>` : ""}
-            ${s ? `<dt>API Error Code</dt><dd>${s}</dd>` : ""}
-            ${i ? `<dt>RS Code</dt><dd>${i}</dd>` : ""}
-            ${a ? `<dt>Message</dt><dd class="message">${a}</dd>` : ""}
-          </dl>
-          ` : ""}
-        </div>
-      </div>
-    </body>
-    </html>`;
-  }
   async _findInnerContainer(t) {
     const { contentWindow: e } = t;
     if (!e)
@@ -834,30 +545,32 @@ class ge {
     }
     let s = null;
     for (let r = 0; r < 5 && (s = i(), !s); r++)
-      await Le(100);
+      await Pe(100);
     return s || n.body;
   }
   /**
    * Returns HTML for an in-iframe skeleton preload overlay that is removed
-   * once all Stencil component chunks have loaded and been hydrated.
+   * once all custom elements in the widget are defined.
    *
-   * Uses a MutationObserver to detect when components receive the `hydrated`
-   * class, debouncing removal so the skeleton stays visible until all chunks
-   * have finished loading. Includes a timeout fallback.
+   * Uses `customElements.whenDefined()` to wait for all custom element tags,
+   * then removes the skeleton after two animation frames. Includes a 10s
+   * timeout fallback.
    *
    * Only generates content for mint-components widgets; returns empty string otherwise.
    */
-  _getSkeletonPreloadHTML(t, e) {
+  async _getSkeletonPreloadHTML(t, e) {
     if (!t) return "";
-    const n = this.context.type === "passwordless" ? "instant-access" : "verified-access", i = pe({
-      type: n,
-      height: "100%"
-    });
+    const { getSkeleton: n } = await import("./SkeletonTemplate-Day_0iMM.js"), i = this.context.type === "passwordless" ? "instant-access" : "verified-access", s = n({
+      type: i
+    }), r = /* @__PURE__ */ new Set(), a = /<([a-z][\w]*-[\w-]*)/gi;
+    let c;
+    for (; c = a.exec(this.content); ) r.add(c[1].toLowerCase());
+    const d = JSON.stringify([...r]);
     return `
-      <div id="sq-preload" style="visibility: visible; position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; background: ${e || "white"};">
-        ${i}
+      <div id="sq-preload" style="visibility: visible; position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; background: ${(e || "white").replace(/[^a-zA-Z0-9#(),.\s%-]/g, "")};">
+        ${s}
       </div>
-      <script>(${Oe.toString()})()<\/script>
+      <script>(${Le.toString()})(${d})<\/script>
     `;
   }
   /**
@@ -872,24 +585,24 @@ class ge {
     const r = s.contentWindow, a = this.context.engagementMedium || "POPUP";
     if (!r)
       throw new Error("Frame needs a content window");
-    let d;
+    let c;
     if (this.context.type === "upsert") {
       if (!this.context.user) throw new Error("Can't reload without user ids");
-      let c = {
+      let d = {
         email: t || null,
         firstName: e || null,
         lastName: n || null,
         id: this.context.user.id,
         accountId: this.context.user.accountId
       };
-      d = this.widgetApi.upsertUser({
-        user: c,
+      c = this.widgetApi.upsertUser({
+        user: d,
         engagementMedium: a,
         widgetType: this.type,
         jwt: i
       });
     } else if (this.context.type === "passwordless")
-      d = this.widgetApi.render({
+      c = this.widgetApi.render({
         user: void 0,
         engagementMedium: a,
         widgetType: this.type,
@@ -897,57 +610,54 @@ class ge {
       });
     else
       throw new Error("can't reload an error widget");
-    d.then(({ template: c }) => {
-      c && (this.content = c, this.__deprecated__register(
+    c.then(({ template: d }) => {
+      d && (this.content = d, this.__deprecated__register(
         s,
         { email: t, engagementMedium: a },
         () => {
           this.load(), a === "POPUP" && this.open();
         }
       ));
-    }).catch(({ message: c }) => {
-      y(`${c}`);
+    }).catch(({ message: d }) => {
+      y(`${d}`);
     });
   }
   __deprecated__register(t, e, n) {
     const s = t.contentWindow.document, r = s.createElement("button"), a = s.getElementsByClassName("squatch-register")[0];
     if (a) {
       r.className = "btn btn-primary", r.id = "show-stats-btn", r.textContent = this.type === "REFERRER_WIDGET" ? "Show Stats" : "Show Reward";
-      const d = e.engagementMedium === "POPUP" ? "margin-top: 10px; max-width: 130px; width: 100%;" : "margin-top: 10px;";
-      r.setAttribute("style", d), r.onclick = n, a.style.paddingTop = "30px", a.innerHTML = `<p><strong>${e.email}</strong><br>Has been successfully registered</p>`, a.appendChild(r);
+      const c = e.engagementMedium === "POPUP" ? "margin-top: 10px; max-width: 130px; width: 100%;" : "margin-top: 10px;";
+      r.setAttribute("style", c), r.onclick = n, a.style.paddingTop = "30px", a.innerHTML = `<p><strong>${e.email}</strong><br>Has been successfully registered</p>`, a.appendChild(r);
     }
   }
 }
-function Le(o) {
+function Pe(o) {
   return new Promise((t) => {
     setTimeout(t, o);
   });
 }
-function Oe() {
-  var o = setTimeout(t, 1e4);
-  function t() {
-    var n = document.getElementById("sq-preload");
-    n && n.remove(), clearTimeout(o);
-  }
+function Le(o) {
+  var t = setTimeout(e, 1e4);
   function e() {
-    var n = /* @__PURE__ */ new Set();
-    if (document.querySelectorAll("*").forEach(function(i) {
-      i.tagName.includes("-") && n.add(i.tagName.toLowerCase());
-    }), !n.size) return t();
+    var i = document.getElementById("sq-preload");
+    i && i.remove(), clearTimeout(t);
+  }
+  function n() {
+    if (!o || !o.length) return e();
     Promise.all(
-      Array.from(n).map(function(i) {
+      o.map(function(i) {
         return customElements.whenDefined(i);
       })
     ).then(function() {
       requestAnimationFrame(function() {
-        requestAnimationFrame(t);
+        requestAnimationFrame(e);
       });
     });
   }
-  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", e) : setTimeout(e, 0);
+  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", n) : setTimeout(n, 0);
 }
-const x = k("squatch-js:EMBEDwidget");
-class O extends ge {
+const I = C("squatch-js:EMBEDwidget");
+class D extends me {
   constructor(e, n) {
     super(e);
     l(this, "show", this.open);
@@ -955,26 +665,31 @@ class O extends ge {
     n && (this.container = n);
   }
   async load() {
-    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({
+    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
-    }), c = this._findElement();
-    (_ = this.context) != null && _.container && (c.style.visibility = "hidden", c.style.height = "0", c.style["overflow-y"] = "hidden"), this.container ? c.shadowRoot ? ((te = c.shadowRoot.lastChild) == null ? void 0 : te.nodeName) === "IFRAME" ? c.shadowRoot.replaceChild(d, c.shadowRoot.lastChild) : c.shadowRoot.appendChild(d) : c.firstChild ? c.replaceChild(d, c.firstChild) : c.appendChild(d) : (!c.firstChild || c.firstChild.nodeName === "#text") && c.appendChild(d);
-    const { contentWindow: h } = d;
+    }), d = this._findElement();
+    (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;
-    u.open();
-    const m = this.widgetApi.domain === "https://staging.referralsaasquatch.com" ? "-staging" : "";
+    if (u.open(), this.content === "error") {
+      u.write(await this._getContent()), u.close(), x(u, () => {
+        c.height = u.body.scrollHeight;
+      });
+      return;
+    }
+    const p = 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${m}.ssqt.io">
-        <link rel="preconnect" href="https://fonts.gstatic.com">
-        <link rel="preconnect" href="https://fonts.googleapis.com">
+      ${(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" crossorigin>
+        <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
         <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent(
-      (ie = e == null ? void 0 : e.main) == null ? void 0 : ie.brandFont
+      (ne = e == null ? void 0 : e.main) == null ? void 0 : ne.brandFont
     )}" as="style">` : ""}
       <link rel="dns-prefetch" href="https://res.cloudinary.com">
       <link rel="preconnect" href="https://res.cloudinary.com" crossorigin>
@@ -982,19 +697,18 @@ class O extends ge {
       <style data-styles>
         html { visibility: hidden; }
       </style>` : ""}
-      ${this._getSkeletonPreloadHTML(n, (oe = e == null ? void 0 : e.color) == null ? void 0 : oe.backgroundColor)}
-      ${this.content}
-      <script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>
-      `), u.close(), Y(u, async () => {
-      const se = h.squatch || h.widgetIdent;
-      d.height = i;
-      const ve = new h.ResizeObserver((be) => {
-        for (const Ee of be) {
-          const { height: xe } = Ee.contentRect;
-          d.height = xe;
+      ${await this._getSkeletonPreloadHTML(n, (ie = e == null ? void 0 : e.color) == null ? void 0 : ie.backgroundColor)}
+      ${await this._getContent()}
+      `), u.close(), x(u, async () => {
+      const oe = h.squatch || h.widgetIdent;
+      c.height = i;
+      const fe = new h.ResizeObserver((Ee) => {
+        for (const Ce of Ee) {
+          const { height: be } = Ce.contentRect;
+          c.height = be;
         }
-      }), ke = await this._findInnerContainer(d);
-      ve.observe(ke), this._shouldFireLoadEvent() ? (this._loadEvent(se), x("loaded")) : u && this._attachLoadEventListener(u, se);
+      }), ye = await this._findInnerContainer(c);
+      fe.observe(ye), this._shouldFireLoadEvent() ? (this._loadEvent(oe), I("loaded")) : u && this._attachLoadEventListener(u, oe);
     });
   }
   /**
@@ -1002,13 +716,13 @@ class O extends ge {
    */
   open() {
     const e = this._findFrame();
-    if (!e) return x("no target element to open");
-    if (!e.contentWindow) return x("Frame needs a content window");
+    if (!e) return I("no target element to open");
+    if (!e.contentWindow) return I("Frame needs a content window");
     const n = this._findElement();
     n.style.visibility = "unset", n.style.height = "auto", n.style["overflow-y"] = "auto", e.contentWindow.document.dispatchEvent(new CustomEvent("sq:refresh"));
     const i = e.contentWindow.squatch || e.contentWindow.widgetIdent;
     if (this.context.user)
-      this._loadEvent(i), x("loaded");
+      this._loadEvent(i), I("loaded");
     else {
       if (!e.contentDocument) return;
       this._attachLoadEventListener(e.contentDocument, i);
@@ -1016,29 +730,29 @@ class O extends ge {
   }
   close() {
     const e = this._findFrame();
-    if (!e) return x("no target element to close");
+    if (!e) return I("no target element to close");
     e.contentDocument && this._detachLoadEventListener(e.contentDocument);
     const n = this._findElement();
-    n.style.visibility = "hidden", n.style.height = "0", n.style["overflow-y"] = "hidden", x("Embed widget closed");
+    n.style.visibility = "hidden", n.style.height = "0", n.style["overflow-y"] = "hidden", I("Embed widget closed");
   }
-  _error(e, n = "embed", i = "") {
-    return super._error(e, n, i);
+  _getErrorMode() {
+    return "embed";
   }
   _shouldFireLoadEvent() {
     const e = !this.container, n = this.container instanceof HTMLElement && (this.container.tagName.startsWith("SQUATCH-") || this.container.tagName.startsWith("IMPACT-"));
     return !!this.context.user && (e || n);
   }
 }
-const T = k("squatch-js:POPUPwidget");
-let R = 0;
-class D extends ge {
+const v = C("squatch-js:POPUPwidget");
+let U = 0;
+class j extends me {
   constructor(e, n = ".squatchpop") {
     super(e);
     l(this, "trigger");
     l(this, "id");
     l(this, "show", this.open);
     l(this, "hide", this.close);
-    this.trigger = n, this.container ? this.id = "squatchModal" : (this.id = R === 0 ? "squatchModal" : `squatchModal__${R}`, R = R + 1), document.head.insertAdjacentHTML(
+    this.trigger = n, this.container ? this.id = "squatchModal" : (this.id = U === 0 ? "squatchModal" : `squatchModal__${U}`, U = U + 1), document.head.insertAdjacentHTML(
       "beforeend",
       `<style>#${this.id}::-webkit-scrollbar { display: none; }</style>`
     );
@@ -1047,45 +761,50 @@ class D extends ge {
     if (!this.trigger) return;
     let e;
     try {
-      e = document.querySelector(this.trigger) || document.querySelector(".impactpop"), this.trigger && !e && T("No element found with trigger selector", this.trigger);
+      e = document.querySelector(this.trigger) || document.querySelector(".impactpop"), this.trigger && !e && v("No element found with trigger selector", this.trigger);
     } catch {
-      T("Not a valid selector", this.trigger);
+      v("Not a valid selector", this.trigger);
     }
     e && (e.onclick = () => {
       this.open();
     });
   }
   _createPopupDialog(e) {
-    var d;
-    const n = document.createElement("dialog"), i = (d = e == null ? void 0 : e.widgetSize) == null ? void 0 : d.popupWidgets, s = i != null && i.minWidth ? L(i.minWidth) : "auto", r = i != null && i.maxWidth ? L(i.maxWidth) : "500px";
+    var c;
+    const n = document.createElement("dialog"), i = (c = e == null ? void 0 : e.widgetSize) == null ? void 0 : c.popupWidgets, s = i != null && i.minWidth ? O(i.minWidth) : "auto", r = i != null && i.maxWidth ? O(i.maxWidth) : "500px";
     n.id = this.id, n.setAttribute(
       "style",
       `width: 100%; min-width: ${s}; max-width: ${r}; border: none; padding: 0;`
     );
-    const a = (c) => {
-      c.stopPropagation(), c.target === n && n.close();
+    const a = (d) => {
+      d.stopPropagation(), d.target === n && n.close();
     };
     return n.addEventListener("click", a), n;
   }
   async load() {
-    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();
+    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, d = this._createPopupDialog(e);
-    d.appendChild(s), ((w = a.lastChild) == null ? void 0 : w.nodeName) === "DIALOG" ? a.replaceChild(d, a.lastChild) : a.appendChild(d);
-    const { contentWindow: c } = s;
-    if (!c)
+    const r = this.container ? this._findElement() : document.body, a = (r == null ? void 0 : r.shadowRoot) || r, c = this._createPopupDialog(e);
+    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 = c.document;
-    h.open();
+    const h = d.document;
+    if (h.open(), this.content === "error") {
+      h.write(await this._getContent()), h.close(), x(h, () => {
+        s.height = h.body.scrollHeight;
+      }), v("Popup error template loaded into iframe");
+      return;
+    }
     const u = this.widgetApi.domain;
     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>
@@ -1093,23 +812,22 @@ class D extends ge {
       <style data-styles>
         html { visibility: hidden; }
       </style>` : ""}
-      ${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(), T("Popup template loaded into iframe"), await this._setupResizeHandler(s);
+      ${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);
   }
   async _setupResizeHandler(e) {
     const { contentWindow: n } = e;
     if (!n)
       throw new Error("Frame needs a content window");
     const i = n.document;
-    Y(i, async () => {
+    x(i, async () => {
       i.body.style.overflowY = "hidden";
       let s = !0;
       new n.ResizeObserver((a) => {
-        for (const d of a) {
-          const { top: c, bottom: h } = d.contentRect, u = h + c;
-          u <= 0 || (s ? (s = !1, e.style.height = "0", e.height = i.body.scrollHeight + "", e.style.height = "") : e.height = u + "", d.target.style = "");
+        for (const c of a) {
+          const { top: d, bottom: h } = c.contentRect, u = h + d;
+          u <= 0 || (s ? (s = !1, e.style.height = "0", e.height = i.body.scrollHeight + "", e.style.height = "") : e.height = u + "", c.target.style = "");
         }
       }).observe(await this._findInnerContainer(e));
     });
@@ -1123,10 +841,10 @@ class D extends ge {
     const { contentWindow: r } = s;
     if (!r) throw new Error("Squatch.js has an empty iframe");
     const a = r.document;
-    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), T("Popup opened")) : this._attachLoadEventListener(a, d);
+    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);
     });
   }
   close() {
@@ -1134,16 +852,14 @@ 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(), T("Popup closed");
-  }
-  _clickedOutside({ target: e }) {
+    s.close(), v("Popup closed");
   }
-  _error(e, n = "modal", i = "") {
-    return super._error(e, n, i || "body { margin: 0; } .modal { box-shadow: none; border: 0; }");
+  _getErrorStyle() {
+    return "body { margin: 0; } .modal { box-shadow: none; border: 0; }";
   }
 }
-const v = k("squatch-js:widgets");
-class j {
+const E = C("squatch-js:widgets");
+class N {
   /**
    * Initialize a new {@link Widgets} instance.
    *
@@ -1179,7 +895,7 @@ class j {
      * @default "https://fast.ssqt.io/npm"
      */
     l(this, "npmCdn");
-    const e = U(t);
+    const e = q(t);
     this.tenantAlias = e.tenantAlias, this.domain = e.domain, this.npmCdn = e.npmCdn, this.api = new Z(e);
   }
   /**
@@ -1199,7 +915,7 @@ class j {
    * @return {Promise<WidgetResult>} json object if true, with a Widget and user details
    */
   async upsertUser(t) {
-    const n = le(t);
+    const n = de(t);
     try {
       const i = await this.api.upsertUser(n);
       return {
@@ -1218,13 +934,7 @@ 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 E(i), i.apiErrorCode && this._renderErrorWidget(i, t.engagementMedium), new Error(i);
     }
   }
   /**
@@ -1243,7 +953,7 @@ class j {
    * @return {Promise<WidgetResult>} json object if true, with a Widget and user details
    */
   async render(t) {
-    const n = he(t);
+    const n = le(t);
     try {
       const i = await this.api.render(n);
       return {
@@ -1274,7 +984,7 @@ class j {
         const s = await this.api.squatchReferralCookie();
         e(s);
       } catch (s) {
-        throw v("Autofill error", s), new Error(s);
+        throw E("Autofill error", s), new Error(s);
       }
       return;
     }
@@ -1284,7 +994,7 @@ class j {
     if (n.length > 0)
       i = n[0];
     else
-      throw v("Element id/class or function missing"), new Error("Element id/class or function missing");
+      throw E("Element id/class or function missing"), new Error("Element id/class or function missing");
     try {
       const s = await this.api.squatchReferralCookie();
       i.value = s.codes[0];
@@ -1301,27 +1011,27 @@ class j {
    * @returns {Widget} widget (PopupWidget or EmbedWidget)
    */
   _renderWidget(t, e, n) {
-    var d;
-    if (v("Rendering Widget..."), !t) throw new Error("Unable to get a response");
+    var c;
+    if (E("Rendering Widget..."), !t) throw new Error("Unable to get a response");
     let i, s = !!e.displayOnLoad;
     const r = t.jsOptions || {}, a = {
       content: t.template,
-      type: e.widgetType || ((d = r.widget) == null ? void 0 : d.defaultWidgetType),
+      type: e.widgetType || ((c = r.widget) == null ? void 0 : c.defaultWidgetType),
       api: this.api,
       domain: this.domain,
       npmCdn: this.npmCdn,
       context: n
     };
-    return r.widgetUrlMappings && r.widgetUrlMappings.forEach((c) => {
+    return r.widgetUrlMappings && r.widgetUrlMappings.forEach((d) => {
       var h, u;
-      j._matchesUrl(c.url) && (c.widgetType !== "CONVERSION_WIDGET" || (u = (h = t.user) == null ? void 0 : h.referredBy) != null && u.code ? (s = c.displayOnLoad, v(`Display ${c.widgetType} on ${c.url}`)) : v(
-        `Don't display ${c.widgetType} when no referral on widget rule match ${c.url}`
+      N._matchesUrl(d.url) && (d.widgetType !== "CONVERSION_WIDGET" || (u = (h = t.user) == null ? void 0 : h.referredBy) != null && u.code ? (s = d.displayOnLoad, E(`Display ${d.widgetType} on ${d.url}`)) : E(
+        `Don't display ${d.widgetType} when no referral on widget rule match ${d.url}`
       ));
-    }), r.fuelTankAutofillUrls && (v("We found a fuel tank autofill!"), r.fuelTankAutofillUrls.forEach(({ url: c, formSelector: h }) => {
-      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)) {
+    }), r.fuelTankAutofillUrls && (E("We found a fuel tank autofill!"), r.fuelTankAutofillUrls.forEach(({ url: d, formSelector: h }) => {
+      var u, m, p;
+      if (N._matchesUrl(d) && (E("Fuel Tank URL matches"), (m = (u = t.user) == null ? void 0 : u.referredBy) != null && m.code)) {
         const g = document.querySelector(h);
-        g ? g.value = ((m = t.user.referredBy.referredReward) == null ? void 0 : m.fuelTankCode) || "" : v(
+        g ? g.value = ((p = t.user.referredBy.referredReward) == null ? void 0 : p.fuelTankCode) || "" : E(
           new Error(
             `Element with id/class ${h} was not found.`
           )
@@ -1330,11 +1040,11 @@ class j {
     })), e.engagementMedium === "EMBED" ? i = this._renderEmbedWidget(a) : (i = this._renderPopupWidget(a), s && i.open()), i;
   }
   _renderPopupWidget(t) {
-    const e = new D(t, t.context.trigger);
+    const e = new j(t, t.context.trigger);
     return e.load(), e;
   }
   _renderEmbedWidget(t) {
-    const e = new O(t, t.context.container);
+    const e = new D(t, t.context.container);
     return e.load(), e;
   }
   /**
@@ -1345,7 +1055,7 @@ class j {
    */
   _renderErrorWidget(t, e = "POPUP") {
     const { apiErrorCode: n, rsCode: i, statusCode: s, message: r } = t;
-    v(new Error(`${n} (${i}) ${r}`));
+    E(new Error(`${n} (${i}) ${r}`));
     const a = {
       content: "error",
       rsCode: i,
@@ -1358,8 +1068,8 @@ class j {
       type: "ERROR_WIDGET",
       context: { type: "error" }
     };
-    let d;
-    e === "EMBED" ? (d = new O(a), d.load()) : e === "POPUP" && (d = new D(a), d.load());
+    let c;
+    e === "EMBED" ? (c = new D(a), c.load()) : e === "POPUP" && (c = new j(a), c.load());
   }
   /**
    * @hidden
@@ -1370,7 +1080,7 @@ class j {
     return !!window.location.href.match(new RegExp(t));
   }
 }
-class De {
+class Oe {
   /**
    * Initialize a new {@link EventsApi} instance.
    *
@@ -1390,7 +1100,7 @@ class De {
   constructor(t) {
     l(this, "tenantAlias");
     l(this, "domain");
-    const n = U(t);
+    const n = q(t);
     this.tenantAlias = n.tenantAlias, this.domain = n.domain;
   }
   /**
@@ -1402,12 +1112,12 @@ class De {
    * @return An ID to confirm the event has been accepted for asynchronous processing
    */
   track(t, e) {
-    const n = t, i = e, s = je(n), { jwt: r } = Ne(i), a = encodeURIComponent(this.tenantAlias), d = encodeURIComponent(s.userId), c = encodeURIComponent(s.accountId), h = `/api/v1/${a}/open/account/${c}/user/${d}/events`, u = this.domain + h;
+    const n = t, i = e, s = De(n), { jwt: r } = je(i), a = encodeURIComponent(this.tenantAlias), c = encodeURIComponent(s.userId), d = encodeURIComponent(s.accountId), h = `/api/v1/${a}/open/account/${d}/user/${c}/events`, u = this.domain + h;
     return Q(u, JSON.stringify(s), r);
   }
 }
-function je(o) {
-  if (!I(o)) throw new Error("tracking parameter must be an object");
+function De(o) {
+  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");
@@ -1416,113 +1126,51 @@ function je(o) {
     throw new Error("'events' should be an array");
   return t;
 }
-function Ne(o) {
-  if (!I(o)) throw new Error("'options' should be an object");
+function je(o) {
+  if (!S(o)) throw new Error("'options' should be an object");
   return o;
 }
-function Fe() {
+function Ne() {
   var i;
-  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);
+  const o = window[z] ? z : M, t = ((i = window["_" + o]) == null ? void 0 : i.ready) || [], e = window.impactOnReady || window.squatchOnReady, n = [...t, e].filter((s) => !!s);
   setTimeout(() => {
-    window[S] && (window[z] = window[S], n.forEach((s) => s()), window[S]._auto(), window["_" + o] = void 0, delete window["_" + o]);
+    window[M] && (window[z] = window[M], n.forEach((s) => s()), window[M]._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) => {
-  const e = (i) => re(t[i]) && o.hasOwnProperty(i) && re(o[i]), n = Object.getOwnPropertyNames(t).map((i) => ({
-    [i]: e(i) ? me(o[i], t[i]) : t[i]
-  })).reduce((i, s) => ({ ...i, ...s }), {});
-  return {
-    ...o,
-    ...n
-  };
-};
-function N(o) {
-  const t = atob(o.replace(/_/g, "/").replace(/-/g, "+")), e = new Uint8Array(t.length);
-  for (let n = 0; n < t.length; n++)
-    e[n] = t.charCodeAt(n);
-  return new TextDecoder("utf8").decode(e);
-}
-function ae(o) {
-  const t = new TextEncoder().encode(o), e = Array.from(
-    t,
-    (n) => String.fromCodePoint(n)
-  ).join("");
-  return btoa(e).replace(/=/g, "").replace(/\+/g, "-").replace(/\//g, "_");
-}
-function Be() {
-  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 He() {
-  const o = window.location.search, e = new URLSearchParams(o).get("_saasquatch") || "";
-  if (e) {
-    let n = "", i = "", s = "";
-    try {
-      n = JSON.parse(N(e));
-    } catch (r) {
-      E("Unable to decode params", r);
-      return;
-    }
-    try {
-      i = JSON.parse(N(P.get("_saasquatch"))), E("existing cookie", i);
-    } catch (r) {
-      E("Unable to retrieve cookie", r);
-    }
-    try {
-      const r = Be();
-      if (E("domain retrieved:", r), i) {
-        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);
-      P.set("_saasquatch", s, {
-        expires: 365,
-        secure: !1,
-        sameSite: "Lax",
-        domain: r,
-        path: "/"
-      });
-    } catch (r) {
-      E("Unable to set cookie", r);
-    }
-  }
-}
-const M = k("squatch-js");
-function Ge() {
+const R = C("squatch-js");
+function Fe() {
   var u;
   const o = window.location.search, e = new URLSearchParams(o).get("_saasquatchExtra") || "";
   if (!e) {
-    M("No _saasquatchExtra param");
+    R("No _saasquatchExtra param");
     return;
   }
-  const n = U({
+  const n = q({
     tenantAlias: "UNKNOWN"
   });
   if (!n.domain) {
-    M("domain must be provided in config to use _saasquatchExtra");
+    R("domain must be provided in config to use _saasquatchExtra");
     return;
   }
   let i;
   try {
-    i = JSON.parse(N(e));
+    i = JSON.parse(L(e));
   } catch {
-    M("Unable to decode _saasquatchExtra config");
+    R("Unable to decode _saasquatchExtra config");
     return;
   }
-  function s(p) {
-    return p.replace(/^https?:\/\//, "");
+  function s(m) {
+    return m.replace(/^https?:\/\//, "");
   }
-  const r = s(n.domain), a = Object.keys((i == null ? void 0 : i[r]) || {})[0], d = (u = i == null ? void 0 : i[r]) == null ? void 0 : u[a];
-  if (!d) {
-    M("_saasquatchExtra did not have an expected structure");
+  const r = s(n.domain), a = Object.keys((i == null ? void 0 : i[r]) || {})[0], c = (u = i == null ? void 0 : i[r]) == null ? void 0 : u[a];
+  if (!c) {
+    R("_saasquatchExtra did not have an expected structure");
     return;
   }
-  const { autoPopupWidgetType: c, ...h } = d;
+  const { autoPopupWidgetType: d, ...h } = c;
   return {
     widgetConfig: {
-      widgetType: c,
+      widgetType: d,
       displayOnLoad: !0,
       ...h
     },
@@ -1532,20 +1180,20 @@ function Ge() {
     }
   };
 }
-const Je = k("squatch-js:decodeUserJwt");
-function ze(o) {
+const He = C("squatch-js:decodeUserJwt");
+function Je(o) {
   var t;
   try {
     const e = o.split(".")[1];
     if (e === void 0) return null;
-    const n = N(e);
+    const n = L(e);
     return (t = JSON.parse(n)) == null ? void 0 : t.user;
   } catch (e) {
-    return Je(e), null;
+    return He(e), null;
   }
 }
-const de = k("squatch-js:DeclarativeWidget");
-class fe extends HTMLElement {
+const P = C("squatch-js:DeclarativeWidget");
+class ge extends HTMLElement {
   constructor() {
     super();
     /**
@@ -1611,15 +1259,15 @@ class fe extends HTMLElement {
           widgetConfig: e.widgetConfig
         },
         type: this.widgetType,
-        domain: ((s = this.config) == null ? void 0 : s.domain) || A,
+        domain: ((s = this.config) == null ? void 0 : s.domain) || k,
         npmCdn: X,
         container: this
       };
       if (this.type === "EMBED")
-        return new O(i);
+        return new D(i);
       {
         const r = this.firstChild ? null : void 0;
-        return new D(i, r);
+        return new j(i, r);
       }
     });
     /**
@@ -1627,8 +1275,8 @@ class fe extends HTMLElement {
      * @returns Instance of either {@link EmbedWidget} or {@link PopupWidget} depending on `this.type`
      */
     l(this, "setErrorWidget", (e) => {
-      var d;
-      const n = e instanceof Error ? e.message : e == null ? void 0 : e.message, i = e instanceof Error || e == null ? void 0 : e.apiErrorCode, s = e instanceof Error || e == null ? void 0 : e.rsCode, r = e instanceof Error || e == null ? void 0 : e.statusCode, a = {
+      var c;
+      const n = e instanceof Error ? e.message : e == null ? void 0 : e.message, i = e == null ? void 0 : e.apiErrorCode, s = e == null ? void 0 : e.rsCode, r = e == null ? void 0 : e.statusCode, a = {
         api: this.widgetApi,
         content: "error",
         context: {
@@ -1636,7 +1284,7 @@ class fe extends HTMLElement {
           container: this.container || void 0
         },
         type: "ERROR_WIDGET",
-        domain: ((d = this.config) == null ? void 0 : d.domain) || A,
+        domain: ((c = this.config) == null ? void 0 : c.domain) || k,
         npmCdn: X,
         container: this,
         apiErrorCode: i,
@@ -1645,10 +1293,10 @@ class fe extends HTMLElement {
         errorMessage: n
       };
       if (this.type === "EMBED")
-        return new O(a);
+        return new D(a);
       {
-        const c = this.firstChild ? null : void 0;
-        return new D(a, c);
+        const d = this.firstChild ? null : void 0;
+        return new j(a, d);
       }
     });
     l(this, "reload", this.renderWidget);
@@ -1656,23 +1304,23 @@ class fe extends HTMLElement {
     l(this, "hide", this.close);
     this.attachShadow({
       mode: "open"
-    }).innerHTML = "<style>:host { display: block; }</style><slot></slot>", this.config = K(), this.token = W(), this.tenant = window.squatchTenant, this.container = this;
+    }).innerHTML = "<style>:host { display: block; }</style><slot></slot>", this.config = Y(), this.token = W(), this.tenant = window.squatchTenant, this.container = this;
   }
   _setupApis(e) {
     var n, i;
     if (!this.tenant) throw new Error("tenantAlias not provided");
     this.widgetApi = new Z({
       tenantAlias: (e == null ? void 0 : e.tenantAlias) || this.tenant,
-      domain: (e == null ? void 0 : e.domain) || ((n = this.config) == null ? void 0 : n.domain) || A
+      domain: (e == null ? void 0 : e.domain) || ((n = this.config) == null ? void 0 : n.domain) || k
     }), this.analyticsApi = new ue({
-      domain: (e == null ? void 0 : e.domain) || ((i = this.config) == null ? void 0 : i.domain) || A
+      domain: (e == null ? void 0 : e.domain) || ((i = this.config) == null ? void 0 : i.domain) || k
     });
   }
   getWidgetType(e) {
-    return e && (e.includes("websiteReferralWidget") || e.includes("friendWidget")) ? "instant-access" : "verified-access";
+    return e && e.includes("friendWidget") ? "instant-access" : "verified-access";
   }
   async renderPasswordlessVariant() {
-    return this._setupApis(), de("Rendering as an Instant Access widget"), await this.widgetApi.render({
+    return this._setupApis(), P("Rendering as an Instant Access widget"), await this.widgetApi.render({
       engagementMedium: this.type,
       widgetType: this.widgetType,
       locale: this.locale
@@ -1680,10 +1328,10 @@ class fe extends HTMLElement {
   }
   async renderUserUpsertVariant() {
     this._setupApis();
-    const e = ze(this.token);
+    const e = Je(this.token);
     if (!e)
       return this.setErrorWidget(Error("No user object in token."));
-    de("Rendering as a Verified widget");
+    !this.locale && e.locale && (this.locale = e.locale), P("Rendering as a Verified widget");
     try {
       await this.widgetApi.upsertUser({
         user: e,
@@ -1713,9 +1361,9 @@ class fe 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" ? 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);
+    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;
   }
   /**
    * Calls {@link getWidgetInstance} to build the Widget instance and loads the widget iframe into the DOM
@@ -1753,109 +1401,114 @@ class fe extends HTMLElement {
   }
   async connectedCallback() {
     this.loaded = !0, this.container = this.getAttribute("container"), this.widgetType = this.getAttribute("widget") || void 0;
-    const e = this.getWidgetType(this.widgetType), { getSkeleton: n } = await Promise.resolve().then(() => Pe), i = n({
-      height: "100%",
+    const e = this.getWidgetType(this.widgetType), { getSkeleton: n } = await import("./SkeletonTemplate-Day_0iMM.js"), i = n({
       type: e
     }), s = document.createElement("div");
     s.id = "loading-skeleton", s.innerHTML = i;
     const r = this.shadowRoot || this.attachShadow({ mode: "open" });
     if (this.type === "POPUP") {
-      const d = r.getElementById("#squatchModal");
-      d && (d.innerHTML = "", d.appendChild(s));
+      const a = r.getElementById("squatchModal");
+      a && (a.innerHTML = "", a.appendChild(s));
     } else
       r.innerHTML = "", r.appendChild(s);
-    await this.renderWidget();
-    const a = r.getElementById("loading-skeleton");
-    a && a.remove(), this.getAttribute("open") !== null && this.open();
+    try {
+      await this.renderWidget();
+    } catch (a) {
+      P("Failed to render widget", a);
+    } finally {
+      const a = r.getElementById("loading-skeleton");
+      a && a.remove();
+    }
+    this.getAttribute("open") !== null && this.open();
   }
 }
-class we extends fe {
+class pe extends ge {
   constructor() {
     super(), this.type = "EMBED", this.loaded = !1;
   }
 }
-class ye extends fe {
+class we extends ge {
   constructor() {
     super(), this.type = "POPUP", this.loaded = !1, this.addEventListener("click", (t) => {
       t.stopPropagation(), this.open();
     });
   }
 }
-class Ve extends we {
+class Be extends pe {
 }
-class Xe extends ye {
+class Ge extends we {
 }
-class Qe extends we {
+class ze extends pe {
 }
-class Ye extends ye {
+class Ve extends we {
 }
-window.customElements.get("squatch-embed") || window.customElements.define("squatch-embed", Ve);
-window.customElements.get("impact-embed") || window.customElements.define("impact-embed", Qe);
-window.customElements.get("squatch-popup") || window.customElements.define("squatch-popup", Xe);
-window.customElements.get("impact-popup") || window.customElements.define("impact-popup", Ye);
-function et() {
+window.customElements.get("squatch-embed") || window.customElements.define("squatch-embed", Be);
+window.customElements.get("impact-embed") || window.customElements.define("impact-embed", ze);
+window.customElements.get("squatch-popup") || window.customElements.define("squatch-popup", Ge);
+window.customElements.get("impact-popup") || window.customElements.define("impact-popup", Ve);
+function Ye() {
   console.log(
     "Having trouble using Squatch.js? Go to https://docs.referralsaasquatch.com/developer/ for tutorials, references and error codes."
   );
 }
-const $ = k("squatch-js");
-let F = null, B = null, H = null;
-function tt() {
-  return F || J({}), F;
+const $ = C("squatch-js");
+let F = null, H = null, J = null;
+function Ze() {
+  return F || G({}), F;
 }
-function ee() {
-  return B || J({}), B;
+function K() {
+  return H || G({}), H;
 }
-function nt() {
-  return H || J({}), H;
+function Ke() {
+  return J || G({}), J;
 }
-function it(o) {
+function et(o) {
   var t;
-  return (t = ee()) == null ? void 0 : t.render(o);
+  return (t = K()) == null ? void 0 : t.render(o);
 }
-function ot() {
+function tt() {
   var t;
-  const o = Ge();
+  const o = Fe();
   if (o) {
     const { squatchConfig: e, widgetConfig: n } = o;
-    return J(e), (t = ee()) == null ? void 0 : t.render(n);
+    return G(e), (t = K()) == null ? void 0 : t.render(n);
   }
 }
-function J(o) {
-  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 G(o) {
+  const e = q(o);
+  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 st(o) {
+function nt(o) {
   o();
 }
-function rt(o) {
-  ee().autofill(o);
+function it(o) {
+  K().autofill(o);
 }
-function Ke() {
-  He();
+function Xe() {
+  Te();
 }
-typeof document < "u" && !window.SaaSquatchDoNotAutoDrop && Ke();
-var ce;
-(ce = window.squatch) != null && ce.init && $(
+typeof document < "u" && !window.SaaSquatchDoNotAutoDrop && Xe();
+var ae;
+(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" && Fe();
+typeof document < "u" && Ne();
 export {
-  we as DeclarativeEmbedWidget,
-  ye as DeclarativePopupWidget,
-  O as EmbedWidget,
-  D as PopupWidget,
+  pe as DeclarativeEmbedWidget,
+  we as DeclarativePopupWidget,
+  D as EmbedWidget,
+  j as PopupWidget,
   Z as WidgetApi,
-  j as Widgets,
-  ot as _auto,
-  tt as api,
-  rt as autofill,
-  nt as events,
-  et as help,
-  J as init,
-  Ke as pushCookie,
-  st as ready,
-  it as widget,
-  ee as widgets
+  N as Widgets,
+  tt as _auto,
+  Ze as api,
+  it as autofill,
+  Ke as events,
+  Ye as help,
+  G as init,
+  Xe as pushCookie,
+  nt as ready,
+  et as widget,
+  K as widgets
 };
 //# sourceMappingURL=squatch.esm.js.map