@saasquatch/squatch-js 2.8.3-0 → 2.8.3-2

package/dist/squatch.esm.js

@@ -1,29 +1,34 @@
-var ye = Object.defineProperty;
-var Ee = (o, t, e) => t in o ? ye(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var l = (o, t, e) => Ee(o, typeof t != "symbol" ? t + "" : t, e);
-let P = null;
-function Ce(o) {
+var Ee = Object.defineProperty;
+var Ce = (o, t, e) => t in o ? Ee(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var l = (o, t, e) => Ce(o, typeof t != "symbol" ? t + "" : t, e);
+let C = null;
+function Ae(o) {
   const e = o.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*");
-  P = new RegExp(`^${e}$`);
+  C = new RegExp(`^${e}$`);
 }
-function ve() {
-  P = null;
+function Ie() {
+  C = null;
 }
-function E(o) {
-  return (...t) => {
-    P && P.test(o) && console.log(`[${o}]`, ...t);
+function k(o) {
+  const t = (...e) => {
+    C && C.test(o) && console.log(`[${o}]`, ...e);
   };
+  return Object.defineProperty(t, "enabled", {
+    get() {
+      return !!(C && C.test(o));
+    }
+  }), t;
 }
 /*! js-cookie v3.0.5 | MIT */
-function T(o) {
+function S(o) {
   for (var t = 1; t < arguments.length; t++) {
     var e = arguments[t];
-    for (var i in e)
-      o[i] = e[i];
+    for (var n in e)
+      o[n] = e[n];
   }
   return o;
 }
-var be = {
+var _e = {
   read: function(o) {
     return o[0] === '"' && (o = o.slice(1, -1)), o.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
   },
@@ -35,47 +40,47 @@ var be = {
   }
 };
 function G(o, t) {
-  function e(n, s, r) {
+  function e(i, s, r) {
     if (!(typeof document > "u")) {
-      r = T({}, t, r), typeof r.expires == "number" && (r.expires = new Date(Date.now() + r.expires * 864e5)), r.expires && (r.expires = r.expires.toUTCString()), n = encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
+      r = S({}, t, r), typeof r.expires == "number" && (r.expires = new Date(Date.now() + r.expires * 864e5)), r.expires && (r.expires = r.expires.toUTCString()), i = encodeURIComponent(i).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
       var a = "";
-      for (var c in r)
-        r[c] && (a += "; " + c, r[c] !== !0 && (a += "=" + r[c].split(";")[0]));
-      return document.cookie = n + "=" + o.write(s, n) + 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 i(n) {
-    if (!(typeof document > "u" || arguments.length && !n)) {
+  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 c = s[a].split("="), d = c.slice(1).join("=");
+        var d = s[a].split("="), c = d.slice(1).join("=");
         try {
-          var h = decodeURIComponent(c[0]);
-          if (r[h] = o.read(d, h), n === h)
+          var h = decodeURIComponent(d[0]);
+          if (r[h] = o.read(c, h), i === h)
             break;
         } catch {
         }
       }
-      return n ? r[n] : r;
+      return i ? r[i] : r;
     }
   }
   return Object.create(
     {
       set: e,
-      get: i,
-      remove: function(n, s) {
+      get: n,
+      remove: function(i, s) {
         e(
-          n,
+          i,
           "",
-          T({}, s, {
+          S({}, s, {
             expires: -1
           })
         );
       },
-      withAttributes: function(n) {
-        return G(this.converter, T({}, this.attributes, n));
+      withAttributes: function(i) {
+        return G(this.converter, S({}, this.attributes, i));
       },
-      withConverter: function(n) {
-        return G(T({}, this.converter, n), this.attributes);
+      withConverter: function(i) {
+        return G(S({}, this.converter, i), this.attributes);
       }
     },
     {
@@ -84,21 +89,21 @@ function G(o, t) {
     }
   );
 }
-var S = G(be, { path: "/" });
-const A = "https://app.referralsaasquatch.com", z = "https://fast.ssqt.io/npm", U = "squatch", J = "impact";
-function W(o) {
+var M = G(_e, { path: "/" });
+const A = "https://app.referralsaasquatch.com", V = "https://fast.ssqt.io/npm", R = "squatch", z = "impact";
+function q(o) {
   if (typeof o != "object") throw new Error("config must be an object");
-  const t = window.squatchTenant, e = Q(), i = {
+  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),
     debug: (o == null ? void 0 : o.debug) || (e == null ? void 0 : e.debug)
   };
-  if (typeof i.tenantAlias != "string")
+  if (typeof n.tenantAlias != "string")
     throw new Error("tenantAlias not provided");
-  const n = i.tenantAlias, s = typeof i.domain == "string" && i.domain || A, r = typeof i.debug == "boolean" && i.debug || !1, a = typeof i.npmCdn == "string" && i.npmCdn || z;
+  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 || V;
   return {
-    tenantAlias: n,
+    tenantAlias: i,
     domain: s,
     debug: r,
     npmCdn: a
@@ -107,30 +112,30 @@ function W(o) {
 function I(o) {
   return typeof o == "object" && !Array.isArray(o) && o !== null;
 }
-function Ae(o) {
+function Te(o) {
   if (o && /^[a-z]{2}_(?:[A-Z]{2}|[0-9]{3})$/.test(o))
     return o;
 }
-function se(o) {
+function ce(o) {
   if (!I(o)) throw new Error("Widget properties must be an object");
   if (!(o != null && o.user)) throw new Error("Required properties missing.");
   return o;
 }
-function re(o) {
+function le(o) {
   if (!I(o)) throw new Error("Widget properties must be an object");
   return o;
 }
-function q() {
+function W() {
   return window.impactToken || window.squatchToken;
 }
-function Q() {
+function Y() {
   return window.impactConfig || window.squatchConfig;
 }
-async function Ie(o, t, e, i) {
-  const n = i || q(), s = {
+async function $e(o, t, e, n) {
+  const i = n || W(), s = {
     Accept: "application/json",
     "Content-Type": "application/json",
-    ...n ? { Authorization: `Bearer ${n}` } : {},
+    ...i ? { Authorization: `Bearer ${i}` } : {},
     "X-SaaSquatch-Referrer": window ? window.location.href : ""
   };
   try {
@@ -145,35 +150,35 @@ async function Ie(o, t, e, i) {
     throw r;
   }
 }
-async function _e(o, t = "") {
+async function qe(o, t = "") {
   const e = {
     Accept: "application/json",
     "Content-Type": "application/json"
-  }, i = t || q();
-  i && (e["X-SaaSquatch-User-Token"] = i);
+  }, n = t || W();
+  n && (e["X-SaaSquatch-User-Token"] = n);
   try {
-    const n = await fetch(o, {
+    const i = await fetch(o, {
       method: "GET",
       credentials: "include",
       headers: e
-    }), s = await n.text();
-    if (!n.ok) throw new Error(s);
+    }), s = await i.text();
+    if (!i.ok) throw new Error(s);
     return s && JSON.parse(s);
-  } catch (n) {
-    throw n;
+  } catch (i) {
+    throw i;
   }
 }
-async function V(o, t, e) {
-  const i = {
+async function X(o, t, e) {
+  const n = {
     Accept: "application/json",
     "Content-Type": "application/json"
-  }, n = e || q();
-  n && (i["X-SaaSquatch-User-Token"] = n);
+  }, i = e || W();
+  i && (n["X-SaaSquatch-User-Token"] = i);
   try {
     const s = await fetch(o, {
       method: "POST",
       body: t,
-      headers: i
+      headers: n
     }), r = await s.text();
     if (!s.ok) throw new Error(r);
     return r && JSON.parse(r);
@@ -181,16 +186,16 @@ async function V(o, t, e) {
     throw s;
   }
 }
-async function ke(o, t, e) {
-  const i = {
+async function We(o, t, e) {
+  const n = {
     Accept: "application/json",
     "Content-Type": "application/json",
     "X-SaaSquatch-Referrer": window ? window.location.href : ""
-  }, n = e || q();
-  n && (i["X-SaaSquatch-User-Token"] = n);
+  }, i = e || W();
+  i && (n["X-SaaSquatch-User-Token"] = i);
   try {
     const s = await fetch(o, {
-      headers: i,
+      headers: n,
       method: "PUT",
       credentials: "include",
       body: t
@@ -201,7 +206,7 @@ async function ke(o, t, e) {
     throw s;
   }
 }
-const xe = `
+const Se = `
   query renderWidget ($user: UserIdInput, $engagementMedium: UserEngagementMedium, $widgetType: WidgetType, $locale: RSLocale) {
     renderWidget(user: $user, engagementMedium: $engagementMedium, widgetType: $widgetType, locale: $locale) {
       template
@@ -216,7 +221,7 @@ const xe = `
     }
   }
 `;
-class Y {
+class K {
   /**
    * Initialize a new {@link WidgetApi} instance.
    *
@@ -238,8 +243,8 @@ class Y {
     l(this, "domain");
     l(this, "npmCdn");
     l(this, "referralCookie", this.squatchReferralCookie);
-    const i = W(t);
-    this.tenantAlias = i.tenantAlias, this.domain = i.domain, this.npmCdn = i.npmCdn;
+    const n = q(t);
+    this.tenantAlias = n.tenantAlias, this.domain = n.domain, this.npmCdn = n.npmCdn;
   }
   /**
    * Creates/upserts user, requests widget template.
@@ -256,18 +261,18 @@ class Y {
    * @return {Promise} string if true, with the widget template, jsOptions and user details.
    */
   upsertUser(t) {
-    const i = se(t), {
-      widgetType: n,
+    const n = ce(t), {
+      widgetType: i,
       engagementMedium: s = "POPUP",
       jwt: r,
       locale: a,
-      user: c
-    } = i, d = encodeURIComponent(this.tenantAlias), h = c.accountId ? encodeURIComponent(c.accountId) : null, u = c.id ? encodeURIComponent(c.id) : null, m = We({
-      widgetType: n,
+      user: d
+    } = n, c = encodeURIComponent(this.tenantAlias), h = d.accountId ? encodeURIComponent(d.accountId) : null, u = d.id ? encodeURIComponent(d.id) : null, p = Re({
+      widgetType: i,
       engagementMedium: s,
       locale: a
-    }), p = `/api/v1/${d}/widget/account/${h}/user/${u}/upsert${m}`, g = this.domain + p, f = (S || window.Cookies).get("_saasquatch");
-    return f && (c.cookies = f), ke(g, JSON.stringify(c), r);
+    }), g = `/api/v1/${c}/widget/account/${h}/user/${u}/upsert${p}`, m = this.domain + g, w = (M || window.Cookies).get("_saasquatch");
+    return w && (d.cookies = w), We(m, JSON.stringify(d), r);
   }
   /**
    * Requests widget template
@@ -283,24 +288,24 @@ class Y {
    * @return {Promise} template html if true.
    */
   render(t) {
-    const i = re(t), { widgetType: n, engagementMedium: s = "POPUP", jwt: r, user: a } = i, c = encodeURIComponent(this.tenantAlias), d = a != null && a.accountId ? encodeURIComponent(a.accountId) : null, h = a != null && a.id ? encodeURIComponent(a.id) : null, u = i.locale ?? Ae(navigator.language.replace(/\-/g, "_")), m = `/api/v1/${c}/graphql`, p = this.domain + m;
-    return new Promise(async (g, f) => {
-      var _;
+    const n = le(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 ?? Te(navigator.language.replace(/\-/g, "_")), p = `/api/v1/${d}/graphql`, g = this.domain + p;
+    return new Promise(async (m, w) => {
+      var b;
       try {
-        const C = await Ie(
-          p,
-          xe,
+        const f = await $e(
+          g,
+          Se,
           {
-            user: h && d ? { id: h, accountId: d } : null,
+            user: h && c ? { id: h, accountId: c } : null,
             engagementMedium: s,
-            widgetType: n,
+            widgetType: i,
             locale: u
           },
           r
         );
-        g((_ = C == null ? void 0 : C.data) == null ? void 0 : _.renderWidget);
-      } catch (C) {
-        f(C);
+        m((b = f == null ? void 0 : f.data) == null ? void 0 : b.renderWidget);
+      } catch (f) {
+        w(f);
       }
     });
   }
@@ -310,35 +315,35 @@ class Y {
    * @return {Promise<ReferralCookie>} code referral code if true.
    */
   async squatchReferralCookie() {
-    const t = encodeURIComponent(this.tenantAlias), e = (S || window.Cookies).get("_saasquatch") || "", i = e ? `?cookies=${encodeURIComponent(e)}` : "", n = `${this.domain}/a/${t}/widgets/squatchcookiejson${i}`, s = await _e(n);
+    const t = encodeURIComponent(this.tenantAlias), e = (M || window.Cookies).get("_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 We({
+function Re({
   widgetType: o,
   engagementMedium: t,
   locale: e
 }) {
-  const i = new URLSearchParams();
-  return i.append("engagementMedium", t), o && i.append("widgetType", o), e && i.append("locale", e), `?${i.toString()}`;
+  const n = new URLSearchParams();
+  return n.append("engagementMedium", t), o && n.append("widgetType", o), e && n.append("locale", e), `?${n.toString()}`;
 }
 /*!
  * domready (c) Dustin Diaz 2014 - License MIT
  *
  */
-function X(o, t) {
-  let e = [], i, n = o, s = n.documentElement.doScroll, r = "DOMContentLoaded", a = (s ? /^loaded|^c/ : /^loaded|^i|^c/).test(n.readyState);
-  return a || n.addEventListener(
+function Q(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,
-    i = () => {
-      for (n.removeEventListener(r, i), a = !0; i = e.shift(); ) i();
+    n = () => {
+      for (i.removeEventListener(r, n), a = !0; n = e.shift(); ) n();
     }
   ), a ? setTimeout(t, 0) : e.push(t);
 }
-function M({
+function L({
   value: o,
   unit: t
 }) {
@@ -351,7 +356,7 @@ function M({
       return `${o}px`;
   }
 }
-class ae {
+class he {
   /**
    * Initialize a new {@link AnalyticsApi} instance.
    *
@@ -361,26 +366,283 @@ class ae {
    */
   constructor(t) {
     l(this, "domain");
-    var n;
-    const i = qe(t);
-    this.domain = (i == null ? void 0 : i.domain) || ((n = Q()) == null ? void 0 : n.domain) || A;
+    var i;
+    const n = Ue(t);
+    this.domain = (n == null ? void 0 : n.domain) || ((i = Y()) == null ? void 0 : i.domain) || A;
   }
   pushAnalyticsLoadEvent(t) {
     if (!t.externalUserId || !t.externalAccountId) return;
-    const e = encodeURIComponent(t.tenantAlias), i = encodeURIComponent(t.externalAccountId), n = encodeURIComponent(t.externalUserId), s = encodeURIComponent(t.engagementMedium), r = t.programId ? `&programId=${encodeURIComponent(t.programId)}` : "", a = `/a/${e}/widgets/analytics/loaded?externalAccountId=${i}&externalUserId=${n}&engagementMedium=${s}${r}`, c = this.domain + a;
-    return V(c, JSON.stringify({}));
+    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 X(d, JSON.stringify({}));
   }
   pushAnalyticsShareClickedEvent(t) {
-    const e = encodeURIComponent(t.tenantAlias), i = encodeURIComponent(t.externalAccountId), n = encodeURIComponent(t.externalUserId), s = encodeURIComponent(t.engagementMedium), r = encodeURIComponent(t.shareMedium), a = `/a/${e}/widgets/analytics/shared?externalAccountId=${i}&externalUserId=${n}&engagementMedium=${s}&shareMedium=${r}`, c = this.domain + a;
-    return V(c, 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}`, d = this.domain + a;
+    return X(d, JSON.stringify({}));
   }
 }
-function qe(o) {
+function Ue(o) {
   if (!I(o)) throw new Error("'options' should be an object");
   return o;
 }
-const w = E("squatch-js:widget");
-class ce {
+const ue = ({
+  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: ue
+}, Symbol.toStringTag, { value: "Module" })), y = k("squatch-js:widget");
+class pe {
   constructor(t) {
     l(this, "type");
     l(this, "content");
@@ -391,11 +653,11 @@ class ce {
     l(this, "container");
     l(this, "loadEventListener", null);
     var e;
-    w("widget initializing ..."), this.content = t.content === "error" ? this._error(t.rsCode) : t.content, this.type = t.type, this.widgetApi = t.api, this.npmCdn = t.npmCdn, this.analyticsApi = new ae({ domain: t.domain }), this.context = t.context, this.container = ((e = t.context) == null ? void 0 : e.container) || t.container;
+    y("widget initializing ..."), this.content = t.content === "error" ? this._error(t.rsCode) : t.content, this.type = t.type, this.widgetApi = t.api, this.npmCdn = t.npmCdn, this.analyticsApi = new he({ domain: t.domain }), this.context = t.context, this.container = ((e = t.context) == null ? void 0 : e.container) || t.container;
   }
   _findElement() {
     let t;
-    if (typeof this.container == "string" ? (t = document.querySelector(this.container), w("loading widget with selector", t)) : this.container instanceof HTMLElement ? (t = this.container, w("loading widget with container", t)) : this.container ? (t = null, w("container must be an HTMLElement or string", this.container)) : (t = document.querySelector("#squatchembed") || document.querySelector(".squatchembed") || document.querySelector("#impactembed") || document.querySelector(".impactembed"), w("loading widget with default selector", t)), !(t instanceof HTMLElement))
+    if (typeof this.container == "string" ? (t = document.querySelector(this.container), y("loading widget with selector", t)) : this.container instanceof HTMLElement ? (t = this.container, y("loading widget with container", t)) : this.container ? (t = null, y("container must be an HTMLElement or string", this.container)) : (t = document.querySelector("#squatchembed") || document.querySelector(".squatchembed") || document.querySelector("#impactembed") || document.querySelector(".impactembed"), y("loading widget with default selector", t)), !(t instanceof HTMLElement))
       throw new Error(
         `element with selector '${this.container || "#squatchembed, .squatchembed, #impactembed, or .impactembed"}' not found.'`
       );
@@ -405,8 +667,8 @@ class ce {
     const e = document.createElement("iframe");
     return e.squatchJsApi = this, e.id = "squatchFrame", e.width = "100%", e.src = "about:blank", e.scrolling = "no", e.setAttribute(
       "style",
-      "border: 0; background-color: none; width: 1px; min-width: 100%;"
-    ), t != null && t.minWidth && (e.style.minWidth = t.minWidth), t != null && t.maxWidth && (e.style.maxWidth = t.maxWidth), (t != null && t.maxWidth || t != null && t.minWidth) && (e.style.width = "100%"), t != null && t.initialHeight && (e.height = t.initialHeight), e;
+      "border: 0; background-color: none; width: 1px; min-width: 100%; display: block;"
+    ), t != null && t.minWidth && (e.style.minWidth = t.minWidth), t != null && t.maxWidth && (e.style.maxWidth = t.maxWidth), (t != null && t.maxWidth || t != null && t.minWidth) && (e.style.width = "100%"), t != null && t.initialHeight && (e.height = String(t.initialHeight)), e;
   }
   _findFrame() {
     const t = this.container ? this._findElement() : document.body;
@@ -421,16 +683,16 @@ class ce {
     ), this.loadEventListener = null);
   }
   _attachLoadEventListener(t, e) {
-    this.loadEventListener === null && (this.loadEventListener = (i) => {
+    this.loadEventListener === null && (this.loadEventListener = (n) => {
       this._loadEvent({
         ...e,
-        userId: i.detail.userId,
-        accountId: i.detail.accountId
+        userId: n.detail.userId,
+        accountId: n.detail.accountId
       });
     }, t.addEventListener("sq:user-registration", this.loadEventListener));
   }
   _loadEvent(t) {
-    var i;
+    var n;
     if (!t) return;
     if (!I(t))
       throw new Error("Widget Load event identity property is not an object");
@@ -446,18 +708,18 @@ class ce {
         programId: t.programId
       };
     } else {
-      const { analytics: n, mode: s } = t;
+      const { analytics: i, mode: s } = t;
       e = {
-        tenantAlias: n.attributes.tenant,
-        externalAccountId: n.attributes.accountId,
-        externalUserId: n.attributes.userId,
+        tenantAlias: i.attributes.tenant,
+        externalAccountId: i.attributes.accountId,
+        externalUserId: i.attributes.userId,
         engagementMedium: s.widgetMode
       };
     }
-    (i = this.analyticsApi.pushAnalyticsLoadEvent(e)) == null || i.then((n) => {
-      w(`${e.engagementMedium} loaded event recorded.`);
-    }).catch((n) => {
-      w(`ERROR: pushAnalyticsLoadEvent() ${n}`);
+    (n = this.analyticsApi.pushAnalyticsLoadEvent(e)) == null || n.then((i) => {
+      y(`${e.engagementMedium} loaded event recorded.`);
+    }).catch((i) => {
+      y(`ERROR: pushAnalyticsLoadEvent() ${i}`);
     });
   }
   _shareEvent(t, e) {
@@ -467,15 +729,15 @@ class ce {
       externalUserId: t.analytics.attributes.userId,
       engagementMedium: t.mode.widgetMode,
       shareMedium: e
-    }).then((i) => {
-      w(
-        `${t.mode.widgetMode} share ${e} event recorded. ${i}`
+    }).then((n) => {
+      y(
+        `${t.mode.widgetMode} share ${e} event recorded. ${n}`
       );
-    }).catch((i) => {
-      w(`ERROR: pushAnalyticsShareClickedEvent() ${i}`);
+    }).catch((n) => {
+      y(`ERROR: pushAnalyticsShareClickedEvent() ${n}`);
     });
   }
-  _error(t, e = "modal", i = "") {
+  _error(t, e = "modal", n = "") {
     return `<!DOCTYPE html>
     <!--[if IE 7]><html class="ie7 oldie" lang="en"><![endif]-->
     <!--[if IE 8]><html class="ie8 oldie" lang="en"><![endif]-->
@@ -483,7 +745,7 @@ class ce {
     <head>
       <link rel="stylesheet" media="all" href="https://fast.ssqt.io/assets/css/widget/errorpage.css">
       <style>
-        ${i}
+        ${n}
       </style>
     </head>
     <body>
@@ -512,15 +774,38 @@ class ce {
     const { contentWindow: e } = t;
     if (!e)
       throw new Error("Squatch.js frame inner frame is empty");
-    const i = e.document;
-    function n() {
-      const r = i.getElementsByTagName("sqh-global-container"), a = i.getElementsByClassName("squatch-container");
+    const n = e.document;
+    function i() {
+      const r = n.getElementsByTagName("sqh-global-container"), a = n.getElementsByClassName("squatch-container");
       return r.length > 0 ? r[0] : a.length > 0 ? a[0] : null;
     }
     let s = null;
-    for (let r = 0; r < 5 && (s = n(), !s); r++)
-      await Te(100);
-    return s || i.body;
+    for (let r = 0; r < 5 && (s = i(), !s); r++)
+      await Me(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.
+   *
+   * 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.
+   *
+   * Only generates content for mint-components widgets; returns empty string otherwise.
+   */
+  _getSkeletonPreloadHTML(t, e) {
+    if (!t) return "";
+    const n = this.context.type === "passwordless" ? "instant-access" : "verified-access", i = ue({
+      type: n,
+      height: "100%"
+    });
+    return `
+      <div id="sq-preload" style="visibility: visible; position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; background: ${e || "white"};">
+        ${i}
+      </div>
+      <script>(${Le.toString()})()<\/script>
+    `;
   }
   /**
    * Reloads the current widget, makes updated request to API and renders result.
@@ -528,30 +813,30 @@ class ce {
    * @param param0 Form field values
    * @param jwt JWT for API authentication
    */
-  reload({ email: t, firstName: e, lastName: i }, n) {
+  reload({ email: t, firstName: e, lastName: n }, i) {
     const s = this._findFrame();
     if (!s) throw new Error("Could not find widget iframe");
     const r = s.contentWindow, a = this.context.engagementMedium || "POPUP";
     if (!r)
       throw new Error("Frame needs a content window");
-    let c;
+    let d;
     if (this.context.type === "upsert") {
       if (!this.context.user) throw new Error("Can't reload without user ids");
-      let d = {
+      let c = {
         email: t || null,
         firstName: e || null,
-        lastName: i || null,
+        lastName: n || null,
         id: this.context.user.id,
         accountId: this.context.user.accountId
       };
-      c = this.widgetApi.upsertUser({
-        user: d,
+      d = this.widgetApi.upsertUser({
+        user: c,
         engagementMedium: a,
         widgetType: this.type,
-        jwt: n
+        jwt: i
       });
     } else if (this.context.type === "passwordless")
-      c = this.widgetApi.render({
+      d = this.widgetApi.render({
         user: void 0,
         engagementMedium: a,
         widgetType: this.type,
@@ -559,79 +844,104 @@ class ce {
       });
     else
       throw new Error("can't reload an error widget");
-    c.then(({ template: d }) => {
-      d && (this.content = d, this.__deprecated__register(
+    d.then(({ template: c }) => {
+      c && (this.content = c, this.__deprecated__register(
         s,
         { email: t, engagementMedium: a },
         () => {
           this.load(), a === "POPUP" && this.open();
         }
       ));
-    }).catch(({ message: d }) => {
-      w(`${d}`);
+    }).catch(({ message: c }) => {
+      y(`${c}`);
     });
   }
-  __deprecated__register(t, e, i) {
+  __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 c = e.engagementMedium === "POPUP" ? "margin-top: 10px; max-width: 130px; width: 100%;" : "margin-top: 10px;";
-      r.setAttribute("style", c), r.onclick = i, a.style.paddingTop = "30px", a.innerHTML = `<p><strong>${e.email}</strong><br>Has been successfully registered</p>`, a.appendChild(r);
+      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);
     }
   }
 }
-function Te(o) {
+function Me(o) {
   return new Promise((t) => {
     setTimeout(t, o);
   });
 }
-const b = E("squatch-js:EMBEDwidget");
-class L extends ce {
-  constructor(e, i) {
+function Le() {
+  var o = setTimeout(t, 1e4);
+  function t() {
+    var n = document.getElementById("sq-preload");
+    n && n.remove(), clearTimeout(o);
+  }
+  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();
+    Promise.all(
+      Array.from(n).map(function(i) {
+        return customElements.whenDefined(i);
+      })
+    ).then(function() {
+      requestAnimationFrame(function() {
+        requestAnimationFrame(t);
+      });
+    });
+  }
+  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", e) : setTimeout(e, 0);
+}
+const E = k("squatch-js:EMBEDwidget");
+class O extends pe {
+  constructor(e, n) {
     super(e);
     l(this, "show", this.open);
     l(this, "hide", this.close);
-    i && (this.container = i);
+    n && (this.container = n);
   }
   async load() {
-    var m, p, g, f, _, C, Z;
-    const e = (p = (m = this.context.widgetConfig) == null ? void 0 : m.values) == null ? void 0 : p.brandingConfig, i = e == null ? void 0 : e.loadingHeight, n = (g = e == null ? void 0 : e.widgetSize) == null ? void 0 : g.embeddedWidgets, s = n != null && n.maxWidth ? M(n.maxWidth) : "", r = n != null && n.minWidth ? M(n.minWidth) : "", a = this._createFrame({
-      minWidth: r,
-      maxWidth: s,
+    var m, w, b, f, _, ee, te, ne, ie;
+    const e = (w = (m = this.context.widgetConfig) == null ? void 0 : m.values) == null ? void 0 : w.brandingConfig, n = (b = this.content) == null ? void 0 : b.includes("mint-components"), i = (e == null ? void 0 : e.loadingHeight) || 500, s = (f = e == null ? void 0 : e.widgetSize) == null ? void 0 : f.embeddedWidgets, r = s != null && s.maxWidth ? L(s.maxWidth) : "", a = s != null && s.minWidth ? L(s.minWidth) : "", d = this._createFrame({
+      minWidth: a,
+      maxWidth: r,
       initialHeight: i
     }), c = this._findElement();
-    (f = this.context) != null && f.container && (c.style.visibility = "hidden", c.style.height = "0", c.style["overflow-y"] = "hidden"), this.container ? c.shadowRoot ? ((_ = c.shadowRoot.lastChild) == null ? void 0 : _.nodeName) === "IFRAME" ? c.shadowRoot.replaceChild(a, c.shadowRoot.lastChild) : c.shadowRoot.appendChild(a) : c.firstChild ? c.replaceChild(a, c.firstChild) : c.appendChild(a) : (!c.firstChild || c.firstChild.nodeName === "#text") && c.appendChild(a);
-    const { contentWindow: d } = a;
-    if (!d)
+    (_ = this.context) != null && _.container && (c.style.visibility = "hidden", c.style.height = "0", c.style["overflow-y"] = "hidden"), this.container ? c.shadowRoot ? ((ee = c.shadowRoot.lastChild) == null ? void 0 : ee.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;
+    if (!h)
       throw new Error("Frame needs a content window");
-    const h = d.document;
-    h.open();
-    const u = this.widgetApi.domain;
-    h.write(`
-      ${(C = e == null ? void 0 : e.main) != null && C.brandFont ? `
-        <link rel="preconnect" href="https://fast${u === "https://staging.referralsaasquatch.com" && "-staging"}.ssqt.io">
+    const u = h.document;
+    u.open();
+    const g = this.widgetApi.domain === "https://staging.referralsaasquatch.com" ? "-staging" : "";
+    u.write(`
+      ${(te = e == null ? void 0 : e.main) != null && te.brandFont ? `
+        <link rel="preconnect" href="https://fast${g}.ssqt.io">
         <link rel="preconnect" href="https://fonts.gstatic.com">
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent(
-      (Z = e == null ? void 0 : e.main) == null ? void 0 : Z.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>
+            ${n ? `
       <style data-styles>
-        html { visibility:hidden;}
-      </style>
+        html { visibility: hidden; }
+      </style>` : ""}
+      ${this._getSkeletonPreloadHTML(n, (ie = e == null ? void 0 : e.color) == null ? void 0 : ie.backgroundColor)}
       ${this.content}
-
-      `), h.close(), X(h, async () => {
-      const ee = d.squatch || d.widgetIdent;
-      a.height = i || h.body.scrollHeight;
-      const me = new ResizeObserver((ge) => {
-        for (const fe of ge) {
-          const { height: we } = fe.contentRect;
-          a.height = we;
+      <script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>
+      `), u.close(), Q(u, async () => {
+      const oe = h.squatch || h.widgetIdent;
+      d.height = i;
+      const ye = new h.ResizeObserver((ke) => {
+        for (const be of ke) {
+          const { height: xe } = be.contentRect;
+          d.height = xe;
         }
-      }), pe = await this._findInnerContainer(a);
-      me.observe(pe), this._shouldFireLoadEvent() ? (this._loadEvent(ee), b("loaded")) : h && this._attachLoadEventListener(h, ee);
+      }), ve = await this._findInnerContainer(d);
+      ye.observe(ve), this._shouldFireLoadEvent() ? (this._loadEvent(oe), E("loaded")) : u && this._attachLoadEventListener(u, oe);
     });
   }
   /**
@@ -639,43 +949,43 @@ class L extends ce {
    */
   open() {
     const e = this._findFrame();
-    if (!e) return b("no target element to open");
-    if (!e.contentWindow) return b("Frame needs a content window");
-    const i = this._findElement();
-    i.style.visibility = "unset", i.style.height = "auto", i.style["overflow-y"] = "auto", e.contentWindow.document.dispatchEvent(new CustomEvent("sq:refresh"));
-    const n = e.contentWindow.squatch || e.contentWindow.widgetIdent;
+    if (!e) return E("no target element to open");
+    if (!e.contentWindow) return E("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(n), b("loaded");
+      this._loadEvent(i), E("loaded");
     else {
       if (!e.contentDocument) return;
-      this._attachLoadEventListener(e.contentDocument, n);
+      this._attachLoadEventListener(e.contentDocument, i);
     }
   }
   close() {
     const e = this._findFrame();
-    if (!e) return b("no target element to close");
+    if (!e) return E("no target element to close");
     e.contentDocument && this._detachLoadEventListener(e.contentDocument);
-    const i = this._findElement();
-    i.style.visibility = "hidden", i.style.height = "0", i.style["overflow-y"] = "hidden", b("Embed widget closed");
+    const n = this._findElement();
+    n.style.visibility = "hidden", n.style.height = "0", n.style["overflow-y"] = "hidden", E("Embed widget closed");
   }
-  _error(e, i = "embed", n = "") {
-    return super._error(e, i, n);
+  _error(e, n = "embed", i = "") {
+    return super._error(e, n, i);
   }
   _shouldFireLoadEvent() {
-    const e = !this.container, i = this.container instanceof HTMLElement && (this.container.tagName.startsWith("SQUATCH-") || this.container.tagName.startsWith("IMPACT-"));
-    return !!this.context.user && (e || i);
+    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 k = E("squatch-js:POPUPwidget");
-let R = 0;
-class O extends ce {
-  constructor(e, i = ".squatchpop") {
+const T = k("squatch-js:POPUPwidget");
+let U = 0;
+class j extends pe {
+  constructor(e, n = ".squatchpop") {
     super(e);
     l(this, "trigger");
     l(this, "id");
     l(this, "show", this.open);
     l(this, "hide", this.close);
-    this.trigger = i, 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>`
     );
@@ -684,41 +994,41 @@ class O extends ce {
     if (!this.trigger) return;
     let e;
     try {
-      e = document.querySelector(this.trigger) || document.querySelector(".impactpop"), this.trigger && !e && k("No element found with trigger selector", this.trigger);
+      e = document.querySelector(this.trigger) || document.querySelector(".impactpop"), this.trigger && !e && T("No element found with trigger selector", this.trigger);
     } catch {
-      k("Not a valid selector", this.trigger);
+      T("Not a valid selector", this.trigger);
     }
     e && (e.onclick = () => {
       this.open();
     });
   }
   _createPopupDialog(e) {
-    var c;
-    const i = document.createElement("dialog"), n = (c = e == null ? void 0 : e.widgetSize) == null ? void 0 : c.popupWidgets, s = n != null && n.minWidth ? M(n.minWidth) : "auto", r = n != null && n.maxWidth ? M(n.maxWidth) : "500px";
-    i.id = this.id, i.setAttribute(
+    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";
+    n.id = this.id, n.setAttribute(
       "style",
       `width: 100%; min-width: ${s}; max-width: ${r}; border: none; padding: 0;`
     );
-    const a = (d) => {
-      d.stopPropagation(), d.target === i && i.close();
+    const a = (c) => {
+      c.stopPropagation(), c.target === n && n.close();
     };
-    return i.addEventListener("click", a), i;
+    return n.addEventListener("click", a), n;
   }
   async load() {
-    var u, m, p, g, f;
-    const e = (m = (u = this.context.widgetConfig) == null ? void 0 : u.values) == null ? void 0 : m.brandingConfig, i = e == null ? void 0 : e.loadingHeight, n = this._createFrame({ initialHeight: i });
-    this._initialiseCTA();
-    const s = this.container ? this._findElement() : document.body, r = s.shadowRoot || s, a = this._createPopupDialog(e);
-    a.appendChild(n), ((p = r.lastChild) == null ? void 0 : p.nodeName) === "DIALOG" ? r.replaceChild(a, r.lastChild) : r.appendChild(a);
-    const { contentWindow: c } = n;
+    var p, g, m, w, b, f, _;
+    const e = (g = (p = this.context.widgetConfig) == null ? void 0 : p.values) == null ? void 0 : g.brandingConfig, n = (e == null ? void 0 : e.loadingHeight) || 500, i = (m = this.content) == null ? void 0 : m.includes("mint-components"), s = this._createFrame();
+    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)
       throw new Error("Frame needs a content window");
-    const d = c.document;
-    d.open();
-    const h = this.widgetApi.domain;
-    d.write(`
-      ${(g = e == null ? void 0 : e.main) != null && g.brandFont ? `
-        <link rel="preconnect" href="https://fast${h === "https://staging.referralsaasquatch.com" && "-staging"}.ssqt.io">
+    const h = c.document;
+    h.open();
+    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.googleapis.com">
         <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent(
@@ -726,57 +1036,61 @@ class O extends ce {
     )}" as="style">` : ""}
       <link rel="dns-prefetch" href="https://res.cloudinary.com">
       <link rel="preconnect" href="https://res.cloudinary.com" crossorigin>
+            ${i ? `
       <style data-styles>
-        html { visibility:hidden;}
-      </style>
+        html { visibility: hidden; }
+      </style>` : ""}
+      ${this._getSkeletonPreloadHTML(i, (_ = e == null ? void 0 : e.color) == null ? void 0 : _.backgroundColor)}
       ${this.content}
-
-      `), d.close(), k("Popup template loaded into iframe"), await this._setupResizeHandler(n, i);
+      <script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>
+      `), h.close(), T("Popup template loaded into iframe"), await this._setupResizeHandler(s);
   }
-  async _setupResizeHandler(e, i) {
+  async _setupResizeHandler(e) {
     const { contentWindow: n } = e;
     if (!n)
       throw new Error("Frame needs a content window");
-    const s = n.document;
-    X(s, async () => {
-      s.body.style.overflowY = "hidden", e.height = i || s.body.offsetHeight, new ResizeObserver((a) => {
-        for (const c of a) {
-          const { top: d, bottom: h } = c.contentRect, u = h + d;
-          e.height = u + "", c.target.style = "";
+    const i = n.document;
+    Q(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 = "");
         }
       }).observe(await this._findInnerContainer(e));
     });
   }
   open() {
-    const e = this.container ? this._findElement() : document.body, n = (e.shadowRoot || e).querySelector(`#${this.id}`);
-    if (!n) throw new Error("Could not determine container div");
-    n.showModal();
+    const e = this.container ? this._findElement() : document.body, i = (e.shadowRoot || e).querySelector(`#${this.id}`);
+    if (!i) throw new Error("Could not determine container div");
+    i.showModal();
     const s = this._findFrame();
     if (!s) throw new Error("Could not find iframe");
     const { contentWindow: r } = s;
     if (!r) throw new Error("Squatch.js has an empty iframe");
     const a = r.document;
-    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), k("Popup opened")) : this._attachLoadEventListener(a, c);
+    Q(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);
     });
   }
   close() {
     const e = this._findFrame();
     e != null && e.contentDocument && this._detachLoadEventListener(e.contentDocument);
-    const i = this.container ? this._findElement() : document.body, s = (i.shadowRoot || i).querySelector(`#${this.id}`);
+    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(), k("Popup closed");
+    s.close(), T("Popup closed");
   }
   _clickedOutside({ target: e }) {
   }
-  _error(e, i = "modal", n = "") {
-    return super._error(e, i, n || "body { margin: 0; } .modal { box-shadow: none; border: 0; }");
+  _error(e, n = "modal", i = "") {
+    return super._error(e, n, i || "body { margin: 0; } .modal { box-shadow: none; border: 0; }");
   }
 }
-const y = E("squatch-js:widgets");
-class j {
+const v = k("squatch-js:widgets");
+class D {
   /**
    * Initialize a new {@link Widgets} instance.
    *
@@ -812,8 +1126,8 @@ class j {
      * @default "https://fast.ssqt.io/npm"
      */
     l(this, "npmCdn");
-    const e = W(t);
-    this.tenantAlias = e.tenantAlias, this.domain = e.domain, this.npmCdn = e.npmCdn, this.api = new Y(e);
+    const e = q(t);
+    this.tenantAlias = e.tenantAlias, this.domain = e.domain, this.npmCdn = e.npmCdn, this.api = new K(e);
   }
   /**
    * This function calls the {@link WidgetApi.upsertUser} method, and it renders
@@ -832,26 +1146,26 @@ class j {
    * @return {Promise<WidgetResult>} json object if true, with a Widget and user details
    */
   async upsertUser(t) {
-    const i = se(t);
+    const n = ce(t);
     try {
-      const n = await this.api.upsertUser(i);
+      const i = await this.api.upsertUser(n);
       return {
-        widget: this._renderWidget(n, i, {
+        widget: this._renderWidget(i, n, {
           type: "upsert",
-          user: i.user,
+          user: n.user,
           engagementMedium: t.engagementMedium,
           container: t.container,
           trigger: t.trigger,
           widgetConfig: {
             values: {
-              brandingConfig: n == null ? void 0 : n.brandingConfig
+              brandingConfig: i == null ? void 0 : i.brandingConfig
             }
           }
         }),
-        user: n.user
+        user: i.user
       };
-    } catch (n) {
-      throw y(n), n.apiErrorCode && this._renderErrorWidget(n, t.engagementMedium), new Error(n);
+    } catch (i) {
+      throw v(i), i.apiErrorCode && this._renderErrorWidget(i, t.engagementMedium), new Error(i);
     }
   }
   /**
@@ -870,21 +1184,21 @@ class j {
    * @return {Promise<WidgetResult>} json object if true, with a Widget and user details
    */
   async render(t) {
-    const i = re(t);
+    const n = le(t);
     try {
-      const n = await this.api.render(i);
+      const i = await this.api.render(n);
       return {
-        widget: this._renderWidget(n, i, {
+        widget: this._renderWidget(i, n, {
           type: "passwordless",
-          engagementMedium: i.engagementMedium,
-          container: i.container,
-          trigger: i.trigger,
-          widgetConfig: n == null ? void 0 : n.widgetConfig
+          engagementMedium: n.engagementMedium,
+          container: n.container,
+          trigger: n.trigger,
+          widgetConfig: i == null ? void 0 : i.widgetConfig
         }),
-        user: n.user
+        user: i.user
       };
-    } catch (n) {
-      throw n.apiErrorCode && this._renderErrorWidget(n, i.engagementMedium), new Error(n);
+    } catch (i) {
+      throw i.apiErrorCode && this._renderErrorWidget(i, n.engagementMedium), new Error(i);
     }
   }
   /**
@@ -901,20 +1215,20 @@ class j {
         const s = await this.api.squatchReferralCookie();
         e(s);
       } catch (s) {
-        throw y("Autofill error", s), new Error(s);
+        throw v("Autofill error", s), new Error(s);
       }
       return;
     }
     if (typeof e != "string")
       throw new Error("Autofill accepts a string or function");
-    let i = document.querySelectorAll(e), n;
-    if (i.length > 0)
-      n = i[0];
+    let n = document.querySelectorAll(e), i;
+    if (n.length > 0)
+      i = n[0];
     else
-      throw y("Element id/class or function missing"), new Error("Element id/class or function missing");
+      throw v("Element id/class or function missing"), new Error("Element id/class or function missing");
     try {
       const s = await this.api.squatchReferralCookie();
-      n.value = s.codes[0];
+      i.value = s.codes[0];
     } catch (s) {
       throw new Error(s);
     }
@@ -927,41 +1241,41 @@ class j {
    * @param {string} config.engagementMedium (POPUP, EMBED)
    * @returns {Widget} widget (PopupWidget or EmbedWidget)
    */
-  _renderWidget(t, e, i) {
-    var c;
-    if (y("Rendering Widget..."), !t) throw new Error("Unable to get a response");
-    let n, s = !!e.displayOnLoad;
+  _renderWidget(t, e, n) {
+    var d;
+    if (v("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 || ((c = r.widget) == null ? void 0 : c.defaultWidgetType),
+      type: e.widgetType || ((d = r.widget) == null ? void 0 : d.defaultWidgetType),
       api: this.api,
       domain: this.domain,
       npmCdn: this.npmCdn,
-      context: i
+      context: n
     };
-    return r.widgetUrlMappings && r.widgetUrlMappings.forEach((d) => {
+    return r.widgetUrlMappings && r.widgetUrlMappings.forEach((c) => {
       var h, u;
-      j._matchesUrl(d.url) && (d.widgetType !== "CONVERSION_WIDGET" || (u = (h = t.user) == null ? void 0 : h.referredBy) != null && u.code ? (s = d.displayOnLoad, y(`Display ${d.widgetType} on ${d.url}`)) : y(
-        `Don't display ${d.widgetType} when no referral on widget rule match ${d.url}`
+      D._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}`
       ));
-    }), r.fuelTankAutofillUrls && (y("We found a fuel tank autofill!"), r.fuelTankAutofillUrls.forEach(({ url: d, formSelector: h }) => {
-      var u, m, p;
-      if (j._matchesUrl(d) && (y("Fuel Tank URL matches"), (m = (u = t.user) == null ? void 0 : u.referredBy) != null && m.code)) {
-        const g = document.querySelector(h);
-        g ? g.value = ((p = t.user.referredBy.referredReward) == null ? void 0 : p.fuelTankCode) || "" : y(
+    }), r.fuelTankAutofillUrls && (v("We found a fuel tank autofill!"), r.fuelTankAutofillUrls.forEach(({ url: c, formSelector: h }) => {
+      var u, p, g;
+      if (D._matchesUrl(c) && (v("Fuel Tank URL matches"), (p = (u = t.user) == null ? void 0 : u.referredBy) != null && p.code)) {
+        const m = document.querySelector(h);
+        m ? m.value = ((g = t.user.referredBy.referredReward) == null ? void 0 : g.fuelTankCode) || "" : v(
           new Error(
             `Element with id/class ${h} was not found.`
           )
         );
       }
-    })), e.engagementMedium === "EMBED" ? n = this._renderEmbedWidget(a) : (n = this._renderPopupWidget(a), s && n.open()), n;
+    })), e.engagementMedium === "EMBED" ? i = this._renderEmbedWidget(a) : (i = this._renderPopupWidget(a), s && i.open()), i;
   }
   _renderPopupWidget(t) {
-    const e = new O(t, t.context.trigger);
+    const e = new j(t, t.context.trigger);
     return e.load(), e;
   }
   _renderEmbedWidget(t) {
-    const e = new L(t, t.context.container);
+    const e = new O(t, t.context.container);
     return e.load(), e;
   }
   /**
@@ -971,11 +1285,11 @@ class j {
    * @returns {void}
    */
   _renderErrorWidget(t, e = "POPUP") {
-    const { apiErrorCode: i, rsCode: n, message: s } = t;
-    y(new Error(`${i} (${n}) ${s}`));
+    const { apiErrorCode: n, rsCode: i, message: s } = t;
+    v(new Error(`${n} (${i}) ${s}`));
     const r = {
       content: "error",
-      rsCode: n,
+      rsCode: i,
       api: this.api,
       domain: this.domain,
       npmCdn: this.npmCdn,
@@ -983,7 +1297,7 @@ class j {
       context: { type: "error" }
     };
     let a;
-    e === "EMBED" ? (a = new L(r), a.load()) : e === "POPUP" && (a = new O(r), a.load());
+    e === "EMBED" ? (a = new O(r), a.load()) : e === "POPUP" && (a = new j(r), a.load());
   }
   /**
    * @hidden
@@ -994,7 +1308,7 @@ class j {
     return !!window.location.href.match(new RegExp(t));
   }
 }
-class Ue {
+class Oe {
   /**
    * Initialize a new {@link EventsApi} instance.
    *
@@ -1014,8 +1328,8 @@ class Ue {
   constructor(t) {
     l(this, "tenantAlias");
     l(this, "domain");
-    const i = W(t);
-    this.tenantAlias = i.tenantAlias, this.domain = i.domain;
+    const n = q(t);
+    this.tenantAlias = n.tenantAlias, this.domain = n.domain;
   }
   /**
    * Track an event for a user
@@ -1026,11 +1340,11 @@ class Ue {
    * @return An ID to confirm the event has been accepted for asynchronous processing
    */
   track(t, e) {
-    const i = t, n = e, s = Re(i), { jwt: r } = $e(n), 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 V(u, JSON.stringify(s), r);
+    const n = t, i = e, s = je(n), { jwt: r } = De(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;
+    return X(u, JSON.stringify(s), r);
   }
 }
-function Re(o) {
+function je(o) {
   if (!I(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");
@@ -1040,68 +1354,68 @@ function Re(o) {
     throw new Error("'events' should be an array");
   return t;
 }
-function $e(o) {
+function De(o) {
   if (!I(o)) throw new Error("'options' should be an object");
   return o;
 }
-function Pe() {
-  var n;
-  const o = window[J] ? J : U, t = ((n = window["_" + o]) == null ? void 0 : n.ready) || [], e = window.impactOnReady || window.squatchOnReady, i = [...t, e].filter((s) => !!s);
+function Ne() {
+  var i;
+  const o = window[z] ? z : R, t = ((i = window["_" + o]) == null ? void 0 : i.ready) || [], e = window.impactOnReady || window.squatchOnReady, n = [...t, e].filter((s) => !!s);
   setTimeout(() => {
-    window[U] && (window[J] = window[U], i.forEach((s) => s()), window[U]._auto(), window["_" + o] = void 0, delete window["_" + o]);
+    window[R] && (window[z] = window[R], n.forEach((s) => s()), window[R]._auto(), window["_" + o] = void 0, delete window["_" + o]);
   }, 0);
 }
-const v = E("squatch-js"), te = (o) => typeof o == "object" && !Array.isArray(o), de = (o, t) => {
-  const e = (n) => te(t[n]) && o.hasOwnProperty(n) && te(o[n]), i = Object.getOwnPropertyNames(t).map((n) => ({
-    [n]: e(n) ? de(o[n], t[n]) : t[n]
-  })).reduce((n, s) => ({ ...n, ...s }), {});
+const x = k("squatch-js"), se = (o) => typeof o == "object" && !Array.isArray(o), me = (o, t) => {
+  const e = (i) => se(t[i]) && o.hasOwnProperty(i) && se(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,
-    ...i
+    ...n
   };
 };
-function D(o) {
+function N(o) {
   const t = atob(o.replace(/_/g, "/").replace(/-/g, "+")), e = new Uint8Array(t.length);
-  for (let i = 0; i < t.length; i++)
-    e[i] = t.charCodeAt(i);
+  for (let n = 0; n < t.length; n++)
+    e[n] = t.charCodeAt(n);
   return new TextDecoder("utf8").decode(e);
 }
-function ne(o) {
+function re(o) {
   const t = new TextEncoder().encode(o), e = Array.from(
     t,
-    (i) => String.fromCodePoint(i)
+    (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", i = document.location.hostname.split(".");
-  for (o = i.length - 1; o >= 0; o--)
-    if (t = i.slice(o).join("."), document.cookie = e + ";domain=." + t + ";", document.cookie.indexOf(e) > -1)
+function Fe() {
+  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 Me() {
+function He() {
   const o = window.location.search, e = new URLSearchParams(o).get("_saasquatch") || "";
   if (e) {
-    let i = "", n = "", s = "";
+    let n = "", i = "", s = "";
     try {
-      i = JSON.parse(D(e));
+      n = JSON.parse(N(e));
     } catch (r) {
-      v("Unable to decode params", r);
+      x("Unable to decode params", r);
       return;
     }
     try {
-      n = JSON.parse(D(S.get("_saasquatch"))), v("existing cookie", n);
+      i = JSON.parse(N(M.get("_saasquatch"))), x("existing cookie", i);
     } catch (r) {
-      v("Unable to retrieve cookie", r);
+      x("Unable to retrieve cookie", r);
     }
     try {
-      const r = Se();
-      if (v("domain retrieved:", r), n) {
-        const a = de(n, i);
-        s = ne(JSON.stringify(a)), v("cookie to store:", a);
+      const r = Fe();
+      if (x("domain retrieved:", r), i) {
+        const a = me(i, n);
+        s = re(JSON.stringify(a)), x("cookie to store:", a);
       } else
-        s = ne(JSON.stringify(i)), v("cookie to store:", i);
-      S.set("_saasquatch", s, {
+        s = re(JSON.stringify(n)), x("cookie to store:", n);
+      M.set("_saasquatch", s, {
         expires: 365,
         secure: !1,
         sameSite: "Lax",
@@ -1109,67 +1423,67 @@ function Me() {
         path: "/"
       });
     } catch (r) {
-      v("Unable to set cookie", r);
+      x("Unable to set cookie", r);
     }
   }
 }
-const $ = E("squatch-js");
-function Le() {
+const P = k("squatch-js");
+function Be() {
   var u;
   const o = window.location.search, e = new URLSearchParams(o).get("_saasquatchExtra") || "";
   if (!e) {
-    $("No _saasquatchExtra param");
+    P("No _saasquatchExtra param");
     return;
   }
-  const i = W({
+  const n = q({
     tenantAlias: "UNKNOWN"
   });
-  if (!i.domain) {
-    $("domain must be provided in config to use _saasquatchExtra");
+  if (!n.domain) {
+    P("domain must be provided in config to use _saasquatchExtra");
     return;
   }
-  let n;
+  let i;
   try {
-    n = JSON.parse(D(e));
+    i = JSON.parse(N(e));
   } catch {
-    $("Unable to decode _saasquatchExtra config");
+    P("Unable to decode _saasquatchExtra config");
     return;
   }
-  function s(m) {
-    return m.replace(/^https?:\/\//, "");
+  function s(p) {
+    return p.replace(/^https?:\/\//, "");
   }
-  const r = s(i.domain), a = Object.keys((n == null ? void 0 : n[r]) || {})[0], c = (u = n == null ? void 0 : n[r]) == null ? void 0 : u[a];
-  if (!c) {
-    $("_saasquatchExtra did not have an expected structure");
+  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) {
+    P("_saasquatchExtra did not have an expected structure");
     return;
   }
-  const { autoPopupWidgetType: d, ...h } = c;
+  const { autoPopupWidgetType: c, ...h } = d;
   return {
     widgetConfig: {
-      widgetType: d,
+      widgetType: c,
       displayOnLoad: !0,
       ...h
     },
     squatchConfig: {
-      ...i,
+      ...n,
       tenantAlias: a
     }
   };
 }
-const Oe = E("squatch-js:decodeUserJwt");
-function je(o) {
+const Je = k("squatch-js:decodeUserJwt");
+function ze(o) {
   var t;
   try {
     const e = o.split(".")[1];
     if (e === void 0) return null;
-    const i = D(e);
-    return (t = JSON.parse(i)) == null ? void 0 : t.user;
+    const n = N(e);
+    return (t = JSON.parse(n)) == null ? void 0 : t.user;
   } catch (e) {
-    return Oe(e), null;
+    return Je(e), null;
   }
 }
-const ie = E("squatch-js:DeclarativeWidget");
-class le extends HTMLElement {
+const ae = k("squatch-js:DeclarativeWidget");
+class ge extends HTMLElement {
   constructor() {
     super();
     /**
@@ -1222,28 +1536,28 @@ class le extends HTMLElement {
      * @hidden
      */
     l(this, "loaded");
-    l(this, "_setWidget", (e, i) => {
+    l(this, "_setWidget", (e, n) => {
       var s;
-      const n = {
+      const i = {
         api: this.widgetApi,
         content: e.template,
         context: {
-          type: i.type,
-          user: i.user,
+          type: n.type,
+          user: n.user,
           container: this.container || void 0,
           engagementMedium: this.type,
           widgetConfig: e.widgetConfig
         },
         type: this.widgetType,
         domain: ((s = this.config) == null ? void 0 : s.domain) || A,
-        npmCdn: z,
+        npmCdn: V,
         container: this
       };
       if (this.type === "EMBED")
-        return new L(n);
+        return new O(i);
       {
         const r = this.firstChild ? null : void 0;
-        return new O(n, r);
+        return new j(i, r);
       }
     });
     /**
@@ -1251,8 +1565,8 @@ class le extends HTMLElement {
      * @returns Instance of either {@link EmbedWidget} or {@link PopupWidget} depending on `this.type`
      */
     l(this, "setErrorWidget", (e) => {
-      var n;
-      const i = {
+      var i;
+      const n = {
         api: this.widgetApi,
         content: "error",
         context: {
@@ -1260,15 +1574,15 @@ class le extends HTMLElement {
           container: this.container || void 0
         },
         type: "ERROR_WIDGET",
-        domain: ((n = this.config) == null ? void 0 : n.domain) || A,
-        npmCdn: z,
+        domain: ((i = this.config) == null ? void 0 : i.domain) || A,
+        npmCdn: V,
         container: this
       };
       if (this.type === "EMBED")
-        return new L(i);
+        return new O(n);
       {
         const s = this.firstChild ? null : void 0;
-        return new O(i, s);
+        return new j(n, s);
       }
     });
     l(this, "reload", this.renderWidget);
@@ -1276,23 +1590,23 @@ class le extends HTMLElement {
     l(this, "hide", this.close);
     this.attachShadow({
       mode: "open"
-    }).innerHTML = "<style>:host { display: block; }</style><slot></slot>", this.config = Q(), this.token = q(), 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 i, n;
+    var n, i;
     if (!this.tenant) throw new Error("tenantAlias not provided");
-    this.widgetApi = new Y({
+    this.widgetApi = new K({
       tenantAlias: (e == null ? void 0 : e.tenantAlias) || this.tenant,
-      domain: (e == null ? void 0 : e.domain) || ((i = this.config) == null ? void 0 : i.domain) || A
-    }), this.analyticsApi = new ae({
       domain: (e == null ? void 0 : e.domain) || ((n = this.config) == null ? void 0 : n.domain) || A
+    }), this.analyticsApi = new he({
+      domain: (e == null ? void 0 : e.domain) || ((i = this.config) == null ? void 0 : i.domain) || A
     });
   }
   getWidgetType(e) {
     return e && (e.includes("websiteReferralWidget") || e.includes("friendWidget")) ? "instant-access" : "verified-access";
   }
   async renderPasswordlessVariant() {
-    return this._setupApis(), ie("Rendering as an Instant Access widget"), await this.widgetApi.render({
+    return this._setupApis(), ae("Rendering as an Instant Access widget"), await this.widgetApi.render({
       engagementMedium: this.type,
       widgetType: this.widgetType,
       locale: this.locale
@@ -1300,8 +1614,8 @@ class le extends HTMLElement {
   }
   async renderUserUpsertVariant() {
     this._setupApis();
-    const e = je(this.token);
-    return e ? (ie("Rendering as a Verified widget"), await this.widgetApi.upsertUser({
+    const e = ze(this.token);
+    return e ? (ae("Rendering as a Verified widget"), await this.widgetApi.upsertUser({
       user: e,
       locale: this.locale,
       engagementMedium: this.type,
@@ -1311,7 +1625,7 @@ class le extends HTMLElement {
       locale: this.locale,
       engagementMedium: this.type,
       widgetType: this.widgetType
-    }).then((n) => this._setWidget(n, { type: "upsert", user: e })).catch(this.setErrorWidget)) : this.setErrorWidget(Error("No user object in token."));
+    }).then((i) => this._setWidget(i, { type: "upsert", user: e })).catch(this.setErrorWidget)) : this.setErrorWidget(Error("No user object in token."));
   }
   /**
    * Fetches widget content from SaaSquatch and builds a Widget instance to support rendering the widget in the DOM
@@ -1348,8 +1662,8 @@ class le extends HTMLElement {
   static get observedAttributes() {
     return ["widget", "locale"];
   }
-  attributeChangedCallback(e, i, n) {
-    if (!(i === n || !this.loaded))
+  attributeChangedCallback(e, n, i) {
+    if (!(n === i || !this.loaded))
       switch (e) {
         case "locale":
         case "widget":
@@ -1359,15 +1673,15 @@ class le 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: i } = await import("./SkeletonTemplate-CIRGs_GB.js"), n = i({
+    const e = this.getWidgetType(this.widgetType), { getSkeleton: n } = await Promise.resolve().then(() => Pe), i = n({
       height: "100%",
       type: e
     }), s = document.createElement("div");
-    s.id = "loading-skeleton", s.innerHTML = n;
+    s.id = "loading-skeleton", s.innerHTML = i;
     const r = this.shadowRoot || this.attachShadow({ mode: "open" });
     if (this.type === "POPUP") {
-      const c = r.getElementById("#squatchModal");
-      c && (c.innerHTML = "", c.appendChild(s));
+      const d = r.getElementById("#squatchModal");
+      d && (d.innerHTML = "", d.appendChild(s));
     } else
       r.innerHTML = "", r.appendChild(s);
     await this.renderWidget();
@@ -1375,93 +1689,93 @@ class le extends HTMLElement {
     a && a.remove(), this.getAttribute("open") !== null && this.open();
   }
 }
-class he extends le {
+class fe extends ge {
   constructor() {
     super(), this.type = "EMBED", this.loaded = !1;
   }
 }
-class ue extends le {
+class we extends ge {
   constructor() {
     super(), this.type = "POPUP", this.loaded = !1, this.addEventListener("click", (t) => {
       t.stopPropagation(), this.open();
     });
   }
 }
-class De extends he {
+class Ge extends fe {
 }
-class Ne extends ue {
+class Ve extends we {
 }
-class Fe extends he {
+class Xe extends fe {
 }
-class He extends ue {
+class Qe extends we {
 }
-window.customElements.get("squatch-embed") || window.customElements.define("squatch-embed", De);
-window.customElements.get("impact-embed") || window.customElements.define("impact-embed", Fe);
-window.customElements.get("squatch-popup") || window.customElements.define("squatch-popup", Ne);
-window.customElements.get("impact-popup") || window.customElements.define("impact-popup", He);
-function Ge() {
+window.customElements.get("squatch-embed") || window.customElements.define("squatch-embed", Ge);
+window.customElements.get("impact-embed") || window.customElements.define("impact-embed", Xe);
+window.customElements.get("squatch-popup") || window.customElements.define("squatch-popup", Ve);
+window.customElements.get("impact-popup") || window.customElements.define("impact-popup", Qe);
+function Ze() {
   console.log(
     "Having trouble using Squatch.js? Go to https://docs.referralsaasquatch.com/developer/ for tutorials, references and error codes."
   );
 }
-const x = E("squatch-js");
-let N = null, F = null, H = null;
-function ze() {
-  return N || B({}), N;
+const $ = k("squatch-js");
+let F = null, H = null, B = null;
+function et() {
+  return F || J({}), F;
 }
-function K() {
-  return F || B({}), F;
+function Z() {
+  return H || J({}), H;
 }
-function Ve() {
-  return H || B({}), H;
+function tt() {
+  return B || J({}), B;
 }
-function Xe(o) {
+function nt(o) {
   var t;
-  return (t = K()) == null ? void 0 : t.render(o);
+  return (t = Z()) == null ? void 0 : t.render(o);
 }
-function Qe() {
+function it() {
   var t;
-  const o = Le();
+  const o = Be();
   if (o) {
-    const { squatchConfig: e, widgetConfig: i } = o;
-    return B(e), (t = K()) == null ? void 0 : t.render(i);
+    const { squatchConfig: e, widgetConfig: n } = o;
+    return J(e), (t = Z()) == null ? void 0 : t.render(n);
   }
 }
-function B(o) {
-  const e = W(o);
-  e.tenantAlias.match("^test") || e.debug ? Ce("squatch-js*") : ve(), x("initializing ..."), N = new Y(e), F = new j(e), H = new Ue(e), x("Widget API instance", N), x("Widgets instance", F), x("Events API instance", H);
+function J(o) {
+  const e = q(o);
+  e.tenantAlias.match("^test") || e.debug ? Ae("squatch-js*") : Ie(), $("initializing ..."), F = new K(e), H = new D(e), B = new Oe(e), $("Widget API instance", F), $("Widgets instance", H), $("Events API instance", B);
 }
-function Ye(o) {
+function ot(o) {
   o();
 }
-function Ke(o) {
-  K().autofill(o);
+function st(o) {
+  Z().autofill(o);
 }
-function Be() {
-  Me();
+function Ye() {
+  He();
 }
-typeof document < "u" && !window.SaaSquatchDoNotAutoDrop && Be();
-var oe;
-(oe = window.squatch) != null && oe.init && x(
+typeof document < "u" && !window.SaaSquatchDoNotAutoDrop && Ye();
+var de;
+(de = window.squatch) != null && de.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" && Pe();
+typeof document < "u" && Ne();
 export {
-  he as DeclarativeEmbedWidget,
-  ue as DeclarativePopupWidget,
-  L as EmbedWidget,
-  O as PopupWidget,
-  Y as WidgetApi,
-  j as Widgets,
-  Qe as _auto,
-  ze as api,
-  Ke as autofill,
-  Ve as events,
-  Ge as help,
-  B as init,
-  Be as pushCookie,
-  Ye as ready,
-  Xe as widget,
-  K as widgets
+  fe as DeclarativeEmbedWidget,
+  we as DeclarativePopupWidget,
+  O as EmbedWidget,
+  j as PopupWidget,
+  K as WidgetApi,
+  D as Widgets,
+  it as _auto,
+  et as api,
+  st as autofill,
+  tt as events,
+  Ze as help,
+  J as init,
+  Ye as pushCookie,
+  ot as ready,
+  nt as widget,
+  Z as widgets
 };
 //# sourceMappingURL=squatch.esm.js.map