@saasquatch/squatch-js 2.8.3-3 → 2.8.3-30

package/dist/squatch.esm.js

@@ -1,608 +1,235 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var _a;
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+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, ".*");
+  _ = new RegExp(`^${e}$`);
 }
-var browser = { exports: {} };
-var ms;
-var hasRequiredMs;
-function requireMs() {
-  if (hasRequiredMs) return ms;
-  hasRequiredMs = 1;
-  var s = 1e3;
-  var m = s * 60;
-  var h = m * 60;
-  var d = h * 24;
-  var w = d * 7;
-  var y = d * 365.25;
-  ms = function(val, options) {
-    options = options || {};
-    var type = typeof val;
-    if (type === "string" && val.length > 0) {
-      return parse(val);
-    } else if (type === "number" && isFinite(val)) {
-      return options.long ? fmtLong(val) : fmtShort(val);
-    }
-    throw new Error(
-      "val is not a non-empty string or a valid number. val=" + JSON.stringify(val)
-    );
-  };
-  function parse(str) {
-    str = String(str);
-    if (str.length > 100) {
-      return;
-    }
-    var match = /^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(
-      str
-    );
-    if (!match) {
-      return;
-    }
-    var n = parseFloat(match[1]);
-    var type = (match[2] || "ms").toLowerCase();
-    switch (type) {
-      case "years":
-      case "year":
-      case "yrs":
-      case "yr":
-      case "y":
-        return n * y;
-      case "weeks":
-      case "week":
-      case "w":
-        return n * w;
-      case "days":
-      case "day":
-      case "d":
-        return n * d;
-      case "hours":
-      case "hour":
-      case "hrs":
-      case "hr":
-      case "h":
-        return n * h;
-      case "minutes":
-      case "minute":
-      case "mins":
-      case "min":
-      case "m":
-        return n * m;
-      case "seconds":
-      case "second":
-      case "secs":
-      case "sec":
-      case "s":
-        return n * s;
-      case "milliseconds":
-      case "millisecond":
-      case "msecs":
-      case "msec":
-      case "ms":
-        return n;
-      default:
-        return void 0;
-    }
-  }
-  function fmtShort(ms2) {
-    var msAbs = Math.abs(ms2);
-    if (msAbs >= d) {
-      return Math.round(ms2 / d) + "d";
-    }
-    if (msAbs >= h) {
-      return Math.round(ms2 / h) + "h";
-    }
-    if (msAbs >= m) {
-      return Math.round(ms2 / m) + "m";
-    }
-    if (msAbs >= s) {
-      return Math.round(ms2 / s) + "s";
-    }
-    return ms2 + "ms";
-  }
-  function fmtLong(ms2) {
-    var msAbs = Math.abs(ms2);
-    if (msAbs >= d) {
-      return plural(ms2, msAbs, d, "day");
-    }
-    if (msAbs >= h) {
-      return plural(ms2, msAbs, h, "hour");
-    }
-    if (msAbs >= m) {
-      return plural(ms2, msAbs, m, "minute");
-    }
-    if (msAbs >= s) {
-      return plural(ms2, msAbs, s, "second");
-    }
-    return ms2 + " ms";
-  }
-  function plural(ms2, msAbs, n, name) {
-    var isPlural = msAbs >= n * 1.5;
-    return Math.round(ms2 / n) + " " + name + (isPlural ? "s" : "");
-  }
-  return ms;
+function _e() {
+  _ = null;
 }
-var common;
-var hasRequiredCommon;
-function requireCommon() {
-  if (hasRequiredCommon) return common;
-  hasRequiredCommon = 1;
-  function setup(env) {
-    createDebug.debug = createDebug;
-    createDebug.default = createDebug;
-    createDebug.coerce = coerce;
-    createDebug.disable = disable;
-    createDebug.enable = enable;
-    createDebug.enabled = enabled;
-    createDebug.humanize = requireMs();
-    Object.keys(env).forEach(function(key) {
-      createDebug[key] = env[key];
-    });
-    createDebug.instances = [];
-    createDebug.names = [];
-    createDebug.skips = [];
-    createDebug.formatters = {};
-    function selectColor(namespace) {
-      var hash = 0;
-      for (var i = 0; i < namespace.length; i++) {
-        hash = (hash << 5) - hash + namespace.charCodeAt(i);
-        hash |= 0;
-      }
-      return createDebug.colors[Math.abs(hash) % createDebug.colors.length];
-    }
-    createDebug.selectColor = selectColor;
-    function createDebug(namespace) {
-      var prevTime;
-      function debug2() {
-        if (!debug2.enabled) {
-          return;
-        }
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-        var self = debug2;
-        var curr = Number(/* @__PURE__ */ new Date());
-        var ms2 = curr - (prevTime || curr);
-        self.diff = ms2;
-        self.prev = prevTime;
-        self.curr = curr;
-        prevTime = curr;
-        args[0] = createDebug.coerce(args[0]);
-        if (typeof args[0] !== "string") {
-          args.unshift("%O");
-        }
-        var index = 0;
-        args[0] = args[0].replace(/%([a-zA-Z%])/g, function(match, format) {
-          if (match === "%%") {
-            return match;
-          }
-          index++;
-          var formatter = createDebug.formatters[format];
-          if (typeof formatter === "function") {
-            var val = args[index];
-            match = formatter.call(self, val);
-            args.splice(index, 1);
-            index--;
-          }
-          return match;
-        });
-        createDebug.formatArgs.call(self, args);
-        var logFn = self.log || createDebug.log;
-        logFn.apply(self, args);
-      }
-      debug2.namespace = namespace;
-      debug2.enabled = createDebug.enabled(namespace);
-      debug2.useColors = createDebug.useColors();
-      debug2.color = selectColor(namespace);
-      debug2.destroy = destroy;
-      debug2.extend = extend;
-      if (typeof createDebug.init === "function") {
-        createDebug.init(debug2);
-      }
-      createDebug.instances.push(debug2);
-      return debug2;
-    }
-    function destroy() {
-      var index = createDebug.instances.indexOf(this);
-      if (index !== -1) {
-        createDebug.instances.splice(index, 1);
-        return true;
-      }
-      return false;
-    }
-    function extend(namespace, delimiter) {
-      return createDebug(this.namespace + (typeof delimiter === "undefined" ? ":" : delimiter) + namespace);
-    }
-    function enable(namespaces) {
-      createDebug.save(namespaces);
-      createDebug.names = [];
-      createDebug.skips = [];
-      var i;
-      var split = (typeof namespaces === "string" ? namespaces : "").split(/[\s,]+/);
-      var len = split.length;
-      for (i = 0; i < len; i++) {
-        if (!split[i]) {
-          continue;
-        }
-        namespaces = split[i].replace(/\*/g, ".*?");
-        if (namespaces[0] === "-") {
-          createDebug.skips.push(new RegExp("^" + namespaces.substr(1) + "$"));
-        } else {
-          createDebug.names.push(new RegExp("^" + namespaces + "$"));
-        }
-      }
-      for (i = 0; i < createDebug.instances.length; i++) {
-        var instance = createDebug.instances[i];
-        instance.enabled = createDebug.enabled(instance.namespace);
-      }
-    }
-    function disable() {
-      createDebug.enable("");
-    }
-    function enabled(name) {
-      if (name[name.length - 1] === "*") {
-        return true;
-      }
-      var i;
-      var len;
-      for (i = 0, len = createDebug.skips.length; i < len; i++) {
-        if (createDebug.skips[i].test(name)) {
-          return false;
-        }
-      }
-      for (i = 0, len = createDebug.names.length; i < len; i++) {
-        if (createDebug.names[i].test(name)) {
-          return true;
-        }
-      }
-      return false;
-    }
-    function coerce(val) {
-      if (val instanceof Error) {
-        return val.stack || val.message;
-      }
-      return val;
+function C(o) {
+  const t = (...e) => {
+    _ && _.test(o) && console.log(`[${o}]`, ...e);
+  };
+  return Object.defineProperty(t, "enabled", {
+    get() {
+      return !!(_ && _.test(o));
     }
-    createDebug.enable(createDebug.load());
-    return createDebug;
-  }
-  common = setup;
-  return common;
+  }), t;
 }
-var hasRequiredBrowser;
-function requireBrowser() {
-  if (hasRequiredBrowser) return browser.exports;
-  hasRequiredBrowser = 1;
-  (function(module, exports) {
-    function _typeof(obj) {
-      if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-        _typeof = function _typeof2(obj2) {
-          return typeof obj2;
-        };
-      } else {
-        _typeof = function _typeof2(obj2) {
-          return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-        };
-      }
-      return _typeof(obj);
-    }
-    exports.log = log;
-    exports.formatArgs = formatArgs;
-    exports.save = save;
-    exports.load = load;
-    exports.useColors = useColors;
-    exports.storage = localstorage();
-    exports.colors = ["#0000CC", "#0000FF", "#0033CC", "#0033FF", "#0066CC", "#0066FF", "#0099CC", "#0099FF", "#00CC00", "#00CC33", "#00CC66", "#00CC99", "#00CCCC", "#00CCFF", "#3300CC", "#3300FF", "#3333CC", "#3333FF", "#3366CC", "#3366FF", "#3399CC", "#3399FF", "#33CC00", "#33CC33", "#33CC66", "#33CC99", "#33CCCC", "#33CCFF", "#6600CC", "#6600FF", "#6633CC", "#6633FF", "#66CC00", "#66CC33", "#9900CC", "#9900FF", "#9933CC", "#9933FF", "#99CC00", "#99CC33", "#CC0000", "#CC0033", "#CC0066", "#CC0099", "#CC00CC", "#CC00FF", "#CC3300", "#CC3333", "#CC3366", "#CC3399", "#CC33CC", "#CC33FF", "#CC6600", "#CC6633", "#CC9900", "#CC9933", "#CCCC00", "#CCCC33", "#FF0000", "#FF0033", "#FF0066", "#FF0099", "#FF00CC", "#FF00FF", "#FF3300", "#FF3333", "#FF3366", "#FF3399", "#FF33CC", "#FF33FF", "#FF6600", "#FF6633", "#FF9900", "#FF9933", "#FFCC00", "#FFCC33"];
-    function useColors() {
-      if (typeof window !== "undefined" && window.process && (window.process.type === "renderer" || window.process.__nwjs)) {
-        return true;
-      }
-      if (typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
-        return false;
-      }
-      return typeof document !== "undefined" && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || // Is firebug? http://stackoverflow.com/a/398120/376773
-      typeof window !== "undefined" && window.console && (window.console.firebug || window.console.exception && window.console.table) || // Is firefox >= v31?
-      // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages
-      typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31 || // Double check webkit in userAgent just in case we are in a worker
-      typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
-    }
-    function formatArgs(args) {
-      args[0] = (this.useColors ? "%c" : "") + this.namespace + (this.useColors ? " %c" : " ") + args[0] + (this.useColors ? "%c " : " ") + "+" + module.exports.humanize(this.diff);
-      if (!this.useColors) {
-        return;
-      }
-      var c = "color: " + this.color;
-      args.splice(1, 0, c, "color: inherit");
-      var index = 0;
-      var lastC = 0;
-      args[0].replace(/%[a-zA-Z%]/g, function(match) {
-        if (match === "%%") {
-          return;
-        }
-        index++;
-        if (match === "%c") {
-          lastC = index;
-        }
-      });
-      args.splice(lastC, 0, c);
-    }
-    function log() {
-      var _console;
-      return (typeof console === "undefined" ? "undefined" : _typeof(console)) === "object" && console.log && (_console = console).log.apply(_console, arguments);
-    }
-    function save(namespaces) {
-      try {
-        if (namespaces) {
-          exports.storage.setItem("debug", namespaces);
-        } else {
-          exports.storage.removeItem("debug");
-        }
-      } catch (error) {
-      }
-    }
-    function load() {
-      var r;
-      try {
-        r = exports.storage.getItem("debug");
-      } catch (error) {
-      }
-      if (!r && typeof process !== "undefined" && "env" in process) {
-        r = process.env.DEBUG;
-      }
-      return r;
-    }
-    function localstorage() {
-      try {
-        return localStorage;
-      } catch (error) {
-      }
-    }
-    module.exports = requireCommon()(exports);
-    var formatters = module.exports.formatters;
-    formatters.j = function(v) {
-      try {
-        return JSON.stringify(v);
-      } catch (error) {
-        return "[UnexpectedJSONParseError]: " + error.message;
-      }
-    };
-  })(browser, browser.exports);
-  return browser.exports;
+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 browserExports = requireBrowser();
-const debug = /* @__PURE__ */ getDefaultExportFromCjs(browserExports);
-/*! js-cookie v3.0.5 | MIT */
-function assign(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
-    for (var key in source) {
-      target[key] = source[key];
-    }
+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()}`;
   }
-  return target;
+  e.path && (n += `; path=${e.path}`), e.domain && (n += `; domain=${e.domain}`), e.sameSite && (n += `; SameSite=${e.sameSite}`), document.cookie = n;
 }
-var defaultConverter = {
-  read: function(value) {
-    if (value[0] === '"') {
-      value = value.slice(1, -1);
-    }
-    return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
-  },
-  write: function(value) {
-    return encodeURIComponent(value).replace(
-      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
-      decodeURIComponent
-    );
-  }
+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 init$1(converter, defaultAttributes) {
-  function set(name, value, attributes) {
-    if (typeof document === "undefined") {
+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;
     }
-    attributes = assign({}, defaultAttributes, attributes);
-    if (typeof attributes.expires === "number") {
-      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
-    }
-    if (attributes.expires) {
-      attributes.expires = attributes.expires.toUTCString();
+    try {
+      i = JSON.parse(L(V("_saasquatch"))), A("existing cookie", i);
+    } catch (r) {
+      A("Unable to retrieve cookie", r);
     }
-    name = encodeURIComponent(name).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-    var stringifiedAttributes = "";
-    for (var attributeName in attributes) {
-      if (!attributes[attributeName]) {
-        continue;
-      }
-      stringifiedAttributes += "; " + attributeName;
-      if (attributes[attributeName] === true) {
-        continue;
-      }
-      stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
+    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);
     }
-    return document.cookie = name + "=" + converter.write(value, name) + stringifiedAttributes;
   }
-  function get(name) {
-    if (typeof document === "undefined" || arguments.length && !name) {
-      return;
-    }
-    var cookies = document.cookie ? document.cookie.split("; ") : [];
-    var jar = {};
-    for (var i = 0; i < cookies.length; i++) {
-      var parts = cookies[i].split("=");
-      var value = parts.slice(1).join("=");
-      try {
-        var found = decodeURIComponent(parts[0]);
-        jar[found] = converter.read(value, found);
-        if (name === found) {
-          break;
-        }
-      } catch (e) {
-      }
-    }
-    return name ? jar[name] : jar;
-  }
-  return Object.create(
-    {
-      set,
-      get,
-      remove: function(name, attributes) {
-        set(
-          name,
-          "",
-          assign({}, attributes, {
-            expires: -1
-          })
-        );
-      },
-      withAttributes: function(attributes) {
-        return init$1(this.converter, assign({}, this.attributes, attributes));
-      },
-      withConverter: function(converter2) {
-        return init$1(assign({}, this.converter, converter2), this.attributes);
-      }
-    },
-    {
-      attributes: { value: Object.freeze(defaultAttributes) },
-      converter: { value: Object.freeze(converter) }
-    }
-  );
 }
-var api$1 = init$1(defaultConverter, { path: "/" });
-const DEFAULT_DOMAIN = "https://app.referralsaasquatch.com";
-const DEFAULT_NPM_CDN = "https://fast.ssqt.io/npm";
-const DEFAULT_NAMESPACE = "squatch";
-const IMPACT_NAMESPACE = "impact";
-function validateConfig(_raw) {
-  if (typeof _raw !== "object") throw new Error("config must be an object");
-  const tenant = window.squatchTenant;
-  const config = getConfig();
-  const raw = {
-    tenantAlias: (_raw == null ? void 0 : _raw["tenantAlias"]) || tenant,
-    domain: (_raw == null ? void 0 : _raw["domain"]) || (config == null ? void 0 : config.domain),
-    npmCdn: (_raw == null ? void 0 : _raw["npmCdn"]) || (config == null ? void 0 : config.npmCdn),
-    debug: (_raw == null ? void 0 : _raw["debug"]) || (config == null ? void 0 : config.debug)
+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 = 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 raw.tenantAlias !== "string")
+  if (typeof n.tenantAlias != "string")
     throw new Error("tenantAlias not provided");
-  const tenantAlias = raw.tenantAlias;
-  const domain = typeof raw.domain === "string" && raw.domain || DEFAULT_DOMAIN;
-  const debug2 = typeof raw.debug === "boolean" && raw.debug || false;
-  const npmCdn = typeof raw.npmCdn === "string" && raw.npmCdn || DEFAULT_NPM_CDN;
+  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,
-    domain,
-    debug: debug2,
-    npmCdn
+    tenantAlias: i,
+    domain: s,
+    debug: r,
+    npmCdn: a
   };
 }
-function isObject$1(obj) {
-  return typeof obj === "object" && !Array.isArray(obj) && obj !== null;
+function S(o) {
+  return typeof o == "object" && !Array.isArray(o) && o !== null;
 }
-function validateLocale(locale) {
-  if (locale && /^[a-z]{2}_(?:[A-Z]{2}|[0-9]{3})$/.test(locale)) {
-    return locale;
-  }
+function $e(o) {
+  if (o && /^[a-z]{2}_(?:[A-Z]{2}|[0-9]{3})$/.test(o))
+    return o;
 }
-function validateWidgetConfig(raw) {
-  if (!isObject$1(raw)) throw new Error("Widget properties must be an object");
-  if (!(raw == null ? void 0 : raw["user"])) throw new Error("Required properties missing.");
-  return raw;
+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 validatePasswordlessConfig(raw) {
-  if (!isObject$1(raw)) throw new Error("Widget properties must be an object");
-  return raw;
+function le(o) {
+  if (!S(o)) throw new Error("Widget properties must be an object");
+  return o;
 }
-function getToken() {
+function W() {
   return window.impactToken || window.squatchToken;
 }
-function getConfig() {
+function Y() {
   return window.impactConfig || window.squatchConfig;
 }
-browserExports.debug("squatch-js:io");
-async function doQuery(url, query, variables, jwt) {
-  const token = jwt || getToken();
-  const headers = {
+const he = C("squatch-js:io");
+function B(o) {
+  let t, e, n, i = o;
+  try {
+    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 xe(o, t, e, n) {
+  const i = n || W(), s = {
     Accept: "application/json",
     "Content-Type": "application/json",
-    ...token ? { Authorization: `Bearer ${token}` } : {},
+    ...i ? { Authorization: `Bearer ${i}` } : {},
     "X-SaaSquatch-Referrer": window ? window.location.href : ""
   };
   try {
-    const res = await fetch(url, {
+    const r = await fetch(o, {
       method: "POST",
-      body: JSON.stringify({ query, variables }),
-      headers
+      body: JSON.stringify({ query: t, variables: e }),
+      headers: s
     });
-    if (!res.ok) throw new Error(await res.text());
-    return await res.json();
-  } catch (e) {
-    throw e;
+    if (!r.ok) throw B(await r.text());
+    return await r.json();
+  } catch (r) {
+    throw r;
   }
 }
-async function doGet(url, jwt = "") {
-  const headers = {
+async function qe(o, t = "") {
+  const e = {
     Accept: "application/json",
     "Content-Type": "application/json"
-  };
-  const token = jwt || getToken();
-  if (token) headers["X-SaaSquatch-User-Token"] = token;
+  }, n = t || W();
+  n ? e["X-SaaSquatch-User-Token"] = n : he(
+    "[DEBUG] doGet - No token found, proceeding without authentication header."
+  );
   try {
-    const res = await fetch(url, {
+    const i = await fetch(o, {
       method: "GET",
       credentials: "include",
-      headers
-    });
-    const reply = await res.text();
-    if (!res.ok) throw new Error(reply);
-    return reply ? JSON.parse(reply) : reply;
-  } catch (e) {
-    throw e;
+      headers: e
+    }), s = await i.text();
+    if (!i.ok) throw B(s);
+    return s && JSON.parse(s);
+  } catch (i) {
+    throw i;
   }
 }
-async function doPost(url, data, jwt) {
-  const headers = {
+async function Q(o, t, e) {
+  const n = {
     Accept: "application/json",
     "Content-Type": "application/json"
-  };
-  const token = jwt || getToken();
-  if (token) headers["X-SaaSquatch-User-Token"] = token;
+  }, i = e || W();
+  i ? n["X-SaaSquatch-User-Token"] = i : he(
+    "[DEBUG] doPost - No token found, proceeding without authentication header."
+  );
   try {
-    const res = await fetch(url, {
+    const s = await fetch(o, {
       method: "POST",
-      body: data,
-      headers
-    });
-    const reply = await res.text();
-    if (!res.ok) throw new Error(reply);
-    return reply ? JSON.parse(reply) : reply;
-  } catch (e) {
-    throw e;
+      body: t,
+      headers: n
+    }), r = await s.text();
+    if (!s.ok) throw B(r);
+    return r && JSON.parse(r);
+  } catch (s) {
+    throw s;
   }
 }
-async function doPut(url, data, jwt) {
-  const headers = {
+async function We(o, t, e) {
+  const n = {
     Accept: "application/json",
     "Content-Type": "application/json",
     "X-SaaSquatch-Referrer": window ? window.location.href : ""
-  };
-  const token = jwt || getToken();
-  if (token) headers["X-SaaSquatch-User-Token"] = token;
+  }, i = e || W();
+  i && (n["X-SaaSquatch-User-Token"] = i);
   try {
-    const res = await fetch(url, {
-      headers,
+    const s = await fetch(o, {
+      headers: n,
       method: "PUT",
       credentials: "include",
-      body: data
-    });
-    const reply = await res.text();
-    if (!res.ok) throw new Error(reply);
-    return reply ? JSON.parse(reply) : reply;
-  } catch (e) {
-    throw e;
+      body: t
+    }), r = await s.text();
+    if (!s.ok) throw B(r);
+    return r && JSON.parse(r);
+  } catch (s) {
+    throw s;
   }
 }
-const RENDER_WIDGET_QUERY = `
+const Me = `
   query renderWidget ($user: UserIdInput, $engagementMedium: UserEngagementMedium, $widgetType: WidgetType, $locale: RSLocale) {
     renderWidget(user: $user, engagementMedium: $engagementMedium, widgetType: $widgetType, locale: $locale) {
       template
@@ -617,7 +244,7 @@ const RENDER_WIDGET_QUERY = `
     }
   }
 `;
-class WidgetApi {
+class Z {
   /**
    * Initialize a new {@link WidgetApi} instance.
    *
@@ -634,16 +261,13 @@ class WidgetApi {
    * import {WidgetApi} from '@saasquatch/squatch-js';
    * let squatchApi = new WidgetApi({tenantAlias:'test_12b5bo1b25125'});
    */
-  constructor(config) {
-    __publicField(this, "tenantAlias");
-    __publicField(this, "domain");
-    __publicField(this, "npmCdn");
-    __publicField(this, "referralCookie", this.squatchReferralCookie);
-    const raw = config;
-    const clean = validateConfig(raw);
-    this.tenantAlias = clean.tenantAlias;
-    this.domain = clean.domain;
-    this.npmCdn = clean.npmCdn;
+  constructor(t) {
+    l(this, "tenantAlias");
+    l(this, "domain");
+    l(this, "npmCdn");
+    l(this, "referralCookie", this.squatchReferralCookie);
+    const n = q(t);
+    this.tenantAlias = n.tenantAlias, this.domain = n.domain, this.npmCdn = n.npmCdn;
   }
   /**
    * Creates/upserts user, requests widget template.
@@ -659,29 +283,19 @@ class WidgetApi {
    *
    * @return {Promise} string if true, with the widget template, jsOptions and user details.
    */
-  upsertUser(params) {
-    const raw = params;
-    const clean = validateWidgetConfig(raw);
-    const {
-      widgetType,
-      engagementMedium = "POPUP",
-      jwt,
-      locale,
-      user
-    } = clean;
-    const tenantAlias = encodeURIComponent(this.tenantAlias);
-    const accountId = user.accountId ? encodeURIComponent(user.accountId) : null;
-    const userId = user.id ? encodeURIComponent(user.id) : null;
-    const optionalParams = _buildParams({
-      widgetType,
-      engagementMedium,
-      locale
-    });
-    const path = `/api/v1/${tenantAlias}/widget/account/${accountId}/user/${userId}/upsert${optionalParams}`;
-    const url = this.domain + path;
-    const cookies = (api$1 || window.Cookies).get("_saasquatch");
-    if (cookies) user["cookies"] = cookies;
-    return doPut(url, JSON.stringify(user), jwt);
+  upsertUser(t) {
+    const n = de(t), {
+      widgetType: i,
+      engagementMedium: s = "POPUP",
+      jwt: r,
+      locale: a,
+      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
+    }), 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
@@ -696,34 +310,25 @@ class WidgetApi {
    *                            to validate the data (can be disabled)
    * @return {Promise} template html if true.
    */
-  render(params) {
-    const raw = params;
-    const clean = validatePasswordlessConfig(raw);
-    const { widgetType, engagementMedium = "POPUP", jwt, user } = clean;
-    console.log({ params });
-    const tenantAlias = encodeURIComponent(this.tenantAlias);
-    const accountId = (user == null ? void 0 : user.accountId) ? encodeURIComponent(user.accountId) : null;
-    const userId = (user == null ? void 0 : user.id) ? encodeURIComponent(user.id) : null;
-    const locale = clean.locale ?? validateLocale(navigator.language.replace(/\-/g, "_"));
-    const path = `/api/v1/${tenantAlias}/graphql`;
-    const url = this.domain + path;
-    return new Promise(async (resolve, reject) => {
-      var _a2;
+  render(t) {
+    const n = le(t), { widgetType: i, engagementMedium: s = "POPUP", jwt: r, user: a } = n, c = encodeURIComponent(this.tenantAlias), d = a != null && a.accountId ? encodeURIComponent(a.accountId) : null, h = a != null && a.id ? encodeURIComponent(a.id) : null, u = n.locale ?? $e(navigator.language.replace(/\-/g, "_")), m = `/api/v1/${c}/graphql`, p = this.domain + m;
+    return new Promise(async (g, f) => {
+      var b;
       try {
-        const res = await doQuery(
-          url,
-          RENDER_WIDGET_QUERY,
+        const w = await xe(
+          p,
+          Me,
           {
-            user: userId && accountId ? { id: userId, accountId } : null,
-            engagementMedium,
-            widgetType,
-            locale
+            user: h && d ? { id: h, accountId: d } : null,
+            engagementMedium: s,
+            widgetType: i,
+            locale: u
           },
-          jwt
+          r
         );
-        resolve((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.renderWidget);
-      } catch (e) {
-        reject(e);
+        g((b = w == null ? void 0 : w.data) == null ? void 0 : b.renderWidget);
+      } catch (w) {
+        f(w);
       }
     });
   }
@@ -733,64 +338,48 @@ class WidgetApi {
    * @return {Promise<ReferralCookie>} code referral code if true.
    */
   async squatchReferralCookie() {
-    const tenantAlias = encodeURIComponent(this.tenantAlias);
-    const _saasquatch = (api$1 || window.Cookies).get("_saasquatch") || "";
-    const cookie = _saasquatch ? `?cookies=${encodeURIComponent(_saasquatch)}` : ``;
-    const url = `${this.domain}/a/${tenantAlias}/widgets/squatchcookiejson${cookie}`;
-    const response = await doGet(url);
+    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({
-      ...response,
-      encodedCookie: _saasquatch
+      ...s,
+      encodedCookie: e
     });
   }
 }
-function _buildParams({
-  widgetType,
-  engagementMedium,
-  locale
+function Ue({
+  widgetType: o,
+  engagementMedium: t,
+  locale: e
 }) {
-  const queryParams = new URLSearchParams();
-  queryParams.append("engagementMedium", engagementMedium);
-  if (widgetType) queryParams.append("widgetType", widgetType);
-  if (locale) queryParams.append("locale", locale);
-  return `?${queryParams.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 domready(targetDoc, fn) {
-  let fns = [];
-  let listener;
-  let doc = targetDoc;
-  let hack = doc.documentElement.doScroll;
-  let domContentLoaded = "DOMContentLoaded";
-  let loaded = (hack ? /^loaded|^c/ : /^loaded|^i|^c/).test(doc.readyState);
-  if (!loaded)
-    doc.addEventListener(
-      domContentLoaded,
-      listener = () => {
-        doc.removeEventListener(domContentLoaded, listener);
-        loaded = true;
-        while (listener = fns.shift()) listener();
-      }
-    );
-  return loaded ? setTimeout(fn, 0) : fns.push(fn);
+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,
+    n = () => {
+      for (i.removeEventListener(r, n), a = !0; n = e.shift(); ) n();
+    }
+  ), a ? setTimeout(t, 0) : e.push(t);
 }
-function formatWidth({
-  value,
-  unit
+function O({
+  value: o,
+  unit: t
 }) {
-  switch (unit) {
+  switch (t) {
     case "px":
-      return `${value}px`;
+      return `${o}px`;
     case "%":
-      return `${value}%`;
+      return `${o}%`;
     default:
-      return `${value}px`;
+      return `${o}px`;
   }
 }
-class AnalyticsApi {
+class ue {
   /**
    * Initialize a new {@link AnalyticsApi} instance.
    *
@@ -798,234 +387,191 @@ class AnalyticsApi {
    * @param {string} [config.domain='https://app.referralsaasquatch.com'] The server domain.
    *
    */
-  constructor(config) {
-    __publicField(this, "domain");
-    var _a2;
-    const raw = config;
-    const clean = _validateAnalyticsConfig(raw);
-    this.domain = (clean == null ? void 0 : clean["domain"]) || ((_a2 = getConfig()) == null ? void 0 : _a2.domain) || DEFAULT_DOMAIN;
-  }
-  pushAnalyticsLoadEvent(params) {
-    if (!params.externalUserId || !params.externalAccountId) return;
-    const tenantAlias = encodeURIComponent(params.tenantAlias);
-    const accountId = encodeURIComponent(params.externalAccountId);
-    const userId = encodeURIComponent(params.externalUserId);
-    const engagementMedium = encodeURIComponent(params.engagementMedium);
-    const programId = params.programId ? `&programId=${encodeURIComponent(params.programId)}` : ``;
-    const path = `/a/${tenantAlias}/widgets/analytics/loaded?externalAccountId=${accountId}&externalUserId=${userId}&engagementMedium=${engagementMedium}${programId}`;
-    const url = this.domain + path;
-    return doPost(url, JSON.stringify({}));
-  }
-  pushAnalyticsShareClickedEvent(params) {
-    const tenantAlias = encodeURIComponent(params.tenantAlias);
-    const accountId = encodeURIComponent(params.externalAccountId);
-    const userId = encodeURIComponent(params.externalUserId);
-    const engagementMedium = encodeURIComponent(params.engagementMedium);
-    const shareMedium = encodeURIComponent(params.shareMedium);
-    const path = `/a/${tenantAlias}/widgets/analytics/shared?externalAccountId=${accountId}&externalUserId=${userId}&engagementMedium=${engagementMedium}&shareMedium=${shareMedium}`;
-    const url = this.domain + path;
-    return doPost(url, JSON.stringify({}));
+  constructor(t) {
+    l(this, "domain");
+    var i;
+    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 = window.location.search, n = new URLSearchParams(e), i = n == null ? void 0 : n.get("rsShareMedium"), s = encodeURIComponent(t.tenantAlias), r = encodeURIComponent(t.externalAccountId), a = encodeURIComponent(t.externalUserId), c = encodeURIComponent(t.engagementMedium), d = t.programId ? `&programId=${encodeURIComponent(t.programId)}` : "", h = i ? `&shareMedium=${encodeURIComponent(i)}` : "", u = `/a/${s}/widgets/analytics/loaded?externalAccountId=${r}&externalUserId=${a}&engagementMedium=${c}${h}${d}`, m = this.domain + u;
+    return Q(m, JSON.stringify({}));
+  }
+  pushAnalyticsShareClickedEvent(t) {
+    const e = encodeURIComponent(t.tenantAlias), n = encodeURIComponent(t.externalAccountId), i = encodeURIComponent(t.externalUserId), s = encodeURIComponent(t.engagementMedium), r = encodeURIComponent(t.shareMedium), a = `/a/${e}/widgets/analytics/shared?externalAccountId=${n}&externalUserId=${i}&engagementMedium=${s}&shareMedium=${r}`, c = this.domain + a;
+    return Q(c, JSON.stringify({}));
   }
 }
-function _validateAnalyticsConfig(raw) {
-  if (!isObject$1(raw)) throw new Error("'options' should be an object");
-  return raw;
+function Re(o) {
+  if (!S(o)) throw new Error("'options' should be an object");
+  return o;
 }
-const _log$8 = browserExports.debug("squatch-js:widget");
-class Widget {
-  constructor(params) {
-    __publicField(this, "type");
-    __publicField(this, "content");
-    __publicField(this, "analyticsApi");
-    __publicField(this, "widgetApi");
-    __publicField(this, "context");
-    __publicField(this, "npmCdn");
-    __publicField(this, "container");
-    __publicField(this, "loadEventListener", null);
-    var _a2;
-    _log$8("widget initializing ...");
-    this.content = params.content === "error" ? this._error(params.rsCode) : params.content;
-    this.type = params.type;
-    this.widgetApi = params.api;
-    this.npmCdn = params.npmCdn;
-    this.analyticsApi = new AnalyticsApi({ domain: params.domain });
-    this.context = params.context;
-    this.container = ((_a2 = params.context) == null ? void 0 : _a2.container) || params.container;
+const y = C("squatch-js:widget");
+class me {
+  constructor(t) {
+    l(this, "type");
+    l(this, "content");
+    l(this, "analyticsApi");
+    l(this, "widgetApi");
+    l(this, "context");
+    l(this, "npmCdn");
+    l(this, "container");
+    l(this, "loadEventListener", null);
+    l(this, "errorInfo");
+    var e;
+    y("widget initializing ..."), t.content === "error" ? (this.content = "error", this.errorInfo = {
+      rsCode: t.rsCode,
+      apiErrorCode: t.apiErrorCode,
+      statusCode: t.statusCode,
+      message: t.errorMessage
+    }) : 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;
   }
-  _findElement() {
-    let element;
-    if (typeof this.container === "string") {
-      element = document.querySelector(this.container);
-      _log$8("loading widget with selector", element);
-    } else if (this.container instanceof HTMLElement) {
-      element = this.container;
-      _log$8("loading widget with container", element);
-    } else if (this.container) {
-      element = null;
-      _log$8("container must be an HTMLElement or string", this.container);
-    } else {
-      element = document.querySelector("#squatchembed") || document.querySelector(".squatchembed") || document.querySelector("#impactembed") || document.querySelector(".impactembed");
-      _log$8("loading widget with default selector", element);
+  /**
+   * 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
+      });
     }
-    if (!(element instanceof HTMLElement))
+    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;
+    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.'`
       );
-    return element;
-  }
-  _createFrame(options) {
-    const frame = document.createElement("iframe");
-    frame["squatchJsApi"] = this;
-    frame.id = "squatchFrame";
-    frame.width = "100%";
-    frame.src = "about:blank";
-    frame.scrolling = "no";
-    frame.setAttribute(
+    return t;
+  }
+  _createFrame(t) {
+    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%;"
-    );
-    if (options == null ? void 0 : options.minWidth) frame.style.minWidth = options.minWidth;
-    if (options == null ? void 0 : options.maxWidth) frame.style.maxWidth = options.maxWidth;
-    if ((options == null ? void 0 : options.maxWidth) || (options == null ? void 0 : options.minWidth)) {
-      frame.style.width = "100%";
-    }
-    if (options == null ? void 0 : options.initialHeight) {
-      frame.height = options.initialHeight;
-    }
-    return frame;
+      "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 element = this.container ? this._findElement() : document.body;
-    const parent = element.shadowRoot || element;
-    return parent.querySelector(
+    const t = this.container ? this._findElement() : document.body;
+    return (t.shadowRoot || t).querySelector(
       "iframe#squatchFrame"
     );
   }
-  _detachLoadEventListener(frameDoc) {
-    if (this.loadEventListener) {
-      frameDoc.removeEventListener(
-        "sq:user-registration",
-        this.loadEventListener
-      );
-      this.loadEventListener = null;
-    }
-  }
-  _attachLoadEventListener(frameDoc, sqh) {
-    if (this.loadEventListener === null) {
-      this.loadEventListener = (e) => {
-        this._loadEvent({
-          ...sqh,
-          userId: e.detail.userId,
-          accountId: e.detail.accountId
-        });
-      };
-      frameDoc.addEventListener("sq:user-registration", this.loadEventListener);
-    }
+  _detachLoadEventListener(t) {
+    this.loadEventListener && (t.removeEventListener(
+      "sq:user-registration",
+      this.loadEventListener
+    ), this.loadEventListener = null);
+  }
+  _attachLoadEventListener(t, e) {
+    this.loadEventListener === null && (this.loadEventListener = (n) => {
+      this._loadEvent({
+        ...e,
+        userId: n.detail.userId,
+        accountId: n.detail.accountId
+      });
+    }, t.addEventListener("sq:user-registration", this.loadEventListener));
   }
-  _loadEvent(sqh) {
-    var _a2;
-    if (!sqh) return;
-    if (!isObject$1(sqh)) {
+  _loadEvent(t) {
+    var n;
+    if (!t) return;
+    if (!S(t))
       throw new Error("Widget Load event identity property is not an object");
-    }
-    let params;
-    if ("programId" in sqh) {
-      if (!sqh.tenantAlias || !sqh.accountId || !sqh.userId || !sqh.engagementMedium)
+    let e;
+    if ("programId" in t) {
+      if (!t.tenantAlias || !t.accountId || !t.userId || !t.engagementMedium)
         throw new Error("Widget Load event missing required properties");
-      params = {
-        tenantAlias: sqh.tenantAlias,
-        externalAccountId: sqh.accountId,
-        externalUserId: sqh.userId,
-        engagementMedium: sqh.engagementMedium,
-        programId: sqh.programId
+      e = {
+        tenantAlias: t.tenantAlias,
+        externalAccountId: t.accountId,
+        externalUserId: t.userId,
+        engagementMedium: t.engagementMedium,
+        programId: t.programId
       };
     } else {
-      const { analytics, mode } = sqh;
-      params = {
-        tenantAlias: analytics.attributes.tenant,
-        externalAccountId: analytics.attributes.accountId,
-        externalUserId: analytics.attributes.userId,
-        engagementMedium: mode.widgetMode
+      const { analytics: i, mode: s } = t;
+      e = {
+        tenantAlias: i.attributes.tenant,
+        externalAccountId: i.attributes.accountId,
+        externalUserId: i.attributes.userId,
+        engagementMedium: s.widgetMode
       };
     }
-    (_a2 = this.analyticsApi.pushAnalyticsLoadEvent(params)) == null ? void 0 : _a2.then((response) => {
-      _log$8(`${params.engagementMedium} loaded event recorded.`);
-    }).catch((ex) => {
-      _log$8(`ERROR: pushAnalyticsLoadEvent() ${ex}`);
+    (n = this.analyticsApi.pushAnalyticsLoadEvent(e)) == null || n.then((i) => {
+      y(`${e.engagementMedium} loaded event recorded.`);
+    }).catch((i) => {
+      y(`ERROR: pushAnalyticsLoadEvent() ${i}`);
     });
   }
-  _shareEvent(sqh, medium) {
-    if (sqh) {
-      this.analyticsApi.pushAnalyticsShareClickedEvent({
-        tenantAlias: sqh.analytics.attributes.tenant,
-        externalAccountId: sqh.analytics.attributes.accountId,
-        externalUserId: sqh.analytics.attributes.userId,
-        engagementMedium: sqh.mode.widgetMode,
-        shareMedium: medium
-      }).then((response) => {
-        _log$8(
-          `${sqh.mode.widgetMode} share ${medium} event recorded. ${response}`
-        );
-      }).catch((ex) => {
-        _log$8(`ERROR: pushAnalyticsShareClickedEvent() ${ex}`);
-      });
-    }
-  }
-  _error(rs, mode = "modal", style = "") {
-    const errorTemplate = `<!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>
-        ${style}
-      </style>
-    </head>
-    <body>
-
-      <div class="squatch-container ${mode}" 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://fast.ssqt.io/assets/images/face.png"></div>
-          <h4>Our referral program is temporarily unavailable.</h4><br>
-          <p>Please reload the page or check back later.</p>
-          <p>If the persists please contact our support team.</p>
-          <br>
-          <br>
-          <div class="right-align errtxt">
-            Error Code: ${rs}
-          </div>
-        </div>
-      </div>
-    </body>
-    </html>`;
-    return errorTemplate;
+  _shareEvent(t, e) {
+    t && this.analyticsApi.pushAnalyticsShareClickedEvent({
+      tenantAlias: t.analytics.attributes.tenant,
+      externalAccountId: t.analytics.attributes.accountId,
+      externalUserId: t.analytics.attributes.userId,
+      engagementMedium: t.mode.widgetMode,
+      shareMedium: e
+    }).then((n) => {
+      y(
+        `${t.mode.widgetMode} share ${e} event recorded. ${n}`
+      );
+    }).catch((n) => {
+      y(`ERROR: pushAnalyticsShareClickedEvent() ${n}`);
+    });
   }
-  async _findInnerContainer(frame) {
-    const { contentWindow } = frame;
-    if (!contentWindow)
+  async _findInnerContainer(t) {
+    const { contentWindow: e } = t;
+    if (!e)
       throw new Error("Squatch.js frame inner frame is empty");
-    const frameDoc = contentWindow.document;
-    function search() {
-      const containers = frameDoc.getElementsByTagName("sqh-global-container");
-      const legacyContainers = frameDoc.getElementsByClassName("squatch-container");
-      const fallback = containers.length > 0 ? containers[0] : legacyContainers.length > 0 ? legacyContainers[0] : null;
-      return fallback;
-    }
-    let found = null;
-    for (let i = 0; i < 5; i++) {
-      found = search();
-      if (found) break;
-      await delay(100);
-    }
-    if (!found) {
-      return frameDoc.body;
+    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;
     }
-    return found;
+    let s = null;
+    for (let r = 0; r < 5 && (s = i(), !s); r++)
+      await Pe(100);
+    return s || n.body;
+  }
+  /**
+   * Returns HTML for an in-iframe skeleton preload overlay that is removed
+   * once all custom elements in the widget are defined.
+   *
+   * 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.
+   */
+  async _getSkeletonPreloadHTML(t, e) {
+    if (!t) return "";
+    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").replace(/[^a-zA-Z0-9#(),.\s%-]/g, "")};">
+        ${s}
+      </div>
+      <script>(${Le.toString()})(${d})<\/script>
+    `;
   }
   /**
    * Reloads the current widget, makes updated request to API and renders result.
@@ -1033,365 +579,287 @@ class Widget {
    * @param param0 Form field values
    * @param jwt JWT for API authentication
    */
-  reload({ email, firstName, lastName }, jwt) {
-    const frame = this._findFrame();
-    if (!frame) throw new Error("Could not find widget iframe");
-    const frameWindow = frame.contentWindow;
-    const engagementMedium = this.context.engagementMedium || "POPUP";
-    if (!frameWindow) {
+  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 response;
+    let c;
     if (this.context.type === "upsert") {
       if (!this.context.user) throw new Error("Can't reload without user ids");
-      let userObj = {
-        email: email || null,
-        firstName: firstName || null,
-        lastName: lastName || null,
+      let d = {
+        email: t || null,
+        firstName: e || null,
+        lastName: n || null,
         id: this.context.user.id,
         accountId: this.context.user.accountId
       };
-      response = this.widgetApi.upsertUser({
-        user: userObj,
-        engagementMedium,
+      c = this.widgetApi.upsertUser({
+        user: d,
+        engagementMedium: a,
         widgetType: this.type,
-        jwt
+        jwt: i
       });
-    } else if (this.context.type === "passwordless") {
-      response = this.widgetApi.render({
+    } else if (this.context.type === "passwordless")
+      c = this.widgetApi.render({
         user: void 0,
-        engagementMedium,
+        engagementMedium: a,
         widgetType: this.type,
         jwt: void 0
       });
-    } else {
+    else
       throw new Error("can't reload an error widget");
-    }
-    response.then(({ template }) => {
-      if (template) {
-        this.content = template;
-        this.__deprecated__register(
-          frame,
-          { email, engagementMedium },
-          () => {
-            this.load();
-            engagementMedium === "POPUP" && this.open();
-          }
-        );
-      }
-    }).catch(({ message }) => {
-      _log$8(`${message}`);
+    c.then(({ template: d }) => {
+      d && (this.content = d, this.__deprecated__register(
+        s,
+        { email: t, engagementMedium: a },
+        () => {
+          this.load(), a === "POPUP" && this.open();
+        }
+      ));
+    }).catch(({ message: d }) => {
+      y(`${d}`);
     });
   }
-  __deprecated__register(frame, params, onClick) {
-    const frameWindow = frame.contentWindow;
-    const frameDoc = frameWindow.document;
-    const showStatsBtn = frameDoc.createElement("button");
-    const registerForm = frameDoc.getElementsByClassName("squatch-register")[0];
-    if (registerForm) {
-      showStatsBtn.className = "btn btn-primary";
-      showStatsBtn.id = "show-stats-btn";
-      showStatsBtn.textContent = this.type === "REFERRER_WIDGET" ? "Show Stats" : "Show Reward";
-      const widgetStyle = params.engagementMedium === "POPUP" ? "margin-top: 10px; max-width: 130px; width: 100%;" : "margin-top: 10px;";
-      showStatsBtn.setAttribute("style", widgetStyle);
-      showStatsBtn.onclick = onClick;
-      registerForm.style.paddingTop = "30px";
-      registerForm.innerHTML = `<p><strong>${params.email}</strong><br>Has been successfully registered</p>`;
-      registerForm.appendChild(showStatsBtn);
+  __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 = n, a.style.paddingTop = "30px", a.innerHTML = `<p><strong>${e.email}</strong><br>Has been successfully registered</p>`, a.appendChild(r);
     }
   }
 }
-function delay(duration) {
-  return new Promise((resolve) => {
-    setTimeout(resolve, duration);
+function Pe(o) {
+  return new Promise((t) => {
+    setTimeout(t, o);
   });
 }
-const _log$7 = browserExports.debug("squatch-js:EMBEDwidget");
-class EmbedWidget extends Widget {
-  constructor(params, container) {
-    super(params);
-    __publicField(this, "show", this.open);
-    __publicField(this, "hide", this.close);
-    if (container) {
-      this.container = container;
-    }
+function Le(o) {
+  var t = setTimeout(e, 1e4);
+  function e() {
+    var i = document.getElementById("sq-preload");
+    i && i.remove(), clearTimeout(t);
+  }
+  function n() {
+    if (!o || !o.length) return e();
+    Promise.all(
+      o.map(function(i) {
+        return customElements.whenDefined(i);
+      })
+    ).then(function() {
+      requestAnimationFrame(function() {
+        requestAnimationFrame(e);
+      });
+    });
+  }
+  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", n) : setTimeout(n, 0);
+}
+const I = C("squatch-js:EMBEDwidget");
+class D extends me {
+  constructor(e, n) {
+    super(e);
+    l(this, "show", this.open);
+    l(this, "hide", this.close);
+    n && (this.container = n);
   }
   async load() {
-    var _a2, _b, _c, _d, _e, _f, _g;
-    const brandingConfig = (_b = (_a2 = this.context.widgetConfig) == null ? void 0 : _a2.values) == null ? void 0 : _b.brandingConfig;
-    const initialHeight = brandingConfig == null ? void 0 : brandingConfig.loadingHeight;
-    const sizes = (_c = brandingConfig == null ? void 0 : brandingConfig.widgetSize) == null ? void 0 : _c.embeddedWidgets;
-    const maxWidth = (sizes == null ? void 0 : sizes.maxWidth) ? formatWidth(sizes.maxWidth) : "";
-    const minWidth = (sizes == null ? void 0 : sizes.minWidth) ? formatWidth(sizes.minWidth) : "";
-    const frame = this._createFrame({
-      minWidth,
-      maxWidth,
-      initialHeight
-    });
-    const element = this._findElement();
-    if ((_d = this.context) == null ? void 0 : _d.container) {
-      element.style.visibility = "hidden";
-      element.style.height = "0";
-      element.style["overflow-y"] = "hidden";
-    }
-    if (this.container) {
-      if (element.shadowRoot) {
-        if (((_e = element.shadowRoot.lastChild) == null ? void 0 : _e.nodeName) === "IFRAME") {
-          element.shadowRoot.replaceChild(frame, element.shadowRoot.lastChild);
-        } else {
-          element.shadowRoot.appendChild(frame);
-        }
-      } else if (element.firstChild) {
-        element.replaceChild(frame, element.firstChild);
-      } else {
-        element.appendChild(frame);
-      }
-    } else if (!element.firstChild || element.firstChild.nodeName === "#text") {
-      element.appendChild(frame);
-    }
-    const { contentWindow } = frame;
-    if (!contentWindow) {
+    var g, f, b, w, T, ee, te, ne, ie;
+    const e = (f = (g = this.context.widgetConfig) == null ? void 0 : g.values) == null ? void 0 : f.brandingConfig, n = (b = this.content) == null ? void 0 : b.includes("mint-components"), i = (e == null ? void 0 : e.loadingHeight) || 500, s = (w = e == null ? void 0 : e.widgetSize) == null ? void 0 : w.embeddedWidgets, r = s != null && s.maxWidth ? O(s.maxWidth) : "", a = s != null && s.minWidth ? O(s.minWidth) : "", c = this._createFrame({
+      minWidth: a,
+      maxWidth: r,
+      initialHeight: i
+    }), d = this._findElement();
+    (T = this.context) != null && T.container && (d.style.visibility = "hidden", d.style.height = "0", d.style["overflow-y"] = "hidden"), this.container ? d.shadowRoot ? ((ee = d.shadowRoot.lastChild) == null ? void 0 : ee.nodeName) === "IFRAME" ? d.shadowRoot.replaceChild(c, d.shadowRoot.lastChild) : d.shadowRoot.appendChild(c) : d.firstChild ? d.replaceChild(c, d.firstChild) : d.appendChild(c) : (!d.firstChild || d.firstChild.nodeName === "#text") && d.appendChild(c);
+    const { contentWindow: h } = c;
+    if (!h)
       throw new Error("Frame needs a content window");
+    const u = h.document;
+    if (u.open(), this.content === "error") {
+      u.write(await this._getContent()), u.close(), x(u, () => {
+        c.height = u.body.scrollHeight;
+      });
+      return;
     }
-    const frameDoc = contentWindow.document;
-    frameDoc.open();
-    const domain = this.widgetApi.domain;
-    frameDoc.write(`
-      ${((_f = brandingConfig == null ? void 0 : brandingConfig.main) == null ? void 0 : _f.brandFont) ? `
-        <link rel="preconnect" href="https://fast${domain === "https://staging.referralsaasquatch.com" && "-staging"}.ssqt.io">
-        <link rel="preconnect" href="https://fonts.gstatic.com">
+    const p = 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${p}.ssqt.io">
+        <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(
-      (_g = brandingConfig == null ? void 0 : brandingConfig.main) == null ? void 0 : _g.brandFont
+      (ne = e == null ? void 0 : e.main) == null ? void 0 : ne.brandFont
     )}" as="style">` : ""}
-      <script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>
+      <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>
-      ${this.content}
-
-      `);
-    frameDoc.close();
-    domready(frameDoc, async () => {
-      const _sqh = contentWindow.squatch || contentWindow.widgetIdent;
-      frame.height = initialHeight || frameDoc.body.scrollHeight;
-      console.log({ height: frameDoc.body.scrollHeight });
-      const ro = new contentWindow["ResizeObserver"]((entries) => {
-        for (const entry of entries) {
-          const { height } = entry.contentRect;
-          frame.height = height;
+        html { visibility: hidden; }
+      </style>` : ""}
+      ${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;
         }
-      });
-      const container = await this._findInnerContainer(frame);
-      ro.observe(container);
-      if (this._shouldFireLoadEvent()) {
-        this._loadEvent(_sqh);
-        _log$7("loaded");
-      } else if (frameDoc) {
-        this._attachLoadEventListener(frameDoc, _sqh);
-      }
+      }), ye = await this._findInnerContainer(c);
+      fe.observe(ye), this._shouldFireLoadEvent() ? (this._loadEvent(oe), I("loaded")) : u && this._attachLoadEventListener(u, oe);
     });
   }
   /**
    * Un-hide if element is available and refresh data
    */
   open() {
-    const frame = this._findFrame();
-    if (!frame) return _log$7("no target element to open");
-    if (!frame.contentWindow) return _log$7("Frame needs a content window");
-    const element = this._findElement();
-    element.style.visibility = "unset";
-    element.style.height = "auto";
-    element.style["overflow-y"] = "auto";
-    frame.contentWindow.document.dispatchEvent(new CustomEvent("sq:refresh"));
-    const _sqh = frame.contentWindow.squatch || frame.contentWindow.widgetIdent;
-    if (this.context.user) {
-      this._loadEvent(_sqh);
-      _log$7("loaded");
-    } else {
-      if (!frame.contentDocument) return;
-      this._attachLoadEventListener(frame.contentDocument, _sqh);
+    const e = this._findFrame();
+    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), I("loaded");
+    else {
+      if (!e.contentDocument) return;
+      this._attachLoadEventListener(e.contentDocument, i);
     }
   }
   close() {
-    const frame = this._findFrame();
-    if (!frame) return _log$7("no target element to close");
-    if (frame.contentDocument)
-      this._detachLoadEventListener(frame.contentDocument);
-    const element = this._findElement();
-    element.style.visibility = "hidden";
-    element.style.height = "0";
-    element.style["overflow-y"] = "hidden";
-    _log$7("Embed widget closed");
-  }
-  _error(rs, mode = "embed", style = "") {
-    return super._error(rs, mode, style);
+    const e = this._findFrame();
+    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", I("Embed widget closed");
+  }
+  _getErrorMode() {
+    return "embed";
   }
   _shouldFireLoadEvent() {
-    const noContainer = !this.container;
-    const isComponent = this.container instanceof HTMLElement && (this.container.tagName.startsWith("SQUATCH-") || this.container.tagName.startsWith("IMPACT-"));
-    const isVerified = !!this.context.user;
-    return isVerified && (noContainer || isComponent);
+    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 _log$6 = browserExports.debug("squatch-js:POPUPwidget");
-let popupId = 0;
-class PopupWidget extends Widget {
-  constructor(params, trigger = ".squatchpop") {
-    super(params);
-    __publicField(this, "trigger");
-    __publicField(this, "id");
-    __publicField(this, "show", this.open);
-    __publicField(this, "hide", this.close);
-    this.trigger = trigger;
-    if (this.container) {
-      this.id = "squatchModal";
-    } else {
-      this.id = popupId === 0 ? `squatchModal` : `squatchModal__${popupId}`;
-      popupId = popupId + 1;
-    }
-    document.head.insertAdjacentHTML(
+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 = U === 0 ? "squatchModal" : `squatchModal__${U}`, U = U + 1), document.head.insertAdjacentHTML(
       "beforeend",
       `<style>#${this.id}::-webkit-scrollbar { display: none; }</style>`
     );
   }
   _initialiseCTA() {
     if (!this.trigger) return;
-    let triggerElement;
+    let e;
     try {
-      triggerElement = document.querySelector(this.trigger) || document.querySelector(".impactpop");
-      if (this.trigger && !triggerElement)
-        _log$6("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 {
-      _log$6("Not a valid selector", this.trigger);
-    }
-    if (triggerElement) {
-      triggerElement.onclick = () => {
-        this.open();
-      };
+      v("Not a valid selector", this.trigger);
     }
+    e && (e.onclick = () => {
+      this.open();
+    });
   }
-  _createPopupDialog() {
-    var _a2, _b, _c;
-    const dialog = document.createElement("dialog");
-    const brandingConfig = (_b = (_a2 = this.context.widgetConfig) == null ? void 0 : _a2.values) == null ? void 0 : _b.brandingConfig;
-    const sizes = (_c = brandingConfig == null ? void 0 : brandingConfig.widgetSize) == null ? void 0 : _c.popupWidgets;
-    const minWidth = (sizes == null ? void 0 : sizes.minWidth) ? formatWidth(sizes.minWidth) : "auto";
-    const maxWidth = (sizes == null ? void 0 : sizes.maxWidth) ? formatWidth(sizes.maxWidth) : "500px";
-    dialog.id = this.id;
-    dialog.setAttribute(
+  _createPopupDialog(e) {
+    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: ${minWidth}; max-width: ${maxWidth}; border: none; padding: 0;`
+      `width: 100%; min-width: ${s}; max-width: ${r}; border: none; padding: 0;`
     );
-    const onClick = (e) => {
-      e.stopPropagation();
-      if (e.target === dialog) dialog.close();
+    const a = (d) => {
+      d.stopPropagation(), d.target === n && n.close();
     };
-    dialog.addEventListener("click", onClick);
-    return dialog;
+    return n.addEventListener("click", a), n;
   }
   async load() {
-    var _a2;
-    const frame = this._createFrame();
-    this._initialiseCTA();
-    const element = this.container ? this._findElement() : document.body;
-    const dialogParent = element.shadowRoot || element;
-    const dialog = this._createPopupDialog();
-    dialog.appendChild(frame);
-    if (((_a2 = dialogParent.lastChild) == null ? void 0 : _a2.nodeName) === "DIALOG") {
-      dialogParent.replaceChild(dialog, dialogParent.lastChild);
-    } else {
-      dialogParent.appendChild(dialog);
-    }
-    const { contentWindow } = frame;
-    if (!contentWindow) {
+    var m, p, g, f, b, w, T;
+    const e = (p = (m = this.context.widgetConfig) == null ? void 0 : m.values) == null ? void 0 : p.brandingConfig, n = (e == null ? void 0 : e.loadingHeight) || 500, i = (g = this.content) == null ? void 0 : g.includes("mint-components"), s = this._createFrame();
+    s.style.height = n + "px", this._initialiseCTA();
+    const r = this.container ? this._findElement() : document.body, a = (r == null ? void 0 : r.shadowRoot) || r, c = this._createPopupDialog(e);
+    c.appendChild(s), ((f = a.lastChild) == null ? void 0 : f.nodeName) === "DIALOG" ? a.replaceChild(c, a.lastChild) : a.appendChild(c);
+    const { contentWindow: d } = s;
+    if (!d)
       throw new Error("Frame needs a content window");
+    const h = d.document;
+    if (h.open(), this.content === "error") {
+      h.write(await this._getContent()), h.close(), x(h, () => {
+        s.height = h.body.scrollHeight;
+      }), v("Popup error template loaded into iframe");
+      return;
     }
-    const frameDoc = contentWindow.document;
-    frameDoc.open();
-    frameDoc.write(this.content);
-    frameDoc.write(
-      `<script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>`
-    );
-    frameDoc.write(`
-    <style>
-      body {
-        height: 600px; 
-        border: 2px solid #ccc;
-        background-color: red;
-        margin: 0; 
-        padding: 0; 
-        box-sizing: border-box; 
-      }
-    </style>
-  `);
-    frameDoc.close();
-    _log$6("Popup template loaded into iframe");
-    await this._setupResizeHandler(frame);
-  }
-  async _setupResizeHandler(frame) {
-    const { contentWindow } = frame;
-    if (!contentWindow) {
+    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" crossorigin>
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent(
+      (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>
+            ${i ? `
+      <style data-styles>
+        html { visibility: hidden; }
+      </style>` : ""}
+      ${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 frameDoc = contentWindow.document;
-    domready(frameDoc, async () => {
-      frameDoc.body.style.overflowY = "hidden";
-      frame.height = `${frameDoc.body.offsetHeight}px`;
-      const ro = new contentWindow["ResizeObserver"]((entries) => {
-        for (const entry of entries) {
-          const { top, bottom } = entry.contentRect;
-          const computedHeight = bottom + top;
-          frame.height = computedHeight + "";
-          entry.target.style = ``;
+    const i = n.document;
+    x(i, async () => {
+      i.body.style.overflowY = "hidden";
+      let s = !0;
+      new n.ResizeObserver((a) => {
+        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 = "");
         }
-      });
-      ro.observe(await this._findInnerContainer(frame));
+      }).observe(await this._findInnerContainer(e));
     });
   }
   open() {
-    const element = this.container ? this._findElement() : document.body;
-    const parent = element.shadowRoot || element;
-    const dialog = parent.querySelector(`#${this.id}`);
-    if (!dialog) throw new Error("Could not determine container div");
-    dialog.showModal();
-    const frame = this._findFrame();
-    if (!frame) throw new Error("Could not find iframe");
-    const { contentWindow } = frame;
-    if (!contentWindow) throw new Error("Squatch.js has an empty iframe");
-    const frameDoc = contentWindow.document;
-    domready(frameDoc, () => {
-      var _a2;
-      const _sqh = contentWindow.squatch || contentWindow.widgetIdent;
-      (_a2 = frame.contentDocument) == null ? void 0 : _a2.dispatchEvent(new CustomEvent("sq:refresh"));
-      if (this.context.user) {
-        this._loadEvent(_sqh);
-        _log$6("Popup opened");
-      } else {
-        this._attachLoadEventListener(frameDoc, _sqh);
-      }
+    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), v("Popup opened")) : this._attachLoadEventListener(a, c);
     });
   }
   close() {
-    const frame = this._findFrame();
-    if (frame == null ? void 0 : frame.contentDocument)
-      this._detachLoadEventListener(frame.contentDocument);
-    const element = this.container ? this._findElement() : document.body;
-    const parent = element.shadowRoot || element;
-    const dialog = parent.querySelector(`#${this.id}`);
-    if (!dialog) throw new Error("Could not determine container div");
-    dialog.close();
-    _log$6("Popup closed");
-  }
-  _clickedOutside({ target }) {
-  }
-  _error(rs, mode = "modal", style = "") {
-    const _style = "body { margin: 0; } .modal { box-shadow: none; border: 0; }";
-    return super._error(rs, mode, style || _style);
+    const e = this._findFrame();
+    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(), v("Popup closed");
+  }
+  _getErrorStyle() {
+    return "body { margin: 0; } .modal { box-shadow: none; border: 0; }";
   }
 }
-const _log$5 = browserExports.debug("squatch-js:widgets");
-class Widgets {
+const E = C("squatch-js:widgets");
+class N {
   /**
    * Initialize a new {@link Widgets} instance.
    *
@@ -1408,30 +876,27 @@ class Widgets {
    * import {Widgets} from '@saasquatch/squatch-js';
    * let widgets = new Widgets({tenantAlias:'test_12b5bo1b25125'});
    */
-  constructor(configin) {
+  constructor(t) {
     /**
      * Instance of {@link WidgetApi}
      */
-    __publicField(this, "api");
+    l(this, "api");
     /**
      * Tenant alias of SaaSquatch tenant
      */
-    __publicField(this, "tenantAlias");
+    l(this, "tenantAlias");
     /**
      * SaaSquatch domain for API requests
      * @default "https://app.referralsaasquatch.com"
      */
-    __publicField(this, "domain");
+    l(this, "domain");
     /**
      * Hosted CDN for npm packages
      * @default "https://fast.ssqt.io/npm"
      */
-    __publicField(this, "npmCdn");
-    const config = validateConfig(configin);
-    this.tenantAlias = config.tenantAlias;
-    this.domain = config.domain;
-    this.npmCdn = config.npmCdn;
-    this.api = new WidgetApi(config);
+    l(this, "npmCdn");
+    const e = q(t);
+    this.tenantAlias = e.tenantAlias, this.domain = e.domain, this.npmCdn = e.npmCdn, this.api = new Z(e);
   }
   /**
    * This function calls the {@link WidgetApi.upsertUser} method, and it renders
@@ -1449,32 +914,27 @@ class Widgets {
    *
    * @return {Promise<WidgetResult>} json object if true, with a Widget and user details
    */
-  async upsertUser(config) {
-    const raw = config;
-    const clean = validateWidgetConfig(raw);
+  async upsertUser(t) {
+    const n = de(t);
     try {
-      const response = await this.api.upsertUser(clean);
+      const i = await this.api.upsertUser(n);
       return {
-        widget: this._renderWidget(response, clean, {
+        widget: this._renderWidget(i, n, {
           type: "upsert",
-          user: clean.user,
-          engagementMedium: config.engagementMedium,
-          container: config.container,
-          trigger: config.trigger,
+          user: n.user,
+          engagementMedium: t.engagementMedium,
+          container: t.container,
+          trigger: t.trigger,
           widgetConfig: {
             values: {
-              brandingConfig: response == null ? void 0 : response.brandingConfig
+              brandingConfig: i == null ? void 0 : i.brandingConfig
             }
           }
         }),
-        user: response.user
+        user: i.user
       };
-    } catch (err) {
-      _log$5(err);
-      if (err.apiErrorCode) {
-        this._renderErrorWidget(err, config.engagementMedium);
-      }
-      throw new Error(err);
+    } catch (i) {
+      throw E(i), i.apiErrorCode && this._renderErrorWidget(i, t.engagementMedium), new Error(i);
     }
   }
   /**
@@ -1492,30 +952,22 @@ class Widgets {
    *
    * @return {Promise<WidgetResult>} json object if true, with a Widget and user details
    */
-  async render(config) {
-    const raw = config;
-    const clean = validatePasswordlessConfig(raw);
+  async render(t) {
+    const n = le(t);
     try {
-      const response = await this.api.render(clean);
+      const i = await this.api.render(n);
       return {
-        widget: this._renderWidget(response, clean, {
+        widget: this._renderWidget(i, n, {
           type: "passwordless",
-          engagementMedium: clean.engagementMedium,
-          container: clean.container,
-          trigger: clean.trigger,
-          widgetConfig: {
-            values: {
-              brandingConfig: response == null ? void 0 : response.brandingConfig
-            }
-          }
+          engagementMedium: n.engagementMedium,
+          container: n.container,
+          trigger: n.trigger,
+          widgetConfig: i == null ? void 0 : i.widgetConfig
         }),
-        user: response.user
+        user: i.user
       };
-    } catch (err) {
-      if (err.apiErrorCode) {
-        this._renderErrorWidget(err, clean.engagementMedium);
-      }
-      throw new Error(err);
+    } catch (i) {
+      throw i.apiErrorCode && this._renderErrorWidget(i, n.engagementMedium), new Error(i);
     }
   }
   /**
@@ -1525,33 +977,29 @@ class Widgets {
    * @param selector Element class/id selector, or a callback function
    * @returns
    */
-  async autofill(selector) {
-    const input = selector;
-    if (typeof input === "function") {
+  async autofill(t) {
+    const e = t;
+    if (typeof e == "function") {
       try {
-        const response = await this.api.squatchReferralCookie();
-        input(response);
-      } catch (e) {
-        _log$5("Autofill error", e);
-        throw new Error(e);
+        const s = await this.api.squatchReferralCookie();
+        e(s);
+      } catch (s) {
+        throw E("Autofill error", s), new Error(s);
       }
       return;
     }
-    if (typeof input !== "string")
+    if (typeof e != "string")
       throw new Error("Autofill accepts a string or function");
-    let elems = document.querySelectorAll(input);
-    let elem;
-    if (elems.length > 0) {
-      elem = elems[0];
-    } else {
-      _log$5("Element id/class or function missing");
-      throw new Error("Element id/class or function missing");
-    }
+    let n = document.querySelectorAll(e), i;
+    if (n.length > 0)
+      i = n[0];
+    else
+      throw E("Element id/class or function missing"), new Error("Element id/class or function missing");
     try {
-      const response = await this.api.squatchReferralCookie();
-      elem.value = response.codes[0];
-    } catch (e) {
-      throw new Error(e);
+      const s = await this.api.squatchReferralCookie();
+      i.value = s.codes[0];
+    } catch (s) {
+      throw new Error(s);
     }
   }
   /**
@@ -1562,74 +1010,42 @@ class Widgets {
    * @param {string} config.engagementMedium (POPUP, EMBED)
    * @returns {Widget} widget (PopupWidget or EmbedWidget)
    */
-  _renderWidget(response, config, context) {
-    var _a2;
-    _log$5("Rendering Widget...");
-    if (!response) throw new Error("Unable to get a response");
-    let widget2;
-    let displayOnLoad = !!config.displayOnLoad;
-    const opts = response.jsOptions || {};
-    const params = {
-      content: response.template,
-      type: config.widgetType || ((_a2 = opts.widget) == null ? void 0 : _a2.defaultWidgetType),
+  _renderWidget(t, e, n) {
+    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 || ((c = r.widget) == null ? void 0 : c.defaultWidgetType),
       api: this.api,
       domain: this.domain,
       npmCdn: this.npmCdn,
-      context
+      context: n
     };
-    if (opts.widgetUrlMappings) {
-      opts.widgetUrlMappings.forEach((rule) => {
-        var _a3, _b;
-        if (Widgets._matchesUrl(rule.url)) {
-          if (rule.widgetType !== "CONVERSION_WIDGET" || ((_b = (_a3 = response.user) == null ? void 0 : _a3.referredBy) == null ? void 0 : _b.code)) {
-            displayOnLoad = rule.displayOnLoad;
-            _log$5(`Display ${rule.widgetType} on ${rule.url}`);
-          } else {
-            _log$5(
-              `Don't display ${rule.widgetType} when no referral on widget rule match ${rule.url}`
-            );
-          }
-        }
-      });
-    }
-    if (opts.fuelTankAutofillUrls) {
-      _log$5("We found a fuel tank autofill!");
-      opts.fuelTankAutofillUrls.forEach(({ url, formSelector }) => {
-        var _a3, _b, _c;
-        if (Widgets._matchesUrl(url)) {
-          _log$5("Fuel Tank URL matches");
-          if ((_b = (_a3 = response.user) == null ? void 0 : _a3.referredBy) == null ? void 0 : _b.code) {
-            const formAutofill = document.querySelector(formSelector);
-            if (formAutofill) {
-              formAutofill.value = ((_c = response.user.referredBy.referredReward) == null ? void 0 : _c.fuelTankCode) || "";
-            } else {
-              _log$5(
-                new Error(
-                  `Element with id/class ${formSelector} was not found.`
-                )
-              );
-            }
-          }
-        }
-      });
-    }
-    if (config.engagementMedium === "EMBED") {
-      widget2 = this._renderEmbedWidget(params);
-    } else {
-      widget2 = this._renderPopupWidget(params);
-      if (displayOnLoad) widget2.open();
-    }
-    return widget2;
+    return r.widgetUrlMappings && r.widgetUrlMappings.forEach((d) => {
+      var h, u;
+      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 && (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 = ((p = t.user.referredBy.referredReward) == null ? void 0 : p.fuelTankCode) || "" : E(
+          new Error(
+            `Element with id/class ${h} was not found.`
+          )
+        );
+      }
+    })), e.engagementMedium === "EMBED" ? i = this._renderEmbedWidget(a) : (i = this._renderPopupWidget(a), s && i.open()), i;
   }
-  _renderPopupWidget(params) {
-    const widget2 = new PopupWidget(params, params.context.trigger);
-    widget2.load();
-    return widget2;
+  _renderPopupWidget(t) {
+    const e = new j(t, t.context.trigger);
+    return e.load(), e;
   }
-  _renderEmbedWidget(params) {
-    const widget2 = new EmbedWidget(params, params.context.container);
-    widget2.load();
-    return widget2;
+  _renderEmbedWidget(t) {
+    const e = new D(t, t.context.container);
+    return e.load(), e;
   }
   /**
    * @hidden
@@ -1637,37 +1053,34 @@ class Widgets {
    * @param {string} em The engagementMedium
    * @returns {void}
    */
-  _renderErrorWidget(props, em = "POPUP") {
-    const { apiErrorCode, rsCode, message } = props;
-    _log$5(new Error(`${apiErrorCode} (${rsCode}) ${message}`));
-    const params = {
+  _renderErrorWidget(t, e = "POPUP") {
+    const { apiErrorCode: n, rsCode: i, statusCode: s, message: r } = t;
+    E(new Error(`${n} (${i}) ${r}`));
+    const a = {
       content: "error",
-      rsCode,
+      rsCode: i,
+      apiErrorCode: n,
+      statusCode: s,
+      errorMessage: r,
       api: this.api,
       domain: this.domain,
       npmCdn: this.npmCdn,
       type: "ERROR_WIDGET",
       context: { type: "error" }
     };
-    let widget2;
-    if (em === "EMBED") {
-      widget2 = new EmbedWidget(params);
-      widget2.load();
-    } else if (em === "POPUP") {
-      widget2 = new PopupWidget(params);
-      widget2.load();
-    }
+    let c;
+    e === "EMBED" ? (c = new D(a), c.load()) : e === "POPUP" && (c = new j(a), c.load());
   }
   /**
    * @hidden
    * @param {string} rule A regular expression
    * @returns {boolean} true if rule matches Url, false otherwise
    */
-  static _matchesUrl(rule) {
-    return window.location.href.match(new RegExp(rule)) ? true : false;
+  static _matchesUrl(t) {
+    return !!window.location.href.match(new RegExp(t));
   }
 }
-class EventsApi {
+class Oe {
   /**
    * Initialize a new {@link EventsApi} instance.
    *
@@ -1684,13 +1097,11 @@ class EventsApi {
    * import {EventsApi} from '@saasquatch/squatch-js';
    * let squatchApi = new EventsApi({tenantAlias:'test_12b5bo1b25125'});
    */
-  constructor(config) {
-    __publicField(this, "tenantAlias");
-    __publicField(this, "domain");
-    const raw = config;
-    const clean = validateConfig(raw);
-    this.tenantAlias = clean.tenantAlias;
-    this.domain = clean.domain;
+  constructor(t) {
+    l(this, "tenantAlias");
+    l(this, "domain");
+    const n = q(t);
+    this.tenantAlias = n.tenantAlias, this.domain = n.domain;
   }
   /**
    * Track an event for a user
@@ -1700,531 +1111,172 @@ class EventsApi {
    *
    * @return An ID to confirm the event has been accepted for asynchronous processing
    */
-  track(params, options) {
-    const raw = params;
-    const rawOpts = options;
-    const body = _validateEvent(raw);
-    const { jwt } = _validateTrackOptions(rawOpts);
-    const ta = encodeURIComponent(this.tenantAlias);
-    const userId = encodeURIComponent(body.userId);
-    const accountId = encodeURIComponent(body.accountId);
-    const path = `/api/v1/${ta}/open/account/${accountId}/user/${userId}/events`;
-    const url = this.domain + path;
-    return doPost(url, JSON.stringify(body), jwt);
+  track(t, e) {
+    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 _validateEvent(raw) {
-  if (!isObject$1(raw)) throw new Error("tracking parameter must be an object");
-  if (!(raw == null ? void 0 : raw["accountId"])) throw new Error("accountId field is required");
-  if (!(raw == null ? void 0 : raw["events"])) throw new Error("events field is required");
-  if (!(raw == null ? void 0 : raw["userId"])) throw new Error("userId field is required");
-  const clean = raw;
-  if (!Array.isArray(clean.events))
+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");
+  const t = o;
+  if (!Array.isArray(t.events))
     throw new Error("'events' should be an array");
-  return clean;
+  return t;
 }
-function _validateTrackOptions(raw) {
-  if (!isObject$1(raw)) throw new Error("'options' should be an object");
-  return raw;
+function je(o) {
+  if (!S(o)) throw new Error("'options' should be an object");
+  return o;
 }
-function asyncLoad() {
-  var _a2;
-  const namespace = window[IMPACT_NAMESPACE] ? IMPACT_NAMESPACE : DEFAULT_NAMESPACE;
-  const cached = ((_a2 = window["_" + namespace]) == null ? void 0 : _a2.ready) || [];
-  const declarativeCache = window.impactOnReady || window.squatchOnReady;
-  const readyFns = [...cached, declarativeCache].filter((a) => !!a);
+function Ne() {
+  var i;
+  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(() => {
-    if (!window[DEFAULT_NAMESPACE]) return;
-    window[IMPACT_NAMESPACE] = window[DEFAULT_NAMESPACE];
-    readyFns.forEach((cb) => cb());
-    window[DEFAULT_NAMESPACE]._auto();
-    window["_" + namespace] = void 0;
-    delete window["_" + namespace];
+    window[M] && (window[z] = window[M], n.forEach((s) => s()), window[M]._auto(), window["_" + o] = void 0, delete window["_" + o]);
   }, 0);
 }
-const _log$4 = browserExports.debug("squatch-js");
-const isObject = (item) => typeof item === "object" && !Array.isArray(item);
-const deepMerge = (target, source) => {
-  const isDeep = (prop) => isObject(source[prop]) && target.hasOwnProperty(prop) && isObject(target[prop]);
-  const replaced = Object.getOwnPropertyNames(source).map((prop) => ({
-    [prop]: isDeep(prop) ? deepMerge(target[prop], source[prop]) : source[prop]
-  })).reduce((a, b) => ({ ...a, ...b }), {});
-  return {
-    ...target,
-    ...replaced
-  };
-};
-function b64decode(input) {
-  const binary = atob(input.replace(/_/g, "/").replace(/-/g, "+"));
-  const bytes = new Uint8Array(binary.length);
-  for (let i = 0; i < binary.length; i++) {
-    bytes[i] = binary.charCodeAt(i);
-  }
-  return new TextDecoder("utf8").decode(bytes);
-}
-function b64encode(input) {
-  const encodedInput = new TextEncoder().encode(input);
-  const binary = Array.from(
-    encodedInput,
-    (byte) => String.fromCodePoint(byte)
-  ).join("");
-  return btoa(binary).replace(/=/g, "").replace(/\+/g, "-").replace(/\//g, "_");
-}
-function getTopDomain() {
-  var i, h, weird_cookie = "weird_get_top_level_domain=cookie", hostname = document.location.hostname.split(".");
-  for (i = hostname.length - 1; i >= 0; i--) {
-    h = hostname.slice(i).join(".");
-    document.cookie = weird_cookie + ";domain=." + h + ";";
-    if (document.cookie.indexOf(weird_cookie) > -1) {
-      document.cookie = weird_cookie.split("=")[0] + "=;domain=." + h + ";expires=Thu, 01 Jan 1970 00:00:01 GMT;";
-      return h;
-    }
-  }
-}
-function _pushCookie() {
-  const queryString = window.location.search;
-  const urlParams = new URLSearchParams(queryString);
-  const refParam = urlParams.get("_saasquatch") || "";
-  if (refParam) {
-    let paramsJSON = "", existingCookie = "", reEncodedCookie = "";
-    try {
-      paramsJSON = JSON.parse(b64decode(refParam));
-    } catch (error) {
-      _log$4("Unable to decode params", error);
-      return;
-    }
-    try {
-      existingCookie = JSON.parse(b64decode(api$1.get("_saasquatch")));
-      _log$4("existing cookie", existingCookie);
-    } catch (error) {
-      _log$4("Unable to retrieve cookie", error);
-    }
-    try {
-      const domain = getTopDomain();
-      _log$4("domain retrieved:", domain);
-      if (existingCookie) {
-        const newCookie = deepMerge(existingCookie, paramsJSON);
-        reEncodedCookie = b64encode(JSON.stringify(newCookie));
-        _log$4("cookie to store:", newCookie);
-      } else {
-        reEncodedCookie = b64encode(JSON.stringify(paramsJSON));
-        _log$4("cookie to store:", paramsJSON);
-      }
-      api$1.set("_saasquatch", reEncodedCookie, {
-        expires: 365,
-        secure: false,
-        sameSite: "Lax",
-        domain,
-        path: "/"
-      });
-    } catch (error) {
-      _log$4("Unable to set cookie", error);
-    }
-  }
-}
-const _log$3 = browserExports.debug("squatch-js");
-function _getAutoConfig() {
-  var _a2;
-  const queryString = window.location.search;
-  const urlParams = new URLSearchParams(queryString);
-  const refParam = urlParams.get("_saasquatchExtra") || "";
-  if (!refParam) {
-    _log$3("No _saasquatchExtra param");
+const R = C("squatch-js");
+function Fe() {
+  var u;
+  const o = window.location.search, e = new URLSearchParams(o).get("_saasquatchExtra") || "";
+  if (!e) {
+    R("No _saasquatchExtra param");
     return;
   }
-  const config = validateConfig({
+  const n = q({
     tenantAlias: "UNKNOWN"
   });
-  if (!config.domain) {
-    _log$3("domain must be provided in config to use _saasquatchExtra");
+  if (!n.domain) {
+    R("domain must be provided in config to use _saasquatchExtra");
     return;
   }
-  let raw;
+  let i;
   try {
-    raw = JSON.parse(b64decode(refParam));
-  } catch (e) {
-    _log$3("Unable to decode _saasquatchExtra config");
+    i = JSON.parse(L(e));
+  } catch {
+    R("Unable to decode _saasquatchExtra config");
     return;
   }
-  function normalizeDomain(domain) {
-    return domain.replace(/^https?:\/\//, "");
+  function s(m) {
+    return m.replace(/^https?:\/\//, "");
   }
-  const normalizedDomain = normalizeDomain(config.domain);
-  const tenantAlias = Object.keys((raw == null ? void 0 : raw[normalizedDomain]) || {})[0];
-  const widgetConfig = (_a2 = raw == null ? void 0 : raw[normalizedDomain]) == null ? void 0 : _a2[tenantAlias];
-  if (!widgetConfig) {
-    _log$3("_saasquatchExtra did not have an expected structure");
-    return void 0;
+  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, ...rest } = widgetConfig;
+  const { autoPopupWidgetType: d, ...h } = c;
   return {
     widgetConfig: {
-      widgetType: autoPopupWidgetType,
-      displayOnLoad: true,
-      ...rest
+      widgetType: d,
+      displayOnLoad: !0,
+      ...h
     },
     squatchConfig: {
-      ...config,
-      tenantAlias
+      ...n,
+      tenantAlias: a
     }
   };
 }
-const getSkeleton = ({
-  type = "verified-access",
-  height = "500px",
-  skeletonBackgroundColor = "#e0e0e0",
-  skeletonShimmerColor = "#f5f5f5"
-}) => {
-  const referrerHTML = `
-    <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>
-  `;
-  const instantAccessHTML = `
-    <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>
-  `;
-  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: ${skeletonBackgroundColor};
-        background: linear-gradient(
-          90deg,
-          ${skeletonBackgroundColor} 25%,
-          ${skeletonShimmerColor} 50%,
-          ${skeletonBackgroundColor} 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">
-      ${type === "verified-access" ? referrerHTML : instantAccessHTML}
-    </div>
-  `;
-};
-const _log$2 = browserExports.debug("squatch-js:decodeUserJwt");
-function decodeUserJwt(tokenStr) {
-  var _a2;
+const He = C("squatch-js:decodeUserJwt");
+function Je(o) {
+  var t;
   try {
-    const base64Url = tokenStr.split(".")[1];
-    if (base64Url === void 0) return null;
-    const jsonStr = b64decode(base64Url);
-    return (_a2 = JSON.parse(jsonStr)) == null ? void 0 : _a2.user;
+    const e = o.split(".")[1];
+    if (e === void 0) return null;
+    const n = L(e);
+    return (t = JSON.parse(n)) == null ? void 0 : t.user;
   } catch (e) {
-    _log$2(e);
-    return null;
+    return He(e), null;
   }
 }
-const _log$1 = debug("squatch-js:DeclarativeWidget");
-class DeclarativeWidget extends HTMLElement {
+const P = C("squatch-js:DeclarativeWidget");
+class ge extends HTMLElement {
   constructor() {
     super();
     /**
      * Configuration overrides
      * @default window.squatchConfig
      */
-    __publicField(this, "config");
+    l(this, "config");
     /**
      * Signed JWT containing user information
      * @default window.squatchToken
      */
-    __publicField(this, "token");
+    l(this, "token");
     /**
      * Tenant alias of SaaSquatch tenant
      * @default window.squatchTenant
      */
-    __publicField(this, "tenant");
+    l(this, "tenant");
     /**
      * widgetType of widget to load
      */
-    __publicField(this, "widgetType");
+    l(this, "widgetType");
     /**
      * Locale to render the widget in
      */
-    __publicField(this, "locale");
+    l(this, "locale");
     /**
      * Instance of {@link WidgetApi}
      */
-    __publicField(this, "widgetApi");
+    l(this, "widgetApi");
     /**
      * Instance of {@link AnalyticsApi}
      */
-    __publicField(this, "analyticsApi");
+    l(this, "analyticsApi");
     /**
      * Instance of {@link EmbedWidget} or {@link PopupWidget}
      */
-    __publicField(this, "widgetInstance");
+    l(this, "widgetInstance");
     /**
      * Determines whether to render the widget as an embedding widget or popup widget
      */
-    __publicField(this, "type");
+    l(this, "type");
     /**
      * Container element to contain the widget iframe
      * @default this
      */
-    __publicField(this, "container");
-    __publicField(this, "element");
+    l(this, "container");
+    l(this, "element");
     /**
      * Flag for if the component has been loaded or not
      * @hidden
      */
-    __publicField(this, "loaded");
-    __publicField(this, "_setWidget", (res, config) => {
-      var _a2;
-      const params = {
+    l(this, "loaded");
+    l(this, "_setWidget", (e, n) => {
+      var s;
+      const i = {
         api: this.widgetApi,
-        content: res.template,
+        content: e.template,
         context: {
-          type: config.type,
-          user: config.user,
+          type: n.type,
+          user: n.user,
           container: this.container || void 0,
           engagementMedium: this.type,
-          widgetConfig: res.widgetConfig
+          widgetConfig: e.widgetConfig
         },
         type: this.widgetType,
-        domain: ((_a2 = this.config) == null ? void 0 : _a2.domain) || DEFAULT_DOMAIN,
-        npmCdn: DEFAULT_NPM_CDN,
+        domain: ((s = this.config) == null ? void 0 : s.domain) || k,
+        npmCdn: X,
         container: this
       };
-      if (this.type === "EMBED") {
-        return new EmbedWidget(params);
-      } else {
-        const useFirstChildTrigger = this.firstChild ? null : void 0;
-        return new PopupWidget(params, useFirstChildTrigger);
+      if (this.type === "EMBED")
+        return new D(i);
+      {
+        const r = this.firstChild ? null : void 0;
+        return new j(i, r);
       }
     });
     /**
      * Builds a Widget instance for the default error widget
      * @returns Instance of either {@link EmbedWidget} or {@link PopupWidget} depending on `this.type`
      */
-    __publicField(this, "setErrorWidget", (e) => {
-      var _a2;
-      const params = {
+    l(this, "setErrorWidget", (e) => {
+      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: {
@@ -2232,76 +1284,72 @@ class DeclarativeWidget extends HTMLElement {
           container: this.container || void 0
         },
         type: "ERROR_WIDGET",
-        domain: ((_a2 = this.config) == null ? void 0 : _a2.domain) || DEFAULT_DOMAIN,
-        npmCdn: DEFAULT_NPM_CDN,
-        container: this
+        domain: ((c = this.config) == null ? void 0 : c.domain) || k,
+        npmCdn: X,
+        container: this,
+        apiErrorCode: i,
+        rsCode: s,
+        statusCode: r,
+        errorMessage: n
       };
-      if (this.type === "EMBED") {
-        return new EmbedWidget(params);
-      } else {
-        const useFirstChildTrigger = this.firstChild ? null : void 0;
-        return new PopupWidget(params, useFirstChildTrigger);
+      if (this.type === "EMBED")
+        return new D(a);
+      {
+        const d = this.firstChild ? null : void 0;
+        return new j(a, d);
       }
     });
-    __publicField(this, "reload", this.renderWidget);
-    __publicField(this, "show", this.open);
-    __publicField(this, "hide", this.close);
+    l(this, "reload", this.renderWidget);
+    l(this, "show", this.open);
+    l(this, "hide", this.close);
     this.attachShadow({
       mode: "open"
-    }).innerHTML = `<style>:host { display: block; }</style><slot></slot>`;
-    this.config = getConfig();
-    this.token = getToken();
-    this.tenant = window.squatchTenant;
-    this.container = this;
-  }
-  _setupApis(config) {
-    var _a2, _b;
+    }).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 WidgetApi({
-      tenantAlias: (config == null ? void 0 : config.tenantAlias) || this.tenant,
-      domain: (config == null ? void 0 : config.domain) || ((_a2 = this.config) == null ? void 0 : _a2.domain) || DEFAULT_DOMAIN
-    });
-    this.analyticsApi = new AnalyticsApi({
-      domain: (config == null ? void 0 : config.domain) || ((_b = this.config) == null ? void 0 : _b.domain) || DEFAULT_DOMAIN
+    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) || k
+    }), this.analyticsApi = new ue({
+      domain: (e == null ? void 0 : e.domain) || ((i = this.config) == null ? void 0 : i.domain) || k
     });
   }
-  getWidgetType(widgetType) {
-    if (widgetType && (widgetType.includes("websiteReferralWidget") || widgetType.includes("friendWidget"))) {
-      return "instant-access";
-    }
-    return "verified-access";
+  getWidgetType(e) {
+    return e && e.includes("friendWidget") ? "instant-access" : "verified-access";
   }
   async renderPasswordlessVariant() {
-    this._setupApis();
-    _log$1("Rendering as an Instant Access widget");
-    return 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
-    }).then((res) => this._setWidget(res, { type: "passwordless" })).catch(this.setErrorWidget);
+    }).then((e) => this._setWidget(e, { type: "passwordless" })).catch(this.setErrorWidget);
   }
   async renderUserUpsertVariant() {
     this._setupApis();
-    const userObj = decodeUserJwt(this.token);
-    if (!userObj) {
+    const e = Je(this.token);
+    if (!e)
       return this.setErrorWidget(Error("No user object in token."));
+    !this.locale && e.locale && (this.locale = e.locale), P("Rendering as a Verified widget");
+    try {
+      await this.widgetApi.upsertUser({
+        user: e,
+        locale: this.locale,
+        engagementMedium: this.type,
+        widgetType: this.widgetType,
+        jwt: this.token
+      });
+    } catch (i) {
+      return this.setErrorWidget(
+        i
+      );
     }
-    _log$1("Rendering as a Verified widget");
-    await this.widgetApi.upsertUser({
-      user: userObj,
-      locale: this.locale,
-      engagementMedium: this.type,
-      widgetType: this.widgetType,
-      jwt: this.token
-    });
-    const widgetInstance = await this.widgetApi.render({
+    return await this.widgetApi.render({
       locale: this.locale,
       engagementMedium: this.type,
       widgetType: this.widgetType
-    }).then((res) => {
-      return this._setWidget(res, { type: "upsert", user: userObj });
-    }).catch(this.setErrorWidget);
-    return widgetInstance;
+    }).then((i) => this._setWidget(i, { type: "upsert", user: e })).catch(this.setErrorWidget);
   }
   /**
    * Fetches widget content from SaaSquatch and builds a Widget instance to support rendering the widget in the DOM
@@ -2309,26 +1357,19 @@ class DeclarativeWidget extends HTMLElement {
    * @throws Throws an Error if `widgetType` is undefined
    */
   async getWidgetInstance() {
-    let widgetInstance;
-    this.widgetType = this.getAttribute("widget") || void 0;
-    this.locale = this.getAttribute("locale") || this.locale;
+    let e;
+    this.widgetType = this.getAttribute("widget") || void 0, this.locale = this.getAttribute("locale") || this.locale;
+    const n = this.getWidgetType(this.widgetType);
     if (!this.widgetType) throw new Error("No widget has been specified");
-    if (!this.token) {
-      widgetInstance = await this.renderPasswordlessVariant();
-    } else {
-      widgetInstance = await this.renderUserUpsertVariant();
-    }
-    this.widgetInstance = widgetInstance;
-    if (this.widgetInstance)
-      this.dispatchEvent(new CustomEvent("sq:widget-loaded"));
-    return widgetInstance;
+    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
    */
   async renderWidget() {
-    await this.getWidgetInstance();
-    await this.widgetInstance.load();
+    await this.getWidgetInstance(), await this.widgetInstance.load();
   }
   /**
    * Calls `open` method of `widgetInstance`
@@ -2346,197 +1387,128 @@ class DeclarativeWidget extends HTMLElement {
     if (!this.widgetInstance) throw new Error("Widget has not loaded yet");
     this.widgetInstance.close();
   }
-}
-class DeclarativeEmbedWidget extends DeclarativeWidget {
-  constructor() {
-    super();
-    this.type = "EMBED";
-    this.loaded = false;
-  }
   static get observedAttributes() {
     return ["widget", "locale"];
   }
-  attributeChangedCallback(attr, oldVal, newVal) {
-    if (oldVal === newVal || !this.loaded) return;
-    switch (attr) {
-      case "locale":
-      case "widget":
-        this.connectedCallback();
-        break;
-    }
+  attributeChangedCallback(e, n, i) {
+    if (!(n === i || !this.loaded))
+      switch (e) {
+        case "locale":
+        case "widget":
+          this.connectedCallback();
+          break;
+      }
   }
   async connectedCallback() {
-    this.loaded = true;
-    this.container = this.getAttribute("container");
-    this.widgetType = this.getAttribute("widget") || void 0;
-    console.log("widget type", this.widgetType);
-    const skeletonWidgetType = this.getWidgetType(this.widgetType);
-    const skeletonHTML = getSkeleton({
-      height: "100%",
-      type: skeletonWidgetType
-    });
-    const skeletonContainer = document.createElement("div");
-    skeletonContainer.id = "loading-skeleton";
-    skeletonContainer.innerHTML = skeletonHTML;
-    const root = this.shadowRoot || this.attachShadow({ mode: "open" });
-    root.innerHTML = "";
-    root.appendChild(skeletonContainer);
-    await this.renderWidget();
-    const loadingElement = root.getElementById("loading-skeleton");
-    if (loadingElement) {
-      loadingElement.remove();
+    this.loaded = !0, this.container = this.getAttribute("container"), this.widgetType = this.getAttribute("widget") || void 0;
+    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 a = r.getElementById("squatchModal");
+      a ? (a.innerHTML = "", a.appendChild(s)) : r.appendChild(s);
+    } else
+      r.innerHTML = "", r.appendChild(s);
+    try {
+      await this.renderWidget();
+    } catch (a) {
+      P("Failed to render widget", a);
+    } finally {
+      const a = r.getElementById("loading-skeleton");
+      a && a.remove();
     }
-    if (this.getAttribute("open") !== null) this.open();
+    this.getAttribute("open") !== null && this.open();
   }
 }
-class DeclarativePopupWidget extends DeclarativeWidget {
+class pe extends ge {
   constructor() {
-    super();
-    this.type = "POPUP";
-    this.loaded = false;
-    this.addEventListener("click", (e) => {
-      e.stopPropagation();
-      this.open();
-    });
-  }
-  static get observedAttributes() {
-    return ["widget", "locale"];
+    super(), this.type = "EMBED", this.loaded = !1;
   }
-  attributeChangedCallback(attr, oldVal, newVal) {
-    if (oldVal === newVal || !this.loaded) return;
-    switch (attr) {
-      case "locale":
-      case "widget":
-        this.connectedCallback();
-        break;
-    }
-  }
-  async connectedCallback() {
-    this.loaded = true;
-    this.container = this.getAttribute("container");
-    this.widgetType = this.getAttribute("widget") || void 0;
-    const skeletonWidgetType = this.getWidgetType(this.widgetType);
-    const skeletonHTML = getSkeleton({
-      height: "100%",
-      type: skeletonWidgetType
+}
+class we extends ge {
+  constructor() {
+    super(), this.type = "POPUP", this.loaded = !1, this.addEventListener("click", (t) => {
+      t.stopPropagation(), this.open();
     });
-    const skeletonContainer = document.createElement("div");
-    skeletonContainer.id = "loading-skeleton";
-    skeletonContainer.innerHTML = skeletonHTML;
-    const root = this.shadowRoot || this.attachShadow({ mode: "open" });
-    const container = root.getElementById("#squatchModal");
-    console.log("Container is ", container);
-    if (container) {
-      container.innerHTML = "";
-      container.appendChild(skeletonContainer);
-    }
-    await this.renderWidget();
-    const loadingElement = root.getElementById("loading-skeleton");
-    if (loadingElement) {
-      loadingElement.remove();
-    }
-    if (this.getAttribute("open") !== null) this.open();
   }
 }
-class SquatchEmbed extends DeclarativeEmbedWidget {
+class Be extends pe {
 }
-class SquatchPopup extends DeclarativePopupWidget {
+class Ge extends we {
 }
-class ImpactEmbed extends DeclarativeEmbedWidget {
+class ze extends pe {
 }
-class ImpactPopup extends DeclarativePopupWidget {
+class Ve extends we {
 }
-if (!window.customElements.get("squatch-embed"))
-  window.customElements.define("squatch-embed", SquatchEmbed);
-if (!window.customElements.get("impact-embed"))
-  window.customElements.define("impact-embed", ImpactEmbed);
-if (!window.customElements.get("squatch-popup"))
-  window.customElements.define("squatch-popup", SquatchPopup);
-if (!window.customElements.get("impact-popup"))
-  window.customElements.define("impact-popup", ImpactPopup);
-function help() {
+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.`
+    "Having trouble using Squatch.js? Go to https://docs.referralsaasquatch.com/developer/ for tutorials, references and error codes."
   );
 }
-const _log = browserExports.debug("squatch-js");
-let _api = null;
-let _widgets = null;
-let _events = null;
-function api() {
-  if (!_api) init({});
-  return _api;
+const $ = C("squatch-js");
+let F = null, H = null, J = null;
+function Ze() {
+  return F || G({}), F;
 }
-function widgets() {
-  if (!_widgets) init({});
-  return _widgets;
+function K() {
+  return H || G({}), H;
 }
-function events() {
-  if (!_events) init({});
-  return _events;
+function Ke() {
+  return J || G({}), J;
 }
-function widget(widgetConfig) {
-  var _a2;
-  return (_a2 = widgets()) == null ? void 0 : _a2.render(widgetConfig);
+function et(o) {
+  var t;
+  return (t = K()) == null ? void 0 : t.render(o);
 }
-function _auto() {
-  var _a2;
-  const configs = _getAutoConfig();
-  if (configs) {
-    const { squatchConfig, widgetConfig } = configs;
-    init(squatchConfig);
-    return (_a2 = widgets()) == null ? void 0 : _a2.render(widgetConfig);
+function tt() {
+  var t;
+  const o = Fe();
+  if (o) {
+    const { squatchConfig: e, widgetConfig: n } = o;
+    return G(e), (t = K()) == null ? void 0 : t.render(n);
   }
 }
-function init(configIn) {
-  const raw = configIn;
-  const config = validateConfig(raw);
-  if (config.tenantAlias.match("^test") || config.debug) {
-    browserExports.debug.enable("squatch-js*");
-  } else {
-    browserExports.debug.disable();
-  }
-  _log("initializing ...");
-  _api = new WidgetApi(config);
-  _widgets = new Widgets(config);
-  _events = new EventsApi(config);
-  _log("Widget API instance", _api);
-  _log("Widgets instance", _widgets);
-  _log("Events API instance", _events);
+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 ready(fn) {
-  fn();
+function nt(o) {
+  o();
 }
-function autofill(selector) {
-  widgets().autofill(selector);
+function it(o) {
+  K().autofill(o);
 }
-function pushCookie() {
-  _pushCookie();
+function Xe() {
+  Te();
 }
-if (typeof document !== "undefined" && !window.SaaSquatchDoNotAutoDrop) {
-  pushCookie();
-}
-if ((_a = window["squatch"]) == null ? void 0 : _a.init)
-  _log(
-    "Squatchjs is being loaded more than once. This may lead to multiple load events being sent, duplicated widgets, and inaccurate analytics."
-  );
-if (typeof document !== "undefined") asyncLoad();
+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" && Ne();
 export {
-  DeclarativeEmbedWidget,
-  DeclarativePopupWidget,
-  EmbedWidget,
-  PopupWidget,
-  WidgetApi,
-  Widgets,
-  _auto,
-  api,
-  autofill,
-  events,
-  help,
-  init,
-  pushCookie,
-  ready,
-  widget,
-  widgets
+  pe as DeclarativeEmbedWidget,
+  we as DeclarativePopupWidget,
+  D as EmbedWidget,
+  j as PopupWidget,
+  Z as WidgetApi,
+  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