@saasquatch/squatch-js 2.8.2-8 → 2.8.3-0

package/dist/squatch.cjs.js

@@ -1,610 +1,4 @@
-"use strict";
-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;
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-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;
-}
-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;
-    }
-    createDebug.enable(createDebug.load());
-    return createDebug;
-  }
-  common = setup;
-  return common;
-}
-var hasRequiredBrowser;
-function requireBrowser() {
-  if (hasRequiredBrowser) return browser.exports;
-  hasRequiredBrowser = 1;
-  (function(module2, exports2) {
-    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);
-    }
-    exports2.log = log;
-    exports2.formatArgs = formatArgs;
-    exports2.save = save;
-    exports2.load = load;
-    exports2.useColors = useColors;
-    exports2.storage = localstorage();
-    exports2.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 " : " ") + "+" + module2.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) {
-          exports2.storage.setItem("debug", namespaces);
-        } else {
-          exports2.storage.removeItem("debug");
-        }
-      } catch (error) {
-      }
-    }
-    function load() {
-      var r;
-      try {
-        r = exports2.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) {
-      }
-    }
-    module2.exports = requireCommon()(exports2);
-    var formatters = module2.exports.formatters;
-    formatters.j = function(v) {
-      try {
-        return JSON.stringify(v);
-      } catch (error) {
-        return "[UnexpectedJSONParseError]: " + error.message;
-      }
-    };
-  })(browser, browser.exports);
-  return browser.exports;
-}
-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];
-    }
-  }
-  return target;
-}
-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
-    );
-  }
-};
-function init$1(converter, defaultAttributes) {
-  function set(name, value, attributes) {
-    if (typeof document === "undefined") {
-      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();
-    }
-    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];
-    }
-    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)
-  };
-  if (typeof raw.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;
-  return {
-    tenantAlias,
-    domain,
-    debug: debug2,
-    npmCdn
-  };
-}
-function isObject$1(obj) {
-  return typeof obj === "object" && !Array.isArray(obj) && obj !== null;
-}
-function validateLocale(locale) {
-  if (locale && /^[a-z]{2}_(?:[A-Z]{2}|[0-9]{3})$/.test(locale)) {
-    return locale;
-  }
-}
-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 validatePasswordlessConfig(raw) {
-  if (!isObject$1(raw)) throw new Error("Widget properties must be an object");
-  return raw;
-}
-function getToken() {
-  return window.impactToken || window.squatchToken;
-}
-function getConfig() {
-  return window.impactConfig || window.squatchConfig;
-}
-browserExports.debug("squatch-js:io");
-async function doQuery(url, query, variables, jwt) {
-  const token = jwt || getToken();
-  const headers = {
-    Accept: "application/json",
-    "Content-Type": "application/json",
-    ...token ? { Authorization: `Bearer ${token}` } : {},
-    "X-SaaSquatch-Referrer": window ? window.location.href : ""
-  };
-  try {
-    const res = await fetch(url, {
-      method: "POST",
-      body: JSON.stringify({ query, variables }),
-      headers
-    });
-    if (!res.ok) throw new Error(await res.text());
-    return await res.json();
-  } catch (e) {
-    throw e;
-  }
-}
-async function doGet(url, jwt = "") {
-  const headers = {
-    Accept: "application/json",
-    "Content-Type": "application/json"
-  };
-  const token = jwt || getToken();
-  if (token) headers["X-SaaSquatch-User-Token"] = token;
-  try {
-    const res = await fetch(url, {
-      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;
-  }
-}
-async function doPost(url, data, jwt) {
-  const headers = {
-    Accept: "application/json",
-    "Content-Type": "application/json"
-  };
-  const token = jwt || getToken();
-  if (token) headers["X-SaaSquatch-User-Token"] = token;
-  try {
-    const res = await fetch(url, {
-      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;
-  }
-}
-async function doPut(url, data, jwt) {
-  const headers = {
-    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;
-  try {
-    const res = await fetch(url, {
-      headers,
-      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;
-  }
-}
-const RENDER_WIDGET_QUERY = `
+"use strict";var Ee=Object.defineProperty;var Ce=(o,t,e)=>t in o?Ee(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e;var l=(o,t,e)=>Ce(o,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let L=null;function ve(o){const e=o.replace(/[.+?^${}()|[\]\\]/g,"\\$&").replace(/\*/g,".*");L=new RegExp(`^${e}$`)}function be(){L=null}function E(o){return(...t)=>{L&&L.test(o)&&console.log(`[${o}]`,...t)}}/*! js-cookie v3.0.5 | MIT */function P(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var i in e)o[i]=e[i]}return o}var Ae={read:function(o){return o[0]==='"'&&(o=o.slice(1,-1)),o.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(o){return encodeURIComponent(o).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function V(o,t){function e(n,s,r){if(!(typeof document>"u")){r=P({},t,r),typeof r.expires=="number"&&(r.expires=new Date(Date.now()+r.expires*864e5)),r.expires&&(r.expires=r.expires.toUTCString()),n=encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var a="";for(var c in r)r[c]&&(a+="; "+c,r[c]!==!0&&(a+="="+r[c].split(";")[0]));return document.cookie=n+"="+o.write(s,n)+a}}function i(n){if(!(typeof document>"u"||arguments.length&&!n)){for(var s=document.cookie?document.cookie.split("; "):[],r={},a=0;a<s.length;a++){var c=s[a].split("="),d=c.slice(1).join("=");try{var h=decodeURIComponent(c[0]);if(r[h]=o.read(d,h),n===h)break}catch{}}return n?r[n]:r}}return Object.create({set:e,get:i,remove:function(n,s){e(n,"",P({},s,{expires:-1}))},withAttributes:function(n){return V(this.converter,P({},this.attributes,n))},withConverter:function(n){return V(P({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(o)}})}var j=V(Ae,{path:"/"});const A="https://app.referralsaasquatch.com",X="https://fast.ssqt.io/npm",S="squatch",z="impact";function U(o){if(typeof o!="object")throw new Error("config must be an object");const t=window.squatchTenant,e=K(),i={tenantAlias:(o==null?void 0:o.tenantAlias)||t,domain:(o==null?void 0:o.domain)||(e==null?void 0:e.domain),npmCdn:(o==null?void 0:o.npmCdn)||(e==null?void 0:e.npmCdn),debug:(o==null?void 0:o.debug)||(e==null?void 0:e.debug)};if(typeof i.tenantAlias!="string")throw new Error("tenantAlias not provided");const n=i.tenantAlias,s=typeof i.domain=="string"&&i.domain||A,r=typeof i.debug=="boolean"&&i.debug||!1,a=typeof i.npmCdn=="string"&&i.npmCdn||X;return{tenantAlias:n,domain:s,debug:r,npmCdn:a}}function I(o){return typeof o=="object"&&!Array.isArray(o)&&o!==null}function Ie(o){if(o&&/^[a-z]{2}_(?:[A-Z]{2}|[0-9]{3})$/.test(o))return o}function ae(o){if(!I(o))throw new Error("Widget properties must be an object");if(!(o!=null&&o.user))throw new Error("Required properties missing.");return o}function ce(o){if(!I(o))throw new Error("Widget properties must be an object");return o}function R(){return window.impactToken||window.squatchToken}function K(){return window.impactConfig||window.squatchConfig}async function _e(o,t,e,i){const n=i||R(),s={Accept:"application/json","Content-Type":"application/json",...n?{Authorization:`Bearer ${n}`}:{},"X-SaaSquatch-Referrer":window?window.location.href:""};try{const r=await fetch(o,{method:"POST",body:JSON.stringify({query:t,variables:e}),headers:s});if(!r.ok)throw new Error(await r.text());return await r.json()}catch(r){throw r}}async function ke(o,t=""){const e={Accept:"application/json","Content-Type":"application/json"},i=t||R();i&&(e["X-SaaSquatch-User-Token"]=i);try{const n=await fetch(o,{method:"GET",credentials:"include",headers:e}),s=await n.text();if(!n.ok)throw new Error(s);return s&&JSON.parse(s)}catch(n){throw n}}async function Q(o,t,e){const i={Accept:"application/json","Content-Type":"application/json"},n=e||R();n&&(i["X-SaaSquatch-User-Token"]=n);try{const s=await fetch(o,{method:"POST",body:t,headers:i}),r=await s.text();if(!s.ok)throw new Error(r);return r&&JSON.parse(r)}catch(s){throw s}}async function We(o,t,e){const i={Accept:"application/json","Content-Type":"application/json","X-SaaSquatch-Referrer":window?window.location.href:""},n=e||R();n&&(i["X-SaaSquatch-User-Token"]=n);try{const s=await fetch(o,{headers:i,method:"PUT",credentials:"include",body:t}),r=await s.text();if(!s.ok)throw new Error(r);return r&&JSON.parse(r)}catch(s){throw s}}const xe=`
   query renderWidget ($user: UserIdInput, $engagementMedium: UserEngagementMedium, $widgetType: WidgetType, $locale: RSLocale) {
     renderWidget(user: $user, engagementMedium: $engagementMedium, widgetType: $widgetType, locale: $locale) {
       template
@@ -618,375 +12,22 @@ const RENDER_WIDGET_QUERY = `
       }
     }
   }
-`;
-class WidgetApi {
-  /**
-   * Initialize a new {@link WidgetApi} instance.
-   *
-   * @param {ConfigOptions} config Config details
-   *
-   * @example <caption>Browser example</caption>
-   * var squatchApi = new squatch.WidgetApi({tenantAlias:'test_12b5bo1b25125'});
-   *
-   * @example <caption>Browserify/Webpack example</caption>
-   * var WidgetApi = require('@saasquatch/squatch-js').WidgetApi;
-   * var squatchApi = new WidgetApi({tenantAlias:'test_12b5bo1b25125'});
-   *
-   * @example <caption>Babel+Browserify/Webpack example</caption>
-   * 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;
-  }
-  /**
-   * Creates/upserts user, requests widget template.
-   *
-   * @param {Object} params Parameters for request
-   * @param {Object?} params.user The user details
-   * @param {string} params.user.id The user id
-   * @param {string} params.user.accountId The user account id
-   * @param {WidgetType} params.widgetType The content of the widget.
-   * @param {EngagementMedium?} params.engagementMedium How to display the widget.
-   * @param {string?} params.jwt the JSON Web Token (JWT) that is used
-   *                            to validate the data (can be disabled)
-   *
-   * @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);
-  }
-  /**
-   * Requests widget template
-   *
-   * @param {Object} params Parameters for request
-   * @param {Object} params.user The user details
-   * @param {string} params.user.id The user id
-   * @param {string} params.user.accountId The user account id
-   * @param {WidgetType} params.widgetType The content of the widget.
-   * @param {EngagementMedium} params.engagementMedium How to display the widget.
-   * @param {string} params.jwt the JSON Web Token (JWT) that is used
-   *                            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;
-      try {
-        const res = await doQuery(
-          url,
-          RENDER_WIDGET_QUERY,
-          {
-            user: userId && accountId ? { id: userId, accountId } : null,
-            engagementMedium,
-            widgetType,
-            locale
-          },
-          jwt
-        );
-        resolve((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.renderWidget);
-      } catch (e) {
-        reject(e);
-      }
-    });
-  }
-  /**
-   * Looks up the referral code of the current user, if there is any.
-   *
-   * @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);
-    return Promise.resolve({
-      ...response,
-      encodedCookie: _saasquatch
-    });
-  }
-}
-function _buildParams({
-  widgetType,
-  engagementMedium,
-  locale
-}) {
-  const queryParams = new URLSearchParams();
-  queryParams.append("engagementMedium", engagementMedium);
-  if (widgetType) queryParams.append("widgetType", widgetType);
-  if (locale) queryParams.append("locale", locale);
-  return `?${queryParams.toString()}`;
-}
-/*!
+`;class J{constructor(t){l(this,"tenantAlias");l(this,"domain");l(this,"npmCdn");l(this,"referralCookie",this.squatchReferralCookie);const i=U(t);this.tenantAlias=i.tenantAlias,this.domain=i.domain,this.npmCdn=i.npmCdn}upsertUser(t){const i=ae(t),{widgetType:n,engagementMedium:s="POPUP",jwt:r,locale:a,user:c}=i,d=encodeURIComponent(this.tenantAlias),h=c.accountId?encodeURIComponent(c.accountId):null,u=c.id?encodeURIComponent(c.id):null,p=qe({widgetType:n,engagementMedium:s,locale:a}),m=`/api/v1/${d}/widget/account/${h}/user/${u}/upsert${p}`,g=this.domain+m,f=(j||window.Cookies).get("_saasquatch");return f&&(c.cookies=f),We(g,JSON.stringify(c),r)}render(t){const i=ce(t),{widgetType:n,engagementMedium:s="POPUP",jwt:r,user:a}=i,c=encodeURIComponent(this.tenantAlias),d=a!=null&&a.accountId?encodeURIComponent(a.accountId):null,h=a!=null&&a.id?encodeURIComponent(a.id):null,u=i.locale??Ie(navigator.language.replace(/\-/g,"_")),p=`/api/v1/${c}/graphql`,m=this.domain+p;return new Promise(async(g,f)=>{var _;try{const C=await _e(m,xe,{user:h&&d?{id:h,accountId:d}:null,engagementMedium:s,widgetType:n,locale:u},r);g((_=C==null?void 0:C.data)==null?void 0:_.renderWidget)}catch(C){f(C)}})}async squatchReferralCookie(){const t=encodeURIComponent(this.tenantAlias),e=(j||window.Cookies).get("_saasquatch")||"",i=e?`?cookies=${encodeURIComponent(e)}`:"",n=`${this.domain}/a/${t}/widgets/squatchcookiejson${i}`,s=await ke(n);return Promise.resolve({...s,encodedCookie:e})}}function qe({widgetType:o,engagementMedium:t,locale:e}){const i=new URLSearchParams;return i.append("engagementMedium",t),o&&i.append("widgetType",o),e&&i.append("locale",e),`?${i.toString()}`}/*!
  * 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 formatWidth({
-  value,
-  unit
-}) {
-  switch (unit) {
-    case "px":
-      return `${value}px`;
-    case "%":
-      return `${value}%`;
-    default:
-      return `${value}px`;
-  }
-}
-class AnalyticsApi {
-  /**
-   * Initialize a new {@link AnalyticsApi} instance.
-   *
-   * @param {Object} config Config details
-   * @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({}));
-  }
-}
-function _validateAnalyticsConfig(raw) {
-  if (!isObject$1(raw)) throw new Error("'options' should be an object");
-  return raw;
-}
-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;
-  }
-  _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);
-    }
-    if (!(element 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(
-      "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;
-  }
-  _findFrame() {
-    const element = this.container ? this._findElement() : document.body;
-    const parent = element.shadowRoot || element;
-    return parent.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);
-    }
-  }
-  _loadEvent(sqh) {
-    var _a2;
-    if (!sqh) return;
-    if (!isObject$1(sqh)) {
-      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)
-        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
-      };
-    } else {
-      const { analytics, mode } = sqh;
-      params = {
-        tenantAlias: analytics.attributes.tenant,
-        externalAccountId: analytics.attributes.accountId,
-        externalUserId: analytics.attributes.userId,
-        engagementMedium: mode.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}`);
-    });
-  }
-  _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>
+ */function Y(o,t){let e=[],i,n=o,s=n.documentElement.doScroll,r="DOMContentLoaded",a=(s?/^loaded|^c/:/^loaded|^i|^c/).test(n.readyState);return a||n.addEventListener(r,i=()=>{for(n.removeEventListener(r,i),a=!0;i=e.shift();)i()}),a?setTimeout(t,0):e.push(t)}function D({value:o,unit:t}){switch(t){case"px":return`${o}px`;case"%":return`${o}%`;default:return`${o}px`}}class de{constructor(t){l(this,"domain");var n;const i=Te(t);this.domain=(i==null?void 0:i.domain)||((n=K())==null?void 0:n.domain)||A}pushAnalyticsLoadEvent(t){if(!t.externalUserId||!t.externalAccountId)return;const e=encodeURIComponent(t.tenantAlias),i=encodeURIComponent(t.externalAccountId),n=encodeURIComponent(t.externalUserId),s=encodeURIComponent(t.engagementMedium),r=t.programId?`&programId=${encodeURIComponent(t.programId)}`:"",a=`/a/${e}/widgets/analytics/loaded?externalAccountId=${i}&externalUserId=${n}&engagementMedium=${s}${r}`,c=this.domain+a;return Q(c,JSON.stringify({}))}pushAnalyticsShareClickedEvent(t){const e=encodeURIComponent(t.tenantAlias),i=encodeURIComponent(t.externalAccountId),n=encodeURIComponent(t.externalUserId),s=encodeURIComponent(t.engagementMedium),r=encodeURIComponent(t.shareMedium),a=`/a/${e}/widgets/analytics/shared?externalAccountId=${i}&externalUserId=${n}&engagementMedium=${s}&shareMedium=${r}`,c=this.domain+a;return Q(c,JSON.stringify({}))}}function Te(o){if(!I(o))throw new Error("'options' should be an object");return o}const w=E("squatch-js:widget");class le{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);var e;w("widget initializing ..."),this.content=t.content==="error"?this._error(t.rsCode):t.content,this.type=t.type,this.widgetApi=t.api,this.npmCdn=t.npmCdn,this.analyticsApi=new de({domain:t.domain}),this.context=t.context,this.container=((e=t.context)==null?void 0:e.container)||t.container}_findElement(){let t;if(typeof this.container=="string"?(t=document.querySelector(this.container),w("loading widget with selector",t)):this.container instanceof HTMLElement?(t=this.container,w("loading widget with container",t)):this.container?(t=null,w("container must be an HTMLElement or string",this.container)):(t=document.querySelector("#squatchembed")||document.querySelector(".squatchembed")||document.querySelector("#impactembed")||document.querySelector(".impactembed"),w("loading widget with default selector",t)),!(t instanceof HTMLElement))throw new Error(`element with selector '${this.container||"#squatchembed, .squatchembed, #impactembed, or .impactembed"}' not found.'`);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%;"),t!=null&&t.minWidth&&(e.style.minWidth=t.minWidth),t!=null&&t.maxWidth&&(e.style.maxWidth=t.maxWidth),(t!=null&&t.maxWidth||t!=null&&t.minWidth)&&(e.style.width="100%"),t!=null&&t.initialHeight&&(e.height=t.initialHeight),e}_findFrame(){const t=this.container?this._findElement():document.body;return(t.shadowRoot||t).querySelector("iframe#squatchFrame")}_detachLoadEventListener(t){this.loadEventListener&&(t.removeEventListener("sq:user-registration",this.loadEventListener),this.loadEventListener=null)}_attachLoadEventListener(t,e){this.loadEventListener===null&&(this.loadEventListener=i=>{this._loadEvent({...e,userId:i.detail.userId,accountId:i.detail.accountId})},t.addEventListener("sq:user-registration",this.loadEventListener))}_loadEvent(t){var i;if(!t)return;if(!I(t))throw new Error("Widget Load event identity property is not an object");let e;if("programId"in t){if(!t.tenantAlias||!t.accountId||!t.userId||!t.engagementMedium)throw new Error("Widget Load event missing required properties");e={tenantAlias:t.tenantAlias,externalAccountId:t.accountId,externalUserId:t.userId,engagementMedium:t.engagementMedium,programId:t.programId}}else{const{analytics:n,mode:s}=t;e={tenantAlias:n.attributes.tenant,externalAccountId:n.attributes.accountId,externalUserId:n.attributes.userId,engagementMedium:s.widgetMode}}(i=this.analyticsApi.pushAnalyticsLoadEvent(e))==null||i.then(n=>{w(`${e.engagementMedium} loaded event recorded.`)}).catch(n=>{w(`ERROR: pushAnalyticsLoadEvent() ${n}`)})}_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(i=>{w(`${t.mode.widgetMode} share ${e} event recorded. ${i}`)}).catch(i=>{w(`ERROR: pushAnalyticsShareClickedEvent() ${i}`)})}_error(t,e="modal",i=""){return`<!DOCTYPE html>
     <!--[if IE 7]><html class="ie7 oldie" lang="en"><![endif]-->
     <!--[if IE 8]><html class="ie8 oldie" lang="en"><![endif]-->
     <!--[if gt IE 8]><!--><html lang="en"><!--<![endif]-->
     <head>
       <link rel="stylesheet" media="all" href="https://fast.ssqt.io/assets/css/widget/errorpage.css">
       <style>
-        ${style}
+        ${i}
       </style>
     </head>
     <body>
 
-      <div class="squatch-container ${mode}" style="width:100%">
+      <div class="squatch-container ${e}" style="width:100%">
         <div class="errorheader">
           <button type="button" class="close" onclick="window.frameElement.squatchJsApi.close();">&times;</button>
           <p class="errortitle">Error</p>
@@ -999,1644 +40,36 @@ class Widget {
           <br>
           <br>
           <div class="right-align errtxt">
-            Error Code: ${rs}
+            Error Code: ${t}
           </div>
         </div>
       </div>
     </body>
-    </html>`;
-    return errorTemplate;
-  }
-  async _findInnerContainer(frame) {
-    const { contentWindow } = frame;
-    if (!contentWindow)
-      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;
-    }
-    return found;
-  }
-  /**
-   * Reloads the current widget, makes updated request to API and renders result.
-   * Primarily for Classic widgets with registration
-   * @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) {
-      throw new Error("Frame needs a content window");
-    }
-    let response;
-    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,
-        id: this.context.user.id,
-        accountId: this.context.user.accountId
-      };
-      response = this.widgetApi.upsertUser({
-        user: userObj,
-        engagementMedium,
-        widgetType: this.type,
-        jwt
-      });
-    } else if (this.context.type === "passwordless") {
-      response = this.widgetApi.render({
-        user: void 0,
-        engagementMedium,
-        widgetType: this.type,
-        jwt: void 0
-      });
-    } 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}`);
-    });
-  }
-  __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);
-    }
-  }
-}
-function delay(duration) {
-  return new Promise((resolve) => {
-    setTimeout(resolve, duration);
-  });
-}
-const getSkeleton = ({
-  height = "500px",
-  skeletonBackgroundColor = "#e0e0e0",
-  skeletonShimmerColor = "#f5f5f5",
-  borderColor = "#ccc"
-}) => {
-  return `
-    <style>
-        * {
-          box-sizing: border-box;
-          padding: 0;
-          margin: 0;
-        }
-
-			.widget-container {
-				background: white;
-				width: 100%;
-				max-width: 900px;
-				padding: 40px;
-				border-radius: 12px;
-				box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
-				box-sizing: border-box;
-			}
-
-			@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;
-			}
-
-			.sk-title-lg {
-				height: 36px;
-				width: 50%;
-				margin-bottom: 16px;
-			}
-			.sk-title-md {
-				height: 28px;
-				width: 30%;
-				margin-bottom: 20px;
-				margin-top: 40px;
-			}
-			.sk-text {
-				height: 16px;
-				width: 80%;
-				margin-bottom: 8px;
-			}
-			.sk-text-short {
-				width: 40%;
-			}
-			.sk-label {
-				height: 14px;
-				width: 25%;
-				margin-bottom: 10px;
-			}
-
-			.hero-section {
-				display: flex;
-				gap: 40px;
-				margin-bottom: 40px;
-				border-bottom: 1px solid ${borderColor};
-				padding-bottom: 40px;
-				flex-direction: row;
-			}
-			.hero-content {
-				flex: 1;
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-			}
-			.hero-image {
-				flex: 1;
-				height: 300px;
-				border-radius: 12px;
-			}
-
-			.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;
-				border-top: 1px solid ${borderColor};
-				border-bottom: 1px solid ${borderColor};
-			}
-			.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-header {
-				display: flex;
-				gap: 16px;
-				margin-bottom: 16px;
-			}
-			.sk-th {
-				height: 16px;
-			}
-			.table-row {
-				display: flex;
-				align-items: center;
-				gap: 16px;
-				padding: 16px 0;
-				border-bottom: 1px solid ${borderColor};
-			}
-
-			.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;
-				}
-				.hero-image {
-					height: 220px;
-					width: 100%;
-				}
-				.sk-title-lg {
-					width: 80%;
-				}
-
-				.col-date {
-					display: none;
-				}
-			}
-
-			@media (max-width: 480px) {
-				body {
-					padding: 10px;
-				}
-				.widget-container {
-					padding: 16px;
-				}
-
-				.sk-stat-num {
-					width: 80px;
-					height: 40px;
-				}
-
-				.col-reward {
-					display: none;
-				}
-
-				.col-user {
-					flex: 3;
-				}
-				.col-status {
-					flex: 2;
-					display: flex;
-					justify-content: flex-end;
-				}
-			}
-    </style>
-
-    <div class="widget-container">
-			<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>
+    </html>`}async _findInnerContainer(t){const{contentWindow:e}=t;if(!e)throw new Error("Squatch.js frame inner frame is empty");const i=e.document;function n(){const r=i.getElementsByTagName("sqh-global-container"),a=i.getElementsByClassName("squatch-container");return r.length>0?r[0]:a.length>0?a[0]:null}let s=null;for(let r=0;r<5&&(s=n(),!s);r++)await Ue(100);return s||i.body}reload({email:t,firstName:e,lastName:i},n){const s=this._findFrame();if(!s)throw new Error("Could not find widget iframe");const r=s.contentWindow,a=this.context.engagementMedium||"POPUP";if(!r)throw new Error("Frame needs a content window");let c;if(this.context.type==="upsert"){if(!this.context.user)throw new Error("Can't reload without user ids");let d={email:t||null,firstName:e||null,lastName:i||null,id:this.context.user.id,accountId:this.context.user.accountId};c=this.widgetApi.upsertUser({user:d,engagementMedium:a,widgetType:this.type,jwt:n})}else if(this.context.type==="passwordless")c=this.widgetApi.render({user:void 0,engagementMedium:a,widgetType:this.type,jwt:void 0});else throw new Error("can't reload an error widget");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})=>{w(`${d}`)})}__deprecated__register(t,e,i){const s=t.contentWindow.document,r=s.createElement("button"),a=s.getElementsByClassName("squatch-register")[0];if(a){r.className="btn btn-primary",r.id="show-stats-btn",r.textContent=this.type==="REFERRER_WIDGET"?"Show Stats":"Show Reward";const c=e.engagementMedium==="POPUP"?"margin-top: 10px; max-width: 130px; width: 100%;":"margin-top: 10px;";r.setAttribute("style",c),r.onclick=i,a.style.paddingTop="30px",a.innerHTML=`<p><strong>${e.email}</strong><br>Has been successfully registered</p>`,a.appendChild(r)}}}function Ue(o){return new Promise(t=>{setTimeout(t,o)})}const b=E("squatch-js:EMBEDwidget");class x extends le{constructor(e,i){super(e);l(this,"show",this.open);l(this,"hide",this.close);i&&(this.container=i)}async load(){var p,m,g,f,_,C,te;const e=(m=(p=this.context.widgetConfig)==null?void 0:p.values)==null?void 0:m.brandingConfig,i=e==null?void 0:e.loadingHeight,n=(g=e==null?void 0:e.widgetSize)==null?void 0:g.embeddedWidgets,s=n!=null&&n.maxWidth?D(n.maxWidth):"",r=n!=null&&n.minWidth?D(n.minWidth):"",a=this._createFrame({minWidth:r,maxWidth:s,initialHeight:i}),c=this._findElement();(f=this.context)!=null&&f.container&&(c.style.visibility="hidden",c.style.height="0",c.style["overflow-y"]="hidden"),this.container?c.shadowRoot?((_=c.shadowRoot.lastChild)==null?void 0:_.nodeName)==="IFRAME"?c.shadowRoot.replaceChild(a,c.shadowRoot.lastChild):c.shadowRoot.appendChild(a):c.firstChild?c.replaceChild(a,c.firstChild):c.appendChild(a):(!c.firstChild||c.firstChild.nodeName==="#text")&&c.appendChild(a);const{contentWindow:d}=a;if(!d)throw new Error("Frame needs a content window");const h=d.document;h.open();const u=this.widgetApi.domain;h.write(`
+      ${(C=e==null?void 0:e.main)!=null&&C.brandFont?`
+        <link rel="preconnect" href="https://fast${u==="https://staging.referralsaasquatch.com"&&"-staging"}.ssqt.io">
+        <link rel="preconnect" href="https://fonts.gstatic.com">
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent((te=e==null?void 0:e.main)==null?void 0:te.brandFont)}" as="style">`:""}
+      <link rel="dns-prefetch" href="https://res.cloudinary.com">
+      <link rel="preconnect" href="https://res.cloudinary.com" crossorigin>
+      <style data-styles>
+        html { visibility:hidden;}
+      </style>
+      ${this.content}
 
-			<div class="pagination">
-				<div class="skeleton sk-btn-page"></div>
-				<div class="skeleton sk-btn-page"></div>
-			</div>
-		</div>
-  `;
-};
-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;
-    }
-  }
-  async load() {
-    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-    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 skeletonBackgroundColor = (_d = (_c = brandingConfig == null ? void 0 : brandingConfig.color) == null ? void 0 : _c.loadingSkeleton) == null ? void 0 : _d.background;
-    const skeletonShimmerColor = (_f = (_e = brandingConfig == null ? void 0 : brandingConfig.color) == null ? void 0 : _e.loadingSkeleton) == null ? void 0 : _f.animationBackground;
-    const borderColor = (_g = brandingConfig == null ? void 0 : brandingConfig.border) == null ? void 0 : _g.borderColor;
-    const sizes = (_h = brandingConfig == null ? void 0 : brandingConfig.widgetSize) == null ? void 0 : _h.embeddedWidgets;
-    const maxWidth = (sizes == null ? void 0 : sizes.maxWidth) ? formatWidth(sizes.maxWidth) : "";
-    const minWidth = (sizes == null ? void 0 : sizes.minWidth) ? formatWidth(sizes.minWidth) : "";
-    console.log({
-      brandingConfig,
-      initialHeight,
-      widgetConfig: this.context.widgetConfig
-    });
-    const skeletonHTML = getSkeleton({
-      height: initialHeight,
-      skeletonBackgroundColor,
-      skeletonShimmerColor,
-      borderColor
-    });
-    const skeletonContainer = document.createElement("div");
-    skeletonContainer.innerHTML = skeletonHTML;
-    const frame = this._createFrame({
-      minWidth,
-      maxWidth,
-      initialHeight
-    });
-    const element = this._findElement();
-    element.innerHTML = skeletonHTML;
-    frame.style.display = "none";
-    const injectContents = (target) => {
-      target.appendChild(skeletonContainer);
-      target.appendChild(frame);
-    };
-    if ((_i = this.context) == null ? void 0 : _i.container) {
-      element.style.visibility = "hidden";
-      element.style.height = "0";
-      element.style["overflow-y"] = "hidden";
-    }
-    if (this.container) {
-      if (element.shadowRoot) {
-        if (((_j = element.shadowRoot.lastChild) == null ? void 0 : _j.nodeName) === "IFRAME") {
-          element.shadowRoot.replaceChild(frame, element.shadowRoot.lastChild);
-        } else {
-          injectContents(element.shadowRoot);
-        }
-      } else if (element.firstChild) {
-        element.innerHTML = "";
-        injectContents(element);
-      } else {
-        injectContents(element);
-      }
-    } else if (!element.firstChild || element.firstChild.nodeName === "#text") {
-      injectContents(element);
-    }
-    const { contentWindow } = frame;
-    if (!contentWindow) {
-      throw new Error("Frame needs a content window");
-    }
-    const frameDoc = contentWindow.document;
-    frameDoc.open();
-    console.log({ content: this.content, context: this.context, this: this });
-    const domain = this.widgetApi.domain;
-    frameDoc.write(`
-      ${((_k = brandingConfig == null ? void 0 : brandingConfig.main) == null ? void 0 : _k.brandFont) && `
-        <link rel="preconnect" href="https://fast${domain === "https://staging.referralsaasquatch.com" && "-staging"}.ssqt.io">
+      `),h.close(),Y(h,async()=>{const ne=d.squatch||d.widgetIdent;a.height=i||h.body.scrollHeight;const me=new ResizeObserver(fe=>{for(const we of fe){const{height:ye}=we.contentRect;a.height=ye}}),ge=await this._findInnerContainer(a);me.observe(ge),this._shouldFireLoadEvent()?(this._loadEvent(ne),b("loaded")):h&&this._attachLoadEventListener(h,ne)})}open(){const e=this._findFrame();if(!e)return b("no target element to open");if(!e.contentWindow)return b("Frame needs a content window");const i=this._findElement();i.style.visibility="unset",i.style.height="auto",i.style["overflow-y"]="auto",e.contentWindow.document.dispatchEvent(new CustomEvent("sq:refresh"));const n=e.contentWindow.squatch||e.contentWindow.widgetIdent;if(this.context.user)this._loadEvent(n),b("loaded");else{if(!e.contentDocument)return;this._attachLoadEventListener(e.contentDocument,n)}}close(){const e=this._findFrame();if(!e)return b("no target element to close");e.contentDocument&&this._detachLoadEventListener(e.contentDocument);const i=this._findElement();i.style.visibility="hidden",i.style.height="0",i.style["overflow-y"]="hidden",b("Embed widget closed")}_error(e,i="embed",n=""){return super._error(e,i,n)}_shouldFireLoadEvent(){const e=!this.container,i=this.container instanceof HTMLElement&&(this.container.tagName.startsWith("SQUATCH-")||this.container.tagName.startsWith("IMPACT-"));return!!this.context.user&&(e||i)}}const k=E("squatch-js:POPUPwidget");let M=0;class q extends le{constructor(e,i=".squatchpop"){super(e);l(this,"trigger");l(this,"id");l(this,"show",this.open);l(this,"hide",this.close);this.trigger=i,this.container?this.id="squatchModal":(this.id=M===0?"squatchModal":`squatchModal__${M}`,M=M+1),document.head.insertAdjacentHTML("beforeend",`<style>#${this.id}::-webkit-scrollbar { display: none; }</style>`)}_initialiseCTA(){if(!this.trigger)return;let e;try{e=document.querySelector(this.trigger)||document.querySelector(".impactpop"),this.trigger&&!e&&k("No element found with trigger selector",this.trigger)}catch{k("Not a valid selector",this.trigger)}e&&(e.onclick=()=>{this.open()})}_createPopupDialog(e){var c;const i=document.createElement("dialog"),n=(c=e==null?void 0:e.widgetSize)==null?void 0:c.popupWidgets,s=n!=null&&n.minWidth?D(n.minWidth):"auto",r=n!=null&&n.maxWidth?D(n.maxWidth):"500px";i.id=this.id,i.setAttribute("style",`width: 100%; min-width: ${s}; max-width: ${r}; border: none; padding: 0;`);const a=d=>{d.stopPropagation(),d.target===i&&i.close()};return i.addEventListener("click",a),i}async load(){var u,p,m,g,f;const e=(p=(u=this.context.widgetConfig)==null?void 0:u.values)==null?void 0:p.brandingConfig,i=e==null?void 0:e.loadingHeight,n=this._createFrame({initialHeight:i});this._initialiseCTA();const s=this.container?this._findElement():document.body,r=s.shadowRoot||s,a=this._createPopupDialog(e);a.appendChild(n),((m=r.lastChild)==null?void 0:m.nodeName)==="DIALOG"?r.replaceChild(a,r.lastChild):r.appendChild(a);const{contentWindow:c}=n;if(!c)throw new Error("Frame needs a content window");const d=c.document;d.open();const h=this.widgetApi.domain;d.write(`
+      ${(g=e==null?void 0:e.main)!=null&&g.brandFont?`
+        <link rel="preconnect" href="https://fast${h==="https://staging.referralsaasquatch.com"&&"-staging"}.ssqt.io">
         <link rel="preconnect" href="https://fonts.gstatic.com">
         <link rel="preconnect" href="https://fonts.googleapis.com">
-        <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent(
-      (_l = brandingConfig == null ? void 0 : brandingConfig.main) == null ? void 0 : _l.brandFont
-    )}" as="style">`}
-      <script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>
+        <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent((f=e==null?void 0:e.main)==null?void 0:f.brandFont)}" as="style">`:""}
+      <link rel="dns-prefetch" href="https://res.cloudinary.com">
+      <link rel="preconnect" href="https://res.cloudinary.com" crossorigin>
       <style data-styles>
         html { visibility:hidden;}
       </style>
       ${this.content}
 
-      `);
-    frameDoc.close();
-    domready(frameDoc, async () => {
-      if (skeletonContainer && skeletonContainer.parentNode) {
-        skeletonContainer.parentNode.removeChild(skeletonContainer);
-      }
-      frame.style.display = "block";
-      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;
-        }
-      });
-      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);
-      }
-    });
-  }
-  /**
-   * 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);
-    }
-  }
-  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);
-  }
-  _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 _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(
-      "beforeend",
-      `<style>#${this.id}::-webkit-scrollbar { display: none; }</style>`
-    );
-  }
-  _initialiseCTA() {
-    if (!this.trigger) return;
-    let triggerElement;
-    try {
-      triggerElement = document.querySelector(this.trigger) || document.querySelector(".impactpop");
-      if (this.trigger && !triggerElement)
-        _log$6("No element found with trigger selector", this.trigger);
-    } catch {
-      _log$6("Not a valid selector", this.trigger);
-    }
-    if (triggerElement) {
-      triggerElement.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(
-      "style",
-      `width: 100%; min-width: ${minWidth}; max-width: ${maxWidth}; border: none; padding: 0;`
-    );
-    const onClick = (e) => {
-      e.stopPropagation();
-      if (e.target === dialog) dialog.close();
-    };
-    dialog.addEventListener("click", onClick);
-    return dialog;
-  }
-  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) {
-      throw new Error("Frame needs a content window");
-    }
-    const frameDoc = contentWindow.document;
-    frameDoc.open();
-    frameDoc.write(this.content);
-    frameDoc.write(
-      `<script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>`
-    );
-    frameDoc.close();
-    _log$6("Popup template loaded into iframe");
-    await this._setupResizeHandler(frame);
-  }
-  async _setupResizeHandler(frame) {
-    const { contentWindow } = frame;
-    if (!contentWindow) {
-      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 = ``;
-        }
-      });
-      ro.observe(await this._findInnerContainer(frame));
-    });
-  }
-  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);
-      }
-    });
-  }
-  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 _log$5 = browserExports.debug("squatch-js:widgets");
-class Widgets {
-  /**
-   * Initialize a new {@link Widgets} instance.
-   *
-   * @param {ConfigOptions} config Config details
-   *
-   * @example <caption>Browser example</caption>
-   * var widgets = new squatch.Widgets({tenantAlias:'test_12b5bo1b25125'});
-   *
-   * @example <caption>Browserify/Webpack example</caption>
-   * var Widgets = require('@saasquatch/squatch-js').Widgets;
-   * var widgets = new Widgets({tenantAlias:'test_12b5bo1b25125'});
-   *
-   * @example <caption>Babel+Browserify/Webpack example</caption>
-   * import {Widgets} from '@saasquatch/squatch-js';
-   * let widgets = new Widgets({tenantAlias:'test_12b5bo1b25125'});
-   */
-  constructor(configin) {
-    /**
-     * Instance of {@link WidgetApi}
-     */
-    __publicField(this, "api");
-    /**
-     * Tenant alias of SaaSquatch tenant
-     */
-    __publicField(this, "tenantAlias");
-    /**
-     * SaaSquatch domain for API requests
-     * @default "https://app.referralsaasquatch.com"
-     */
-    __publicField(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);
-  }
-  /**
-   * This function calls the {@link WidgetApi.upsertUser} method, and it renders
-   * the widget if it is successful. Otherwise it shows the "error" widget.
-   *
-   * @param {Object} config Config details
-   * @param {Object} config.user The user details
-   * @param {string} config.user.id The user id
-   * @param {string} config.user.accountId The user account id
-   * @param {WidgetType} config.widgetType The content of the widget
-   * @param {EngagementMedium} config.engagementMedium How to display the widget
-   * @param {string} config.jwt the JSON Web Token (JWT) that is used to validate the data (can be disabled)
-   * @param {HTMLElement | string | undefined} config.container Element to load the widget into
-   * @param {string | undefined} config.trigger Trigger element for opening the popup widget
-   *
-   * @return {Promise<WidgetResult>} json object if true, with a Widget and user details
-   */
-  async upsertUser(config) {
-    const raw = config;
-    const clean = validateWidgetConfig(raw);
-    try {
-      const response = await this.api.upsertUser(clean);
-      return {
-        widget: this._renderWidget(response, clean, {
-          type: "upsert",
-          user: clean.user,
-          engagementMedium: config.engagementMedium,
-          container: config.container,
-          trigger: config.trigger,
-          widgetConfig: {
-            values: {
-              brandingConfig: response == null ? void 0 : response.brandingConfig
-            }
-          }
-        }),
-        user: response.user
-      };
-    } catch (err) {
-      _log$5(err);
-      if (err.apiErrorCode) {
-        this._renderErrorWidget(err, config.engagementMedium);
-      }
-      throw new Error(err);
-    }
-  }
-  /**
-   * This function calls the {@link WidgetApi.render} method, and it renders
-   * the widget if it is successful. Otherwise it shows the "error" widget.
-   *
-   * @param {Object} config Config details
-   * @param {Object} config.user The user details
-   * @param {string} config.user.id The user id
-   * @param {string} config.user.accountId The user account id
-   * @param {WidgetType} config.widgetType The content of the widget
-   * @param {EngagementMedium} config.engagementMedium How to display the widget
-   * @param {string} config.jwt the JSON Web Token (JWT) that is used
-   *                            to validate the data (can be disabled)
-   *
-   * @return {Promise<WidgetResult>} json object if true, with a Widget and user details
-   */
-  async render(config) {
-    const raw = config;
-    const clean = validatePasswordlessConfig(raw);
-    try {
-      const response = await this.api.render(clean);
-      return {
-        widget: this._renderWidget(response, clean, {
-          type: "passwordless",
-          engagementMedium: clean.engagementMedium,
-          container: clean.container,
-          trigger: clean.trigger,
-          widgetConfig: {
-            values: {
-              brandingConfig: response == null ? void 0 : response.brandingConfig
-            }
-          }
-        }),
-        user: response.user
-      };
-    } catch (err) {
-      if (err.apiErrorCode) {
-        this._renderErrorWidget(err, clean.engagementMedium);
-      }
-      throw new Error(err);
-    }
-  }
-  /**
-   * Autofills a referral code into an element when someone has been referred.
-   * Uses {@link WidgetApi.squatchReferralCookie} behind the scenes.
-   *
-   * @param selector Element class/id selector, or a callback function
-   * @returns
-   */
-  async autofill(selector) {
-    const input = selector;
-    if (typeof input === "function") {
-      try {
-        const response = await this.api.squatchReferralCookie();
-        input(response);
-      } catch (e) {
-        _log$5("Autofill error", e);
-        throw new Error(e);
-      }
-      return;
-    }
-    if (typeof input !== "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");
-    }
-    try {
-      const response = await this.api.squatchReferralCookie();
-      elem.value = response.codes[0];
-    } catch (e) {
-      throw new Error(e);
-    }
-  }
-  /**
-   * @hidden
-   * @param {Object} response The json object return from the WidgetApi
-   * @param {Object} config Config details
-   * @param {string} config.widgetType The widget type (REFERRER_WIDGET, CONVERSION_WIDGET)
-   * @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),
-      api: this.api,
-      domain: this.domain,
-      npmCdn: this.npmCdn,
-      context
-    };
-    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;
-  }
-  _renderPopupWidget(params) {
-    const widget2 = new PopupWidget(params, params.context.trigger);
-    widget2.load();
-    return widget2;
-  }
-  _renderEmbedWidget(params) {
-    const widget2 = new EmbedWidget(params, params.context.container);
-    widget2.load();
-    return widget2;
-  }
-  /**
-   * @hidden
-   * @param {Object} error The json object containing the error details
-   * @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 = {
-      content: "error",
-      rsCode,
-      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();
-    }
-  }
-  /**
-   * @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;
-  }
-}
-class EventsApi {
-  /**
-   * Initialize a new {@link EventsApi} instance.
-   *
-   * @param {ConfigOptions} config Config details
-   *
-   * @example <caption>Browser example</caption>
-   * var squatchApi = new squatch.EventsApi({tenantAlias:'test_12b5bo1b25125'});
-   *
-   * @example <caption>Browserify/Webpack example</caption>
-   * var EventsApi = require('@saasquatch/squatch-js').EventsApi;
-   * var squatchApi = new EventsApi({tenantAlias:'test_12b5bo1b25125'});
-   *
-   * @example <caption>Babel+Browserify/Webpack example</caption>
-   * 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;
-  }
-  /**
-   * Track an event for a user
-   *
-   * @param params Parameters for request
-   * @param options.jwt the JSON Web Token (JWT) that is used to authenticate the user
-   *
-   * @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);
-  }
-}
-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))
-    throw new Error("'events' should be an array");
-  return clean;
-}
-function _validateTrackOptions(raw) {
-  if (!isObject$1(raw)) throw new Error("'options' should be an object");
-  return raw;
-}
-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);
-  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];
-  }, 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");
-    return;
-  }
-  const config = validateConfig({
-    tenantAlias: "UNKNOWN"
-  });
-  if (!config.domain) {
-    _log$3("domain must be provided in config to use _saasquatchExtra");
-    return;
-  }
-  let raw;
-  try {
-    raw = JSON.parse(b64decode(refParam));
-  } catch (e) {
-    _log$3("Unable to decode _saasquatchExtra config");
-    return;
-  }
-  function normalizeDomain(domain) {
-    return domain.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 { autoPopupWidgetType, ...rest } = widgetConfig;
-  return {
-    widgetConfig: {
-      widgetType: autoPopupWidgetType,
-      displayOnLoad: true,
-      ...rest
-    },
-    squatchConfig: {
-      ...config,
-      tenantAlias
-    }
-  };
-}
-const _log$2 = browserExports.debug("squatch-js:decodeUserJwt");
-function decodeUserJwt(tokenStr) {
-  var _a2;
-  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;
-  } catch (e) {
-    _log$2(e);
-    return null;
-  }
-}
-const _log$1 = debug("squatch-js:DeclarativeWidget");
-class DeclarativeWidget extends HTMLElement {
-  constructor() {
-    super();
-    /**
-     * Configuration overrides
-     * @default window.squatchConfig
-     */
-    __publicField(this, "config");
-    /**
-     * Signed JWT containing user information
-     * @default window.squatchToken
-     */
-    __publicField(this, "token");
-    /**
-     * Tenant alias of SaaSquatch tenant
-     * @default window.squatchTenant
-     */
-    __publicField(this, "tenant");
-    /**
-     * widgetType of widget to load
-     */
-    __publicField(this, "widgetType");
-    /**
-     * Locale to render the widget in
-     */
-    __publicField(this, "locale");
-    /**
-     * Instance of {@link WidgetApi}
-     */
-    __publicField(this, "widgetApi");
-    /**
-     * Instance of {@link AnalyticsApi}
-     */
-    __publicField(this, "analyticsApi");
-    /**
-     * Instance of {@link EmbedWidget} or {@link PopupWidget}
-     */
-    __publicField(this, "widgetInstance");
-    /**
-     * Determines whether to render the widget as an embedding widget or popup widget
-     */
-    __publicField(this, "type");
-    /**
-     * Container element to contain the widget iframe
-     * @default this
-     */
-    __publicField(this, "container");
-    __publicField(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 = {
-        api: this.widgetApi,
-        content: res.template,
-        context: {
-          type: config.type,
-          user: config.user,
-          container: this.container || void 0,
-          engagementMedium: this.type,
-          widgetConfig: res.widgetConfig
-        },
-        type: this.widgetType,
-        domain: ((_a2 = this.config) == null ? void 0 : _a2.domain) || DEFAULT_DOMAIN,
-        npmCdn: DEFAULT_NPM_CDN,
-        container: this
-      };
-      if (this.type === "EMBED") {
-        return new EmbedWidget(params);
-      } else {
-        const useFirstChildTrigger = this.firstChild ? null : void 0;
-        return new PopupWidget(params, useFirstChildTrigger);
-      }
-    });
-    /**
-     * 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 = {
-        api: this.widgetApi,
-        content: "error",
-        context: {
-          type: "error",
-          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
-      };
-      if (this.type === "EMBED") {
-        return new EmbedWidget(params);
-      } else {
-        const useFirstChildTrigger = this.firstChild ? null : void 0;
-        return new PopupWidget(params, useFirstChildTrigger);
-      }
-    });
-    __publicField(this, "reload", this.renderWidget);
-    __publicField(this, "show", this.open);
-    __publicField(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;
-    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
-    });
-  }
-  async renderPasswordlessVariant() {
-    this._setupApis();
-    _log$1("Rendering as an Instant Access widget");
-    return await this.widgetApi.render({
-      engagementMedium: this.type,
-      widgetType: this.widgetType,
-      locale: this.locale
-    }).then((res) => this._setWidget(res, { type: "passwordless" })).catch(this.setErrorWidget);
-  }
-  async renderUserUpsertVariant() {
-    this._setupApis();
-    const userObj = decodeUserJwt(this.token);
-    if (!userObj) {
-      return this.setErrorWidget(Error("No user object in token."));
-    }
-    _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({
-      locale: this.locale,
-      engagementMedium: this.type,
-      widgetType: this.widgetType
-    }).then((res) => {
-      return this._setWidget(res, { type: "upsert", user: userObj });
-    }).catch(this.setErrorWidget);
-    return widgetInstance;
-  }
-  /**
-   * Fetches widget content from SaaSquatch and builds a Widget instance to support rendering the widget in the DOM
-   * @returns Instance of either {@link EmbedWidget} or {@link PopupWidget} depending on `this.type`
-   * @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;
-    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;
-  }
-  /**
-   * 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();
-  }
-  /**
-   * Calls `open` method of `widgetInstance`
-   * @throws Throws an Error if called before the widget has loaded
-   */
-  open() {
-    if (!this.widgetInstance) throw new Error("Widget has not loaded yet");
-    this.widgetInstance.open();
-  }
-  /**
-   * Calls `close` method of `widgetInstance`
-   * @throws Throws an Error if called before the widget has loaded
-   */
-  close() {
-    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;
-    }
-  }
-  async connectedCallback() {
-    var _a2;
-    this.loaded = true;
-    this.container = this.getAttribute("container");
-    const skeletonHTML = `
-    <div>
-      <h1>Dynamic Content</h1>
-      <p>This content was dynamically added to the widget before it loaded.</p>
-    </div>
-  `;
-    const skeletonContainer = document.createElement("div");
-    skeletonContainer.id = "loading-skeleton";
-    skeletonContainer.innerHTML = skeletonHTML;
-    if (!this.shadowRoot) {
-      this.attachShadow({ mode: "open" });
-    }
-    if (this.shadowRoot) {
-      this.shadowRoot.innerHTML = skeletonHTML;
-    }
-    await this.renderWidget();
-    const loadingElement = (_a2 = this.shadowRoot) == null ? void 0 : _a2.getElementById("loading-skeleton");
-    if (loadingElement) {
-      loadingElement.remove();
-    }
-    if (this.getAttribute("open") !== null) this.open();
-  }
-}
-class DeclarativePopupWidget extends DeclarativeWidget {
-  constructor() {
-    super();
-    this.type = "POPUP";
-    this.loaded = false;
-    this.addEventListener("click", (e) => {
-      e.stopPropagation();
-      this.open();
-    });
-  }
-  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;
-    }
-  }
-  async connectedCallback() {
-    var _a2;
-    this.loaded = true;
-    this.container = this.getAttribute("container");
-    const skeletonHTML = `
-    <div>
-      <h1>Dynamic Content</h1>
-      <p>This content was dynamically added to the widget before it loaded.</p>
-    </div>
-  `;
-    const skeletonContainer = document.createElement("div");
-    skeletonContainer.id = "loading-skeleton";
-    skeletonContainer.innerHTML = skeletonHTML;
-    if (!this.shadowRoot) {
-      this.attachShadow({ mode: "open" });
-    }
-    if (this.shadowRoot) {
-      this.shadowRoot.innerHTML = skeletonHTML;
-    }
-    await this.renderWidget();
-    const loadingElement = (_a2 = this.shadowRoot) == null ? void 0 : _a2.getElementById("loading-skeleton");
-    if (loadingElement) {
-      loadingElement.remove();
-    }
-    if (this.getAttribute("open") !== null) this.open();
-  }
-}
-class SquatchEmbed extends DeclarativeEmbedWidget {
-}
-class SquatchPopup extends DeclarativePopupWidget {
-}
-class ImpactEmbed extends DeclarativeEmbedWidget {
-}
-class ImpactPopup extends DeclarativePopupWidget {
-}
-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() {
-  console.log(
-    `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;
-}
-function widgets() {
-  if (!_widgets) init({});
-  return _widgets;
-}
-function events() {
-  if (!_events) init({});
-  return _events;
-}
-function widget(widgetConfig) {
-  var _a2;
-  return (_a2 = widgets()) == null ? void 0 : _a2.render(widgetConfig);
-}
-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 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 ready(fn) {
-  fn();
-}
-function autofill(selector) {
-  widgets().autofill(selector);
-}
-function pushCookie() {
-  _pushCookie();
-}
-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();
-exports.DeclarativeEmbedWidget = DeclarativeEmbedWidget;
-exports.DeclarativePopupWidget = DeclarativePopupWidget;
-exports.EmbedWidget = EmbedWidget;
-exports.PopupWidget = PopupWidget;
-exports.WidgetApi = WidgetApi;
-exports.Widgets = Widgets;
-exports._auto = _auto;
-exports.api = api;
-exports.autofill = autofill;
-exports.events = events;
-exports.help = help;
-exports.init = init;
-exports.pushCookie = pushCookie;
-exports.ready = ready;
-exports.widget = widget;
-exports.widgets = widgets;
+      `),d.close(),k("Popup template loaded into iframe"),await this._setupResizeHandler(n,i)}async _setupResizeHandler(e,i){const{contentWindow:n}=e;if(!n)throw new Error("Frame needs a content window");const s=n.document;Y(s,async()=>{s.body.style.overflowY="hidden",e.height=i||s.body.offsetHeight,new ResizeObserver(a=>{for(const c of a){const{top:d,bottom:h}=c.contentRect,u=h+d;e.height=u+"",c.target.style=""}}).observe(await this._findInnerContainer(e))})}open(){const e=this.container?this._findElement():document.body,n=(e.shadowRoot||e).querySelector(`#${this.id}`);if(!n)throw new Error("Could not determine container div");n.showModal();const 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;Y(a,()=>{var d;const c=r.squatch||r.widgetIdent;(d=s.contentDocument)==null||d.dispatchEvent(new CustomEvent("sq:refresh")),this.context.user?(this._loadEvent(c),k("Popup opened")):this._attachLoadEventListener(a,c)})}close(){const e=this._findFrame();e!=null&&e.contentDocument&&this._detachLoadEventListener(e.contentDocument);const i=this.container?this._findElement():document.body,s=(i.shadowRoot||i).querySelector(`#${this.id}`);if(!s)throw new Error("Could not determine container div");s.close(),k("Popup closed")}_clickedOutside({target:e}){}_error(e,i="modal",n=""){return super._error(e,i,n||"body { margin: 0; } .modal { box-shadow: none; border: 0; }")}}const y=E("squatch-js:widgets");class T{constructor(t){l(this,"api");l(this,"tenantAlias");l(this,"domain");l(this,"npmCdn");const e=U(t);this.tenantAlias=e.tenantAlias,this.domain=e.domain,this.npmCdn=e.npmCdn,this.api=new J(e)}async upsertUser(t){const i=ae(t);try{const n=await this.api.upsertUser(i);return{widget:this._renderWidget(n,i,{type:"upsert",user:i.user,engagementMedium:t.engagementMedium,container:t.container,trigger:t.trigger,widgetConfig:{values:{brandingConfig:n==null?void 0:n.brandingConfig}}}),user:n.user}}catch(n){throw y(n),n.apiErrorCode&&this._renderErrorWidget(n,t.engagementMedium),new Error(n)}}async render(t){const i=ce(t);try{const n=await this.api.render(i);return{widget:this._renderWidget(n,i,{type:"passwordless",engagementMedium:i.engagementMedium,container:i.container,trigger:i.trigger,widgetConfig:n==null?void 0:n.widgetConfig}),user:n.user}}catch(n){throw n.apiErrorCode&&this._renderErrorWidget(n,i.engagementMedium),new Error(n)}}async autofill(t){const e=t;if(typeof e=="function"){try{const s=await this.api.squatchReferralCookie();e(s)}catch(s){throw y("Autofill error",s),new Error(s)}return}if(typeof e!="string")throw new Error("Autofill accepts a string or function");let i=document.querySelectorAll(e),n;if(i.length>0)n=i[0];else throw y("Element id/class or function missing"),new Error("Element id/class or function missing");try{const s=await this.api.squatchReferralCookie();n.value=s.codes[0]}catch(s){throw new Error(s)}}_renderWidget(t,e,i){var c;if(y("Rendering Widget..."),!t)throw new Error("Unable to get a response");let n,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:i};return r.widgetUrlMappings&&r.widgetUrlMappings.forEach(d=>{var h,u;T._matchesUrl(d.url)&&(d.widgetType!=="CONVERSION_WIDGET"||(u=(h=t.user)==null?void 0:h.referredBy)!=null&&u.code?(s=d.displayOnLoad,y(`Display ${d.widgetType} on ${d.url}`)):y(`Don't display ${d.widgetType} when no referral on widget rule match ${d.url}`))}),r.fuelTankAutofillUrls&&(y("We found a fuel tank autofill!"),r.fuelTankAutofillUrls.forEach(({url:d,formSelector:h})=>{var u,p,m;if(T._matchesUrl(d)&&(y("Fuel Tank URL matches"),(p=(u=t.user)==null?void 0:u.referredBy)!=null&&p.code)){const g=document.querySelector(h);g?g.value=((m=t.user.referredBy.referredReward)==null?void 0:m.fuelTankCode)||"":y(new Error(`Element with id/class ${h} was not found.`))}})),e.engagementMedium==="EMBED"?n=this._renderEmbedWidget(a):(n=this._renderPopupWidget(a),s&&n.open()),n}_renderPopupWidget(t){const e=new q(t,t.context.trigger);return e.load(),e}_renderEmbedWidget(t){const e=new x(t,t.context.container);return e.load(),e}_renderErrorWidget(t,e="POPUP"){const{apiErrorCode:i,rsCode:n,message:s}=t;y(new Error(`${i} (${n}) ${s}`));const r={content:"error",rsCode:n,api:this.api,domain:this.domain,npmCdn:this.npmCdn,type:"ERROR_WIDGET",context:{type:"error"}};let a;e==="EMBED"?(a=new x(r),a.load()):e==="POPUP"&&(a=new q(r),a.load())}static _matchesUrl(t){return!!window.location.href.match(new RegExp(t))}}class Re{constructor(t){l(this,"tenantAlias");l(this,"domain");const i=U(t);this.tenantAlias=i.tenantAlias,this.domain=i.domain}track(t,e){const i=t,n=e,s=$e(i),{jwt:r}=Pe(n),a=encodeURIComponent(this.tenantAlias),c=encodeURIComponent(s.userId),d=encodeURIComponent(s.accountId),h=`/api/v1/${a}/open/account/${d}/user/${c}/events`,u=this.domain+h;return Q(u,JSON.stringify(s),r)}}function $e(o){if(!I(o))throw new Error("tracking parameter must be an object");if(!(o!=null&&o.accountId))throw new Error("accountId field is required");if(!(o!=null&&o.events))throw new Error("events field is required");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 t}function Pe(o){if(!I(o))throw new Error("'options' should be an object");return o}function Se(){var n;const o=window[z]?z:S,t=((n=window["_"+o])==null?void 0:n.ready)||[],e=window.impactOnReady||window.squatchOnReady,i=[...t,e].filter(s=>!!s);setTimeout(()=>{window[S]&&(window[z]=window[S],i.forEach(s=>s()),window[S]._auto(),window["_"+o]=void 0,delete window["_"+o])},0)}const v=E("squatch-js"),ie=o=>typeof o=="object"&&!Array.isArray(o),he=(o,t)=>{const e=n=>ie(t[n])&&o.hasOwnProperty(n)&&ie(o[n]),i=Object.getOwnPropertyNames(t).map(n=>({[n]:e(n)?he(o[n],t[n]):t[n]})).reduce((n,s)=>({...n,...s}),{});return{...o,...i}};function N(o){const t=atob(o.replace(/_/g,"/").replace(/-/g,"+")),e=new Uint8Array(t.length);for(let i=0;i<t.length;i++)e[i]=t.charCodeAt(i);return new TextDecoder("utf8").decode(e)}function oe(o){const t=new TextEncoder().encode(o),e=Array.from(t,i=>String.fromCodePoint(i)).join("");return btoa(e).replace(/=/g,"").replace(/\+/g,"-").replace(/\//g,"_")}function Me(){var o,t,e="weird_get_top_level_domain=cookie",i=document.location.hostname.split(".");for(o=i.length-1;o>=0;o--)if(t=i.slice(o).join("."),document.cookie=e+";domain=."+t+";",document.cookie.indexOf(e)>-1)return document.cookie=e.split("=")[0]+"=;domain=."+t+";expires=Thu, 01 Jan 1970 00:00:01 GMT;",t}function Oe(){const o=window.location.search,e=new URLSearchParams(o).get("_saasquatch")||"";if(e){let i="",n="",s="";try{i=JSON.parse(N(e))}catch(r){v("Unable to decode params",r);return}try{n=JSON.parse(N(j.get("_saasquatch"))),v("existing cookie",n)}catch(r){v("Unable to retrieve cookie",r)}try{const r=Me();if(v("domain retrieved:",r),n){const a=he(n,i);s=oe(JSON.stringify(a)),v("cookie to store:",a)}else s=oe(JSON.stringify(i)),v("cookie to store:",i);j.set("_saasquatch",s,{expires:365,secure:!1,sameSite:"Lax",domain:r,path:"/"})}catch(r){v("Unable to set cookie",r)}}}const O=E("squatch-js");function Le(){var u;const o=window.location.search,e=new URLSearchParams(o).get("_saasquatchExtra")||"";if(!e){O("No _saasquatchExtra param");return}const i=U({tenantAlias:"UNKNOWN"});if(!i.domain){O("domain must be provided in config to use _saasquatchExtra");return}let n;try{n=JSON.parse(N(e))}catch{O("Unable to decode _saasquatchExtra config");return}function s(p){return p.replace(/^https?:\/\//,"")}const r=s(i.domain),a=Object.keys((n==null?void 0:n[r])||{})[0],c=(u=n==null?void 0:n[r])==null?void 0:u[a];if(!c){O("_saasquatchExtra did not have an expected structure");return}const{autoPopupWidgetType:d,...h}=c;return{widgetConfig:{widgetType:d,displayOnLoad:!0,...h},squatchConfig:{...i,tenantAlias:a}}}const je=E("squatch-js:decodeUserJwt");function De(o){var t;try{const e=o.split(".")[1];if(e===void 0)return null;const i=N(e);return(t=JSON.parse(i))==null?void 0:t.user}catch(e){return je(e),null}}const se=E("squatch-js:DeclarativeWidget");class ue extends HTMLElement{constructor(){super();l(this,"config");l(this,"token");l(this,"tenant");l(this,"widgetType");l(this,"locale");l(this,"widgetApi");l(this,"analyticsApi");l(this,"widgetInstance");l(this,"type");l(this,"container");l(this,"element");l(this,"loaded");l(this,"_setWidget",(e,i)=>{var s;const n={api:this.widgetApi,content:e.template,context:{type:i.type,user:i.user,container:this.container||void 0,engagementMedium:this.type,widgetConfig:e.widgetConfig},type:this.widgetType,domain:((s=this.config)==null?void 0:s.domain)||A,npmCdn:X,container:this};if(this.type==="EMBED")return new x(n);{const r=this.firstChild?null:void 0;return new q(n,r)}});l(this,"setErrorWidget",e=>{var n;const i={api:this.widgetApi,content:"error",context:{type:"error",container:this.container||void 0},type:"ERROR_WIDGET",domain:((n=this.config)==null?void 0:n.domain)||A,npmCdn:X,container:this};if(this.type==="EMBED")return new x(i);{const s=this.firstChild?null:void 0;return new q(i,s)}});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=K(),this.token=R(),this.tenant=window.squatchTenant,this.container=this}_setupApis(e){var i,n;if(!this.tenant)throw new Error("tenantAlias not provided");this.widgetApi=new J({tenantAlias:(e==null?void 0:e.tenantAlias)||this.tenant,domain:(e==null?void 0:e.domain)||((i=this.config)==null?void 0:i.domain)||A}),this.analyticsApi=new de({domain:(e==null?void 0:e.domain)||((n=this.config)==null?void 0:n.domain)||A})}getWidgetType(e){return e&&(e.includes("websiteReferralWidget")||e.includes("friendWidget"))?"instant-access":"verified-access"}async renderPasswordlessVariant(){return this._setupApis(),se("Rendering as an Instant Access widget"),await this.widgetApi.render({engagementMedium:this.type,widgetType:this.widgetType,locale:this.locale}).then(e=>this._setWidget(e,{type:"passwordless"})).catch(this.setErrorWidget)}async renderUserUpsertVariant(){this._setupApis();const e=De(this.token);return e?(se("Rendering as a Verified widget"),await this.widgetApi.upsertUser({user:e,locale:this.locale,engagementMedium:this.type,widgetType:this.widgetType,jwt:this.token}),await this.widgetApi.render({locale:this.locale,engagementMedium:this.type,widgetType:this.widgetType}).then(n=>this._setWidget(n,{type:"upsert",user:e})).catch(this.setErrorWidget)):this.setErrorWidget(Error("No user object in token."))}async getWidgetInstance(){let e;if(this.widgetType=this.getAttribute("widget")||void 0,this.locale=this.getAttribute("locale")||this.locale,!this.widgetType)throw new Error("No widget has been specified");return this.token?e=await this.renderUserUpsertVariant():e=await this.renderPasswordlessVariant(),this.widgetInstance=e,this.widgetInstance&&this.dispatchEvent(new CustomEvent("sq:widget-loaded")),e}async renderWidget(){await this.getWidgetInstance(),await this.widgetInstance.load()}open(){if(!this.widgetInstance)throw new Error("Widget has not loaded yet");this.widgetInstance.open()}close(){if(!this.widgetInstance)throw new Error("Widget has not loaded yet");this.widgetInstance.close()}static get observedAttributes(){return["widget","locale"]}attributeChangedCallback(e,i,n){if(!(i===n||!this.loaded))switch(e){case"locale":case"widget":this.connectedCallback();break}}async connectedCallback(){this.loaded=!0,this.container=this.getAttribute("container"),this.widgetType=this.getAttribute("widget")||void 0;const e=this.getWidgetType(this.widgetType),{getSkeleton:i}=await Promise.resolve().then(()=>require("./SkeletonTemplate-hwDwv3Ys.cjs")),n=i({height:"100%",type:e}),s=document.createElement("div");s.id="loading-skeleton",s.innerHTML=n;const r=this.shadowRoot||this.attachShadow({mode:"open"});if(this.type==="POPUP"){const c=r.getElementById("#squatchModal");c&&(c.innerHTML="",c.appendChild(s))}else r.innerHTML="",r.appendChild(s);await this.renderWidget();const a=r.getElementById("loading-skeleton");a&&a.remove(),this.getAttribute("open")!==null&&this.open()}}class Z extends ue{constructor(){super(),this.type="EMBED",this.loaded=!1}}class ee extends ue{constructor(){super(),this.type="POPUP",this.loaded=!1,this.addEventListener("click",t=>{t.stopPropagation(),this.open()})}}class Ne extends Z{}class Fe extends ee{}class He extends Z{}class Be extends ee{}window.customElements.get("squatch-embed")||window.customElements.define("squatch-embed",Ne);window.customElements.get("impact-embed")||window.customElements.define("impact-embed",He);window.customElements.get("squatch-popup")||window.customElements.define("squatch-popup",Fe);window.customElements.get("impact-popup")||window.customElements.define("impact-popup",Be);function Je(){console.log("Having trouble using Squatch.js? Go to https://docs.referralsaasquatch.com/developer/ for tutorials, references and error codes.")}const W=E("squatch-js");let F=null,H=null,B=null;function Ge(){return F||$({}),F}function G(){return H||$({}),H}function ze(){return B||$({}),B}function Ve(o){var t;return(t=G())==null?void 0:t.render(o)}function Xe(){var t;const o=Le();if(o){const{squatchConfig:e,widgetConfig:i}=o;return $(e),(t=G())==null?void 0:t.render(i)}}function $(o){const e=U(o);e.tenantAlias.match("^test")||e.debug?ve("squatch-js*"):be(),W("initializing ..."),F=new J(e),H=new T(e),B=new Re(e),W("Widget API instance",F),W("Widgets instance",H),W("Events API instance",B)}function Qe(o){o()}function Ye(o){G().autofill(o)}function pe(){Oe()}typeof document<"u"&&!window.SaaSquatchDoNotAutoDrop&&pe();var re;(re=window.squatch)!=null&&re.init&&W("Squatchjs is being loaded more than once. This may lead to multiple load events being sent, duplicated widgets, and inaccurate analytics.");typeof document<"u"&&Se();exports.DeclarativeEmbedWidget=Z;exports.DeclarativePopupWidget=ee;exports.EmbedWidget=x;exports.PopupWidget=q;exports.WidgetApi=J;exports.Widgets=T;exports._auto=Xe;exports.api=Ge;exports.autofill=Ye;exports.events=ze;exports.help=Je;exports.init=$;exports.pushCookie=pe;exports.ready=Qe;exports.widget=Ve;exports.widgets=G;
 //# sourceMappingURL=squatch.cjs.js.map