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

package/dist/squatch.js

@@ -1,4 +1,612 @@
-(function(u,m){typeof exports=="object"&&typeof module<"u"?m(exports):(u=typeof globalThis<"u"?globalThis:u||self,m(u.squatch={}))})(this,function(u){"use strict";var ot=Object.defineProperty;var st=(u,m,A)=>m in u?ot(u,m,{enumerable:!0,configurable:!0,writable:!0,value:A}):u[m]=A;var l=(u,m,A)=>st(u,typeof m!="symbol"?m+"":m,A);var ge;let m=null;function A(o){const e=o.replace(/[.+?^${}()|[\]\\]/g,"\\$&").replace(/\*/g,".*");m=new RegExp(`^${e}$`)}function be(){m=null}function E(o){const t=(...e)=>{m&&m.test(o)&&console.log(`[${o}]`,...e)};return Object.defineProperty(t,"enabled",{get(){return!!(m&&m.test(o))}}),t}/*! js-cookie v3.0.5 | MIT */function O(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)o[n]=e[n]}return o}var Ee={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 Q(o,t){function e(i,s,r){if(!(typeof document>"u")){r=O({},t,r),typeof r.expires=="number"&&(r.expires=new Date(Date.now()+r.expires*864e5)),r.expires&&(r.expires=r.expires.toUTCString()),i=encodeURIComponent(i).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var a="";for(var d in r)r[d]&&(a+="; "+d,r[d]!==!0&&(a+="="+r[d].split(";")[0]));return document.cookie=i+"="+o.write(s,i)+a}}function n(i){if(!(typeof document>"u"||arguments.length&&!i)){for(var s=document.cookie?document.cookie.split("; "):[],r={},a=0;a<s.length;a++){var d=s[a].split("="),c=d.slice(1).join("=");try{var h=decodeURIComponent(d[0]);if(r[h]=o.read(c,h),i===h)break}catch{}}return i?r[i]:r}}return Object.create({set:e,get:n,remove:function(i,s){e(i,"",O({},s,{expires:-1}))},withAttributes:function(i){return Q(this.converter,O({},this.attributes,i))},withConverter:function(i){return Q(O({},this.converter,i),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(o)}})}var j=Q(Ee,{path:"/"});const I="https://app.referralsaasquatch.com",Y="https://fast.ssqt.io/npm",D="squatch",K="impact";function W(o){if(typeof o!="object")throw new Error("config must be an object");const t=window.squatchTenant,e=Z(),n={tenantAlias:(o==null?void 0:o.tenantAlias)||t,domain:(o==null?void 0:o.domain)||(e==null?void 0:e.domain),npmCdn:(o==null?void 0:o.npmCdn)||(e==null?void 0:e.npmCdn),debug:(o==null?void 0:o.debug)||(e==null?void 0:e.debug)};if(typeof n.tenantAlias!="string")throw new Error("tenantAlias not provided");const i=n.tenantAlias,s=typeof n.domain=="string"&&n.domain||I,r=typeof n.debug=="boolean"&&n.debug||!1,a=typeof n.npmCdn=="string"&&n.npmCdn||Y;return{tenantAlias:i,domain:s,debug:r,npmCdn:a}}function _(o){return typeof o=="object"&&!Array.isArray(o)&&o!==null}function xe(o){if(o&&/^[a-z]{2}_(?:[A-Z]{2}|[0-9]{3})$/.test(o))return o}function oe(o){if(!_(o))throw new Error("Widget properties must be an object");if(!(o!=null&&o.user))throw new Error("Required properties missing.");return o}function se(o){if(!_(o))throw new Error("Widget properties must be an object");return o}function $(){return window.impactToken||window.squatchToken}function Z(){return window.impactConfig||window.squatchConfig}async function Ce(o,t,e,n){const i=n||$(),s={Accept:"application/json","Content-Type":"application/json",...i?{Authorization:`Bearer ${i}`}:{},"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 Ae(o,t=""){const e={Accept:"application/json","Content-Type":"application/json"},n=t||$();n&&(e["X-SaaSquatch-User-Token"]=n);try{const i=await fetch(o,{method:"GET",credentials:"include",headers:e}),s=await i.text();if(!i.ok)throw new Error(s);return s&&JSON.parse(s)}catch(i){throw i}}async function ee(o,t,e){const n={Accept:"application/json","Content-Type":"application/json"},i=e||$();i&&(n["X-SaaSquatch-User-Token"]=i);try{const s=await fetch(o,{method:"POST",body:t,headers:n}),r=await s.text();if(!s.ok)throw new Error(r);return r&&JSON.parse(r)}catch(s){throw s}}async function Ie(o,t,e){const n={Accept:"application/json","Content-Type":"application/json","X-SaaSquatch-Referrer":window?window.location.href:""},i=e||$();i&&(n["X-SaaSquatch-User-Token"]=i);try{const s=await fetch(o,{headers:n,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 _e=`
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports) : false ? false(["exports"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.squatch = {}));
+})(this, function(exports2) {
+  "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;
+  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 self2 = debug2;
+          var curr = Number(/* @__PURE__ */ new Date());
+          var ms2 = curr - (prevTime || curr);
+          self2.diff = ms2;
+          self2.prev = prevTime;
+          self2.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(self2, val);
+              args.splice(index, 1);
+              index--;
+            }
+            return match;
+          });
+          createDebug.formatArgs.call(self2, args);
+          var logFn = self2.log || createDebug.log;
+          logFn.apply(self2, 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, exports3) {
+      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);
+      }
+      exports3.log = log;
+      exports3.formatArgs = formatArgs;
+      exports3.save = save;
+      exports3.load = load;
+      exports3.useColors = useColors;
+      exports3.storage = localstorage();
+      exports3.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) {
+            exports3.storage.setItem("debug", namespaces);
+          } else {
+            exports3.storage.removeItem("debug");
+          }
+        } catch (error) {
+        }
+      }
+      function load() {
+        var r;
+        try {
+          r = exports3.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()(exports3);
+      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 = `
   query renderWidget ($user: UserIdInput, $engagementMedium: UserEngagementMedium, $widgetType: WidgetType, $locale: RSLocale) {
     renderWidget(user: $user, engagementMedium: $engagementMedium, widgetType: $widgetType, locale: $locale) {
       template
@@ -12,10 +620,1357 @@
       }
     }
   }
-`;class N{constructor(t){l(this,"tenantAlias");l(this,"domain");l(this,"npmCdn");l(this,"referralCookie",this.squatchReferralCookie);const n=W(t);this.tenantAlias=n.tenantAlias,this.domain=n.domain,this.npmCdn=n.npmCdn}upsertUser(t){const n=oe(t),{widgetType:i,engagementMedium:s="POPUP",jwt:r,locale:a,user:d}=n,c=encodeURIComponent(this.tenantAlias),h=d.accountId?encodeURIComponent(d.accountId):null,p=d.id?encodeURIComponent(d.id):null,g=Te({widgetType:i,engagementMedium:s,locale:a}),w=`/api/v1/${c}/widget/account/${h}/user/${p}/upsert${g}`,f=this.domain+w,b=(j||window.Cookies).get("_saasquatch");return b&&(d.cookies=b),Ie(f,JSON.stringify(d),r)}render(t){const n=se(t),{widgetType:i,engagementMedium:s="POPUP",jwt:r,user:a}=n,d=encodeURIComponent(this.tenantAlias),c=a!=null&&a.accountId?encodeURIComponent(a.accountId):null,h=a!=null&&a.id?encodeURIComponent(a.id):null,p=n.locale??xe(navigator.language.replace(/\-/g,"_")),g=`/api/v1/${d}/graphql`,w=this.domain+g;return new Promise(async(f,b)=>{var x;try{const y=await Ce(w,_e,{user:h&&c?{id:h,accountId:c}:null,engagementMedium:s,widgetType:i,locale:p},r);f((x=y==null?void 0:y.data)==null?void 0:x.renderWidget)}catch(y){b(y)}})}async squatchReferralCookie(){const t=encodeURIComponent(this.tenantAlias),e=(j||window.Cookies).get("_saasquatch")||"",n=e?`?cookies=${encodeURIComponent(e)}`:"",i=`${this.domain}/a/${t}/widgets/squatchcookiejson${n}`,s=await Ae(i);return Promise.resolve({...s,encodedCookie:e})}}function Te({widgetType:o,engagementMedium:t,locale:e}){const n=new URLSearchParams;return n.append("engagementMedium",t),o&&n.append("widgetType",o),e&&n.append("locale",e),`?${n.toString()}`}/*!
- * domready (c) Dustin Diaz 2014 - License MIT
- *
- */function te(o,t){let e=[],n,i=o,s=i.documentElement.doScroll,r="DOMContentLoaded",a=(s?/^loaded|^c/:/^loaded|^i|^c/).test(i.readyState);return a||i.addEventListener(r,n=()=>{for(i.removeEventListener(r,n),a=!0;n=e.shift();)n()}),a?setTimeout(t,0):e.push(t)}function F({value:o,unit:t}){switch(t){case"px":return`${o}px`;case"%":return`${o}%`;default:return`${o}px`}}class re{constructor(t){l(this,"domain");var i;const n=We(t);this.domain=(n==null?void 0:n.domain)||((i=Z())==null?void 0:i.domain)||I}pushAnalyticsLoadEvent(t){if(!t.externalUserId||!t.externalAccountId)return;const e=encodeURIComponent(t.tenantAlias),n=encodeURIComponent(t.externalAccountId),i=encodeURIComponent(t.externalUserId),s=encodeURIComponent(t.engagementMedium),r=t.programId?`&programId=${encodeURIComponent(t.programId)}`:"",a=`/a/${e}/widgets/analytics/loaded?externalAccountId=${n}&externalUserId=${i}&engagementMedium=${s}${r}`,d=this.domain+a;return ee(d,JSON.stringify({}))}pushAnalyticsShareClickedEvent(t){const e=encodeURIComponent(t.tenantAlias),n=encodeURIComponent(t.externalAccountId),i=encodeURIComponent(t.externalUserId),s=encodeURIComponent(t.engagementMedium),r=encodeURIComponent(t.shareMedium),a=`/a/${e}/widgets/analytics/shared?externalAccountId=${n}&externalUserId=${i}&engagementMedium=${s}&shareMedium=${r}`,d=this.domain+a;return ee(d,JSON.stringify({}))}}function We(o){if(!_(o))throw new Error("'options' should be an object");return o}const ae=({type:o="verified-access",height:t="500px"})=>{const e="#e0e0e0";return`
+`;
+  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()}`;
+  }
+  /*!
+   * 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>
+    <!--[if IE 7]><html class="ie7 oldie" lang="en"><![endif]-->
+    <!--[if IE 8]><html class="ie8 oldie" lang="en"><![endif]-->
+    <!--[if gt IE 8]><!--><html lang="en"><!--<![endif]-->
+    <head>
+      <link rel="stylesheet" media="all" href="https://fast.ssqt.io/assets/css/widget/errorpage.css">
+      <style>
+        ${style}
+      </style>
+    </head>
+    <body>
+
+      <div class="squatch-container ${mode}" style="width:100%">
+        <div class="errorheader">
+          <button type="button" class="close" onclick="window.frameElement.squatchJsApi.close();">&times;</button>
+          <p class="errortitle">Error</p>
+        </div>
+        <div class="errorbody">
+          <div class="sadface"><img src="https://fast.ssqt.io/assets/images/face.png"></div>
+          <h4>Our referral program is temporarily unavailable.</h4><br>
+          <p>Please reload the page or check back later.</p>
+          <p>If the persists please contact our support team.</p>
+          <br>
+          <br>
+          <div class="right-align errtxt">
+            Error Code: ${rs}
+          </div>
+        </div>
+      </div>
+    </body>
+    </html>`;
+      return errorTemplate;
+    }
+    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 _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;
+      const brandingConfig = (_b = (_a2 = this.context.widgetConfig) == null ? void 0 : _a2.values) == null ? void 0 : _b.brandingConfig;
+      const initialHeight = brandingConfig == null ? void 0 : brandingConfig.loadingHeight;
+      const sizes = (_c = brandingConfig == null ? void 0 : brandingConfig.widgetSize) == null ? void 0 : _c.embeddedWidgets;
+      const maxWidth = (sizes == null ? void 0 : sizes.maxWidth) ? formatWidth(sizes.maxWidth) : "";
+      const minWidth = (sizes == null ? void 0 : sizes.minWidth) ? formatWidth(sizes.minWidth) : "";
+      const frame = this._createFrame({
+        minWidth,
+        maxWidth,
+        initialHeight
+      });
+      const element = this._findElement();
+      if ((_d = this.context) == null ? void 0 : _d.container) {
+        element.style.visibility = "hidden";
+        element.style.height = "0";
+        element.style["overflow-y"] = "hidden";
+      }
+      if (this.container) {
+        if (element.shadowRoot) {
+          if (((_e = element.shadowRoot.lastChild) == null ? void 0 : _e.nodeName) === "IFRAME") {
+            element.shadowRoot.replaceChild(frame, element.shadowRoot.lastChild);
+          } else {
+            element.shadowRoot.appendChild(frame);
+          }
+        } else if (element.firstChild) {
+          element.replaceChild(frame, element.firstChild);
+        } else {
+          element.appendChild(frame);
+        }
+      } else if (!element.firstChild || element.firstChild.nodeName === "#text") {
+        element.appendChild(frame);
+      }
+      const { contentWindow } = frame;
+      if (!contentWindow) {
+        throw new Error("Frame needs a content window");
+      }
+      const frameDoc = contentWindow.document;
+      frameDoc.open();
+      const domain = this.widgetApi.domain;
+      frameDoc.write(`
+      ${((_f = brandingConfig == null ? void 0 : brandingConfig.main) == null ? void 0 : _f.brandFont) ? `
+        <link rel="preconnect" href="https://fast${domain === "https://staging.referralsaasquatch.com" && "-staging"}.ssqt.io">
+        <link rel="preconnect" href="https://fonts.gstatic.com">
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent(
+        (_g = brandingConfig == null ? void 0 : brandingConfig.main) == null ? void 0 : _g.brandFont
+      )}" as="style">` : ""}
+      <script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>
+      <style data-styles>
+        html { visibility:hidden;}
+      </style>
+      ${this.content}
+
+      `);
+      frameDoc.close();
+      domready(frameDoc, async () => {
+        const _sqh = contentWindow.squatch || contentWindow.widgetIdent;
+        frame.height = initialHeight || frameDoc.body.scrollHeight;
+        console.log({ height: frameDoc.body.scrollHeight });
+        const ro = new contentWindow["ResizeObserver"]((entries) => {
+          for (const entry of entries) {
+            const { height } = entry.contentRect;
+            frame.height = height;
+          }
+        });
+        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.write(`
+    <style>
+      body {
+        height: 600px; 
+        border: 2px solid #ccc;
+        background-color: red;
+        margin: 0; 
+        padding: 0; 
+        box-sizing: border-box; 
+      }
+    </style>
+  `);
+      frameDoc.close();
+      _log$6("Popup template loaded into iframe");
+      await this._setupResizeHandler(frame);
+    }
+    async _setupResizeHandler(frame) {
+      const { contentWindow } = frame;
+      if (!contentWindow) {
+        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 getSkeleton = ({
+    type = "verified-access",
+    height = "500px",
+    skeletonBackgroundColor = "#e0e0e0",
+    skeletonShimmerColor = "#f5f5f5"
+  }) => {
+    const referrerHTML = `
+    <div class="hero-section">
+        <div class="hero-content">
+          <div class="skeleton sk-title-lg"></div>
+          <div class="skeleton sk-text"></div>
+          <div class="skeleton sk-text sk-text-short"></div>
+        </div>
+        <div class="skeleton hero-image"></div>
+    </div>
+
+    <div class="share-section">
+      <div class="skeleton sk-label"></div>
+      <div class="skeleton sk-input"></div>
+      <div class="social-buttons">
+        <div class="skeleton sk-btn-social"></div>
+        <div class="skeleton sk-btn-social"></div>
+        <div class="skeleton sk-btn-social"></div>
+        <div class="skeleton sk-btn-social"></div>
+      </div>
+    </div>
+
+    <div class="skeleton sk-title-md" style="margin-top: 0; width: 30%; margin-left: auto; margin-right: auto"></div>
+    <div class="skeleton sk-text" style="width: 60%; margin-left: auto; margin-right: auto"></div>
+
+    <div class="stats-section">
+      <div class="stat-card">
+        <div class="skeleton sk-stat-num"></div>
+        <div class="skeleton sk-stat-label"></div>
+      </div>
+      <div class="stat-card stat-divider">
+        <div class="skeleton sk-stat-num"></div>
+        <div class="skeleton sk-stat-label"></div>
+      </div>
+    </div>
+
+    <div class="skeleton sk-title-md"></div>
+
+    <div class="table-header">
+      <div class="skeleton sk-th col-user"></div>
+      <div class="skeleton sk-th col-status"></div>
+      <div class="skeleton sk-th col-reward"></div>
+      <div class="skeleton sk-th col-date"></div>
+    </div>
+
+    <div class="table-row">
+      <div class="col-user"><div class="skeleton sk-text" style="width: 70%; margin: 0"></div></div>
+      <div class="col-status"><div class="skeleton sk-badge" style="margin: 0"></div></div>
+      <div class="col-reward"><div class="skeleton sk-reward-block" style="margin: 0"></div></div>
+      <div class="col-date"><div class="skeleton sk-text" style="width: 80%; margin: 0"></div></div>
+    </div>
+    
+    <div class="table-row">
+      <div class="col-user"><div class="skeleton sk-text" style="width: 60%; margin: 0"></div></div>
+      <div class="col-status"><div class="skeleton sk-badge" style="margin: 0"></div></div>
+      <div class="col-reward"><div class="skeleton sk-reward-block" style="margin: 0"></div></div>
+      <div class="col-date"><div class="skeleton sk-text" style="width: 80%; margin: 0"></div></div>
+    </div>
+
+    <div class="table-row">
+      <div class="col-user"><div class="skeleton sk-text" style="width: 75%; margin: 0"></div></div>
+      <div class="col-status"><div class="skeleton sk-badge" style="margin: 0"></div></div>
+      <div class="col-reward"><div class="skeleton sk-reward-block" style="margin: 0"></div></div>
+      <div class="col-date"><div class="skeleton sk-text" style="width: 80%; margin: 0"></div></div>
+    </div>
+
+    <div class="pagination">
+      <div class="skeleton sk-btn-page"></div>
+      <div class="skeleton sk-btn-page"></div>
+    </div>
+  `;
+    const instantAccessHTML = `
+    <div class="hero-section instant-access-layout">
+        <div class="skeleton hero-image ia-image"></div>
+        
+        <div class="hero-content ia-content">
+          <div class="skeleton sk-title-lg ia-center"></div>
+          <div class="skeleton sk-text ia-center"></div>
+          
+          <div class="skeleton sk-btn-action"></div>
+
+           <div class="skeleton sk-label"></div>
+           <div class="input-group">
+             <div class="skeleton sk-input"></div>
+             <div class="skeleton sk-btn-copy"></div>
+           </div>
+
+           <div class="skeleton sk-text-short ia-center" style="margin-top: 20px; width: 30%"></div>
+           <div class="skeleton sk-text-short ia-center" style="width: 20%"></div>
+        </div>
+    </div>
+  `;
+    return `
     <style>
         * {
           box-sizing: border-box;
@@ -37,12 +1992,12 @@
       }
 
       .skeleton {
-        background: ${e};
+        background: ${skeletonBackgroundColor};
         background: linear-gradient(
           90deg,
-          ${e} 25%,
-          #f5f5f5 50%,
-          ${e} 75%
+          ${skeletonBackgroundColor} 25%,
+          ${skeletonShimmerColor} 50%,
+          ${skeletonBackgroundColor} 75%
         );
         background-size: 200% 100%;
         animation: shimmer 1.5s infinite linear;
@@ -172,161 +2127,420 @@
     </style>
 
     <div class="widget-container">
-      ${o==="verified-access"?`
-    <div class="hero-section">
-        <div class="hero-content">
-          <div class="skeleton sk-title-lg"></div>
-          <div class="skeleton sk-text"></div>
-          <div class="skeleton sk-text sk-text-short"></div>
-        </div>
-        <div class="skeleton hero-image"></div>
-    </div>
-
-    <div class="share-section">
-      <div class="skeleton sk-label"></div>
-      <div class="skeleton sk-input"></div>
-      <div class="social-buttons">
-        <div class="skeleton sk-btn-social"></div>
-        <div class="skeleton sk-btn-social"></div>
-        <div class="skeleton sk-btn-social"></div>
-        <div class="skeleton sk-btn-social"></div>
-      </div>
-    </div>
-
-    <div class="skeleton sk-title-md" style="margin-top: 0; width: 30%; margin-left: auto; margin-right: auto"></div>
-    <div class="skeleton sk-text" style="width: 60%; margin-left: auto; margin-right: auto"></div>
-
-    <div class="stats-section">
-      <div class="stat-card">
-        <div class="skeleton sk-stat-num"></div>
-        <div class="skeleton sk-stat-label"></div>
-      </div>
-      <div class="stat-card stat-divider">
-        <div class="skeleton sk-stat-num"></div>
-        <div class="skeleton sk-stat-label"></div>
-      </div>
-    </div>
-
-    <div class="skeleton sk-title-md"></div>
-
-    <div class="table-header">
-      <div class="skeleton sk-th col-user"></div>
-      <div class="skeleton sk-th col-status"></div>
-      <div class="skeleton sk-th col-reward"></div>
-      <div class="skeleton sk-th col-date"></div>
-    </div>
-
-    <div class="table-row">
-      <div class="col-user"><div class="skeleton sk-text" style="width: 70%; margin: 0"></div></div>
-      <div class="col-status"><div class="skeleton sk-badge" style="margin: 0"></div></div>
-      <div class="col-reward"><div class="skeleton sk-reward-block" style="margin: 0"></div></div>
-      <div class="col-date"><div class="skeleton sk-text" style="width: 80%; margin: 0"></div></div>
-    </div>
-    
-    <div class="table-row">
-      <div class="col-user"><div class="skeleton sk-text" style="width: 60%; margin: 0"></div></div>
-      <div class="col-status"><div class="skeleton sk-badge" style="margin: 0"></div></div>
-      <div class="col-reward"><div class="skeleton sk-reward-block" style="margin: 0"></div></div>
-      <div class="col-date"><div class="skeleton sk-text" style="width: 80%; margin: 0"></div></div>
-    </div>
-
-    <div class="table-row">
-      <div class="col-user"><div class="skeleton sk-text" style="width: 75%; margin: 0"></div></div>
-      <div class="col-status"><div class="skeleton sk-badge" style="margin: 0"></div></div>
-      <div class="col-reward"><div class="skeleton sk-reward-block" style="margin: 0"></div></div>
-      <div class="col-date"><div class="skeleton sk-text" style="width: 80%; margin: 0"></div></div>
-    </div>
-
-    <div class="pagination">
-      <div class="skeleton sk-btn-page"></div>
-      <div class="skeleton sk-btn-page"></div>
-    </div>
-  `:`
-    <div class="hero-section instant-access-layout">
-        <div class="skeleton hero-image ia-image"></div>
-        
-        <div class="hero-content ia-content">
-          <div class="skeleton sk-title-lg ia-center"></div>
-          <div class="skeleton sk-text ia-center"></div>
-          
-          <div class="skeleton sk-btn-action"></div>
-
-           <div class="skeleton sk-label"></div>
-           <div class="input-group">
-             <div class="skeleton sk-input"></div>
-             <div class="skeleton sk-btn-copy"></div>
-           </div>
-
-           <div class="skeleton sk-text-short ia-center" style="margin-top: 20px; width: 30%"></div>
-           <div class="skeleton sk-text-short ia-center" style="width: 20%"></div>
-        </div>
-    </div>
-  `}
+      ${type === "verified-access" ? referrerHTML : instantAccessHTML}
     </div>
-  `},$e=Object.freeze(Object.defineProperty({__proto__:null,getSkeleton:ae},Symbol.toStringTag,{value:"Module"})),v=E("squatch-js:widget");class de{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;v("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 re({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),v("loading widget with selector",t)):this.container instanceof HTMLElement?(t=this.container,v("loading widget with container",t)):this.container?(t=null,v("container must be an HTMLElement or string",this.container)):(t=document.querySelector("#squatchembed")||document.querySelector(".squatchembed")||document.querySelector("#impactembed")||document.querySelector(".impactembed"),v("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%; display: block;"),t!=null&&t.minWidth&&(e.style.minWidth=t.minWidth),t!=null&&t.maxWidth&&(e.style.maxWidth=t.maxWidth),(t!=null&&t.maxWidth||t!=null&&t.minWidth)&&(e.style.width="100%"),t!=null&&t.initialHeight&&(e.height=String(t.initialHeight)),e}_findFrame(){const t=this.container?this._findElement():document.body;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=n=>{this._loadEvent({...e,userId:n.detail.userId,accountId:n.detail.accountId})},t.addEventListener("sq:user-registration",this.loadEventListener))}_loadEvent(t){var n;if(!t)return;if(!_(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:i,mode:s}=t;e={tenantAlias:i.attributes.tenant,externalAccountId:i.attributes.accountId,externalUserId:i.attributes.userId,engagementMedium:s.widgetMode}}(n=this.analyticsApi.pushAnalyticsLoadEvent(e))==null||n.then(i=>{v(`${e.engagementMedium} loaded event recorded.`)}).catch(i=>{v(`ERROR: pushAnalyticsLoadEvent() ${i}`)})}_shareEvent(t,e){t&&this.analyticsApi.pushAnalyticsShareClickedEvent({tenantAlias:t.analytics.attributes.tenant,externalAccountId:t.analytics.attributes.accountId,externalUserId:t.analytics.attributes.userId,engagementMedium:t.mode.widgetMode,shareMedium:e}).then(n=>{v(`${t.mode.widgetMode} share ${e} event recorded. ${n}`)}).catch(n=>{v(`ERROR: pushAnalyticsShareClickedEvent() ${n}`)})}_error(t,e="modal",n=""){return`<!DOCTYPE html>
-    <!--[if IE 7]><html class="ie7 oldie" lang="en"><![endif]-->
-    <!--[if IE 8]><html class="ie8 oldie" lang="en"><![endif]-->
-    <!--[if gt IE 8]><!--><html lang="en"><!--<![endif]-->
-    <head>
-      <link rel="stylesheet" media="all" href="https://fast.ssqt.io/assets/css/widget/errorpage.css">
-      <style>
-        ${n}
-      </style>
-    </head>
-    <body>
-
-      <div class="squatch-container ${e}" style="width:100%">
-        <div class="errorheader">
-          <button type="button" class="close" onclick="window.frameElement.squatchJsApi.close();">&times;</button>
-          <p class="errortitle">Error</p>
-        </div>
-        <div class="errorbody">
-          <div class="sadface"><img src="https://fast.ssqt.io/assets/images/face.png"></div>
-          <h4>Our referral program is temporarily unavailable.</h4><br>
-          <p>Please reload the page or check back later.</p>
-          <p>If the persists please contact our support team.</p>
-          <br>
-          <br>
-          <div class="right-align errtxt">
-            Error Code: ${t}
-          </div>
-        </div>
-      </div>
-    </body>
-    </html>`}async _findInnerContainer(t){const{contentWindow:e}=t;if(!e)throw new Error("Squatch.js frame inner frame is empty");const n=e.document;function i(){const r=n.getElementsByTagName("sqh-global-container"),a=n.getElementsByClassName("squatch-container");return r.length>0?r[0]:a.length>0?a[0]:null}let s=null;for(let r=0;r<5&&(s=i(),!s);r++)await qe(100);return s||n.body}_getSkeletonPreloadHTML(t,e){if(!t)return"";const n=this.context.type==="passwordless"?"instant-access":"verified-access",i=ae({type:n,height:"100%"});return`
-      <div id="sq-preload" style="visibility: visible; position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; background: ${e||"white"};">
-        ${i}
-      </div>
-      <script>(${Se.toString()})()<\/script>
-    `}reload({email:t,firstName:e,lastName:n},i){const s=this._findFrame();if(!s)throw new Error("Could not find widget iframe");const r=s.contentWindow,a=this.context.engagementMedium||"POPUP";if(!r)throw new Error("Frame needs a content window");let d;if(this.context.type==="upsert"){if(!this.context.user)throw new Error("Can't reload without user ids");let c={email:t||null,firstName:e||null,lastName:n||null,id:this.context.user.id,accountId:this.context.user.accountId};d=this.widgetApi.upsertUser({user:c,engagementMedium:a,widgetType:this.type,jwt:i})}else if(this.context.type==="passwordless")d=this.widgetApi.render({user:void 0,engagementMedium:a,widgetType:this.type,jwt:void 0});else throw new Error("can't reload an error widget");d.then(({template:c})=>{c&&(this.content=c,this.__deprecated__register(s,{email:t,engagementMedium:a},()=>{this.load(),a==="POPUP"&&this.open()}))}).catch(({message:c})=>{v(`${c}`)})}__deprecated__register(t,e,n){const s=t.contentWindow.document,r=s.createElement("button"),a=s.getElementsByClassName("squatch-register")[0];if(a){r.className="btn btn-primary",r.id="show-stats-btn",r.textContent=this.type==="REFERRER_WIDGET"?"Show Stats":"Show Reward";const d=e.engagementMedium==="POPUP"?"margin-top: 10px; max-width: 130px; width: 100%;":"margin-top: 10px;";r.setAttribute("style",d),r.onclick=n,a.style.paddingTop="30px",a.innerHTML=`<p><strong>${e.email}</strong><br>Has been successfully registered</p>`,a.appendChild(r)}}}function qe(o){return new Promise(t=>{setTimeout(t,o)})}function Se(){var o=setTimeout(t,1e4);function t(){var n=document.getElementById("sq-preload");n&&n.remove(),clearTimeout(o)}function e(){var n=new Set;if(document.querySelectorAll("*").forEach(function(i){i.tagName.includes("-")&&n.add(i.tagName.toLowerCase())}),!n.size)return t();Promise.all(Array.from(n).map(function(i){return customElements.whenDefined(i)})).then(function(){requestAnimationFrame(function(){requestAnimationFrame(t)})})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",e):setTimeout(e,0)}const T=E("squatch-js:EMBEDwidget");class q extends de{constructor(e,n){super(e);l(this,"show",this.open);l(this,"hide",this.close);n&&(this.container=n)}async load(){var f,b,x,y,L,fe,we,ye,ve;const e=(b=(f=this.context.widgetConfig)==null?void 0:f.values)==null?void 0:b.brandingConfig,n=(x=this.content)==null?void 0:x.includes("mint-components"),i=(e==null?void 0:e.loadingHeight)||500,s=(y=e==null?void 0:e.widgetSize)==null?void 0:y.embeddedWidgets,r=s!=null&&s.maxWidth?F(s.maxWidth):"",a=s!=null&&s.minWidth?F(s.minWidth):"",d=this._createFrame({minWidth:a,maxWidth:r,initialHeight:i}),c=this._findElement();(L=this.context)!=null&&L.container&&(c.style.visibility="hidden",c.style.height="0",c.style["overflow-y"]="hidden"),this.container?c.shadowRoot?((fe=c.shadowRoot.lastChild)==null?void 0:fe.nodeName)==="IFRAME"?c.shadowRoot.replaceChild(d,c.shadowRoot.lastChild):c.shadowRoot.appendChild(d):c.firstChild?c.replaceChild(d,c.firstChild):c.appendChild(d):(!c.firstChild||c.firstChild.nodeName==="#text")&&c.appendChild(d);const{contentWindow:h}=d;if(!h)throw new Error("Frame needs a content window");const p=h.document;p.open();const w=this.widgetApi.domain==="https://staging.referralsaasquatch.com"?"-staging":"";p.write(`
-      ${(we=e==null?void 0:e.main)!=null&&we.brandFont?`
-        <link rel="preconnect" href="https://fast${w}.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((ye=e==null?void 0:e.main)==null?void 0:ye.brandFont)}" as="style">`:""}
-      <link rel="dns-prefetch" href="https://res.cloudinary.com">
-      <link rel="preconnect" href="https://res.cloudinary.com" crossorigin>
-            ${n?`
-      <style data-styles>
-        html { visibility: hidden; }
-      </style>`:""}
-      ${this._getSkeletonPreloadHTML(n,(ve=e==null?void 0:e.color)==null?void 0:ve.backgroundColor)}
-      ${this.content}
-      <script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>
-      `),p.close(),te(p,async()=>{const ke=h.squatch||h.widgetIdent;d.height=i;const Ze=new h.ResizeObserver(tt=>{for(const nt of tt){const{height:it}=nt.contentRect;d.height=it}}),et=await this._findInnerContainer(d);Ze.observe(et),this._shouldFireLoadEvent()?(this._loadEvent(ke),T("loaded")):p&&this._attachLoadEventListener(p,ke)})}open(){const e=this._findFrame();if(!e)return T("no target element to open");if(!e.contentWindow)return T("Frame needs a content window");const n=this._findElement();n.style.visibility="unset",n.style.height="auto",n.style["overflow-y"]="auto",e.contentWindow.document.dispatchEvent(new CustomEvent("sq:refresh"));const i=e.contentWindow.squatch||e.contentWindow.widgetIdent;if(this.context.user)this._loadEvent(i),T("loaded");else{if(!e.contentDocument)return;this._attachLoadEventListener(e.contentDocument,i)}}close(){const e=this._findFrame();if(!e)return T("no target element to close");e.contentDocument&&this._detachLoadEventListener(e.contentDocument);const n=this._findElement();n.style.visibility="hidden",n.style.height="0",n.style["overflow-y"]="hidden",T("Embed widget closed")}_error(e,n="embed",i=""){return super._error(e,n,i)}_shouldFireLoadEvent(){const e=!this.container,n=this.container instanceof HTMLElement&&(this.container.tagName.startsWith("SQUATCH-")||this.container.tagName.startsWith("IMPACT-"));return!!this.context.user&&(e||n)}}const S=E("squatch-js:POPUPwidget");let H=0;class P extends de{constructor(e,n=".squatchpop"){super(e);l(this,"trigger");l(this,"id");l(this,"show",this.open);l(this,"hide",this.close);this.trigger=n,this.container?this.id="squatchModal":(this.id=H===0?"squatchModal":`squatchModal__${H}`,H=H+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&&S("No element found with trigger selector",this.trigger)}catch{S("Not a valid selector",this.trigger)}e&&(e.onclick=()=>{this.open()})}_createPopupDialog(e){var d;const n=document.createElement("dialog"),i=(d=e==null?void 0:e.widgetSize)==null?void 0:d.popupWidgets,s=i!=null&&i.minWidth?F(i.minWidth):"auto",r=i!=null&&i.maxWidth?F(i.maxWidth):"500px";n.id=this.id,n.setAttribute("style",`width: 100%; min-width: ${s}; max-width: ${r}; border: none; padding: 0;`);const a=c=>{c.stopPropagation(),c.target===n&&n.close()};return n.addEventListener("click",a),n}async load(){var g,w,f,b,x,y,L;const e=(w=(g=this.context.widgetConfig)==null?void 0:g.values)==null?void 0:w.brandingConfig,n=(e==null?void 0:e.loadingHeight)||500,i=(f=this.content)==null?void 0:f.includes("mint-components"),s=this._createFrame();s.style.height=n+"px",this._initialiseCTA();const r=this.container?this._findElement():document.body,a=(r==null?void 0:r.shadowRoot)||r,d=this._createPopupDialog(e);d.appendChild(s),((b=a.lastChild)==null?void 0:b.nodeName)==="DIALOG"?a.replaceChild(d,a.lastChild):a.appendChild(d);const{contentWindow:c}=s;if(!c)throw new Error("Frame needs a content window");const h=c.document;h.open();const p=this.widgetApi.domain;h.write(`
-      ${(x=e==null?void 0:e.main)!=null&&x.brandFont?`
-        <link rel="preconnect" href="https://fast${p==="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((y=e==null?void 0:e.main)==null?void 0:y.brandFont)}" as="style">`:""}
-      <link rel="dns-prefetch" href="https://res.cloudinary.com">
-      <link rel="preconnect" href="https://res.cloudinary.com" crossorigin>
-            ${i?`
-      <style data-styles>
-        html { visibility: hidden; }
-      </style>`:""}
-      ${this._getSkeletonPreloadHTML(i,(L=e==null?void 0:e.color)==null?void 0:L.backgroundColor)}
-      ${this.content}
-      <script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>
-      `),h.close(),S("Popup template loaded into iframe"),await this._setupResizeHandler(s)}async _setupResizeHandler(e){const{contentWindow:n}=e;if(!n)throw new Error("Frame needs a content window");const i=n.document;te(i,async()=>{i.body.style.overflowY="hidden";let s=!0;new n.ResizeObserver(a=>{for(const d of a){const{top:c,bottom:h}=d.contentRect,p=h+c;p<=0||(s?(s=!1,e.style.height="0",e.height=i.body.scrollHeight+"",e.style.height=""):e.height=p+"",d.target.style="")}}).observe(await this._findInnerContainer(e))})}open(){const e=this.container?this._findElement():document.body,i=(e.shadowRoot||e).querySelector(`#${this.id}`);if(!i)throw new Error("Could not determine container div");i.showModal();const s=this._findFrame();if(!s)throw new Error("Could not find iframe");const{contentWindow:r}=s;if(!r)throw new Error("Squatch.js has an empty iframe");const a=r.document;te(a,()=>{var c;const d=r.squatch||r.widgetIdent;(c=s.contentDocument)==null||c.dispatchEvent(new CustomEvent("sq:refresh")),this.context.user?(this._loadEvent(d),S("Popup opened")):this._attachLoadEventListener(a,d)})}close(){const e=this._findFrame();e!=null&&e.contentDocument&&this._detachLoadEventListener(e.contentDocument);const n=this.container?this._findElement():document.body,s=(n.shadowRoot||n).querySelector(`#${this.id}`);if(!s)throw new Error("Could not determine container div");s.close(),S("Popup closed")}_clickedOutside({target:e}){}_error(e,n="modal",i=""){return super._error(e,n,i||"body { margin: 0; } .modal { box-shadow: none; border: 0; }")}}const k=E("squatch-js:widgets");class R{constructor(t){l(this,"api");l(this,"tenantAlias");l(this,"domain");l(this,"npmCdn");const e=W(t);this.tenantAlias=e.tenantAlias,this.domain=e.domain,this.npmCdn=e.npmCdn,this.api=new N(e)}async upsertUser(t){const n=oe(t);try{const i=await this.api.upsertUser(n);return{widget:this._renderWidget(i,n,{type:"upsert",user:n.user,engagementMedium:t.engagementMedium,container:t.container,trigger:t.trigger,widgetConfig:{values:{brandingConfig:i==null?void 0:i.brandingConfig}}}),user:i.user}}catch(i){throw k(i),i.apiErrorCode&&this._renderErrorWidget(i,t.engagementMedium),new Error(i)}}async render(t){const n=se(t);try{const i=await this.api.render(n);return{widget:this._renderWidget(i,n,{type:"passwordless",engagementMedium:n.engagementMedium,container:n.container,trigger:n.trigger,widgetConfig:i==null?void 0:i.widgetConfig}),user:i.user}}catch(i){throw i.apiErrorCode&&this._renderErrorWidget(i,n.engagementMedium),new Error(i)}}async autofill(t){const e=t;if(typeof e=="function"){try{const s=await this.api.squatchReferralCookie();e(s)}catch(s){throw k("Autofill error",s),new Error(s)}return}if(typeof e!="string")throw new Error("Autofill accepts a string or function");let n=document.querySelectorAll(e),i;if(n.length>0)i=n[0];else throw k("Element id/class or function missing"),new Error("Element id/class or function missing");try{const s=await this.api.squatchReferralCookie();i.value=s.codes[0]}catch(s){throw new Error(s)}}_renderWidget(t,e,n){var d;if(k("Rendering Widget..."),!t)throw new Error("Unable to get a response");let i,s=!!e.displayOnLoad;const r=t.jsOptions||{},a={content:t.template,type:e.widgetType||((d=r.widget)==null?void 0:d.defaultWidgetType),api:this.api,domain:this.domain,npmCdn:this.npmCdn,context:n};return r.widgetUrlMappings&&r.widgetUrlMappings.forEach(c=>{var h,p;R._matchesUrl(c.url)&&(c.widgetType!=="CONVERSION_WIDGET"||(p=(h=t.user)==null?void 0:h.referredBy)!=null&&p.code?(s=c.displayOnLoad,k(`Display ${c.widgetType} on ${c.url}`)):k(`Don't display ${c.widgetType} when no referral on widget rule match ${c.url}`))}),r.fuelTankAutofillUrls&&(k("We found a fuel tank autofill!"),r.fuelTankAutofillUrls.forEach(({url:c,formSelector:h})=>{var p,g,w;if(R._matchesUrl(c)&&(k("Fuel Tank URL matches"),(g=(p=t.user)==null?void 0:p.referredBy)!=null&&g.code)){const f=document.querySelector(h);f?f.value=((w=t.user.referredBy.referredReward)==null?void 0:w.fuelTankCode)||"":k(new Error(`Element with id/class ${h} was not found.`))}})),e.engagementMedium==="EMBED"?i=this._renderEmbedWidget(a):(i=this._renderPopupWidget(a),s&&i.open()),i}_renderPopupWidget(t){const e=new P(t,t.context.trigger);return e.load(),e}_renderEmbedWidget(t){const e=new q(t,t.context.container);return e.load(),e}_renderErrorWidget(t,e="POPUP"){const{apiErrorCode:n,rsCode:i,message:s}=t;k(new Error(`${n} (${i}) ${s}`));const r={content:"error",rsCode:i,api:this.api,domain:this.domain,npmCdn:this.npmCdn,type:"ERROR_WIDGET",context:{type:"error"}};let a;e==="EMBED"?(a=new q(r),a.load()):e==="POPUP"&&(a=new P(r),a.load())}static _matchesUrl(t){return!!window.location.href.match(new RegExp(t))}}class Pe{constructor(t){l(this,"tenantAlias");l(this,"domain");const n=W(t);this.tenantAlias=n.tenantAlias,this.domain=n.domain}track(t,e){const n=t,i=e,s=Re(n),{jwt:r}=Ue(i),a=encodeURIComponent(this.tenantAlias),d=encodeURIComponent(s.userId),c=encodeURIComponent(s.accountId),h=`/api/v1/${a}/open/account/${c}/user/${d}/events`,p=this.domain+h;return ee(p,JSON.stringify(s),r)}}function Re(o){if(!_(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 Ue(o){if(!_(o))throw new Error("'options' should be an object");return o}function Me(){var i;const o=window[K]?K:D,t=((i=window["_"+o])==null?void 0:i.ready)||[],e=window.impactOnReady||window.squatchOnReady,n=[...t,e].filter(s=>!!s);setTimeout(()=>{window[D]&&(window[K]=window[D],n.forEach(s=>s()),window[D]._auto(),window["_"+o]=void 0,delete window["_"+o])},0)}const C=E("squatch-js"),ce=o=>typeof o=="object"&&!Array.isArray(o),le=(o,t)=>{const e=i=>ce(t[i])&&o.hasOwnProperty(i)&&ce(o[i]),n=Object.getOwnPropertyNames(t).map(i=>({[i]:e(i)?le(o[i],t[i]):t[i]})).reduce((i,s)=>({...i,...s}),{});return{...o,...n}};function B(o){const t=atob(o.replace(/_/g,"/").replace(/-/g,"+")),e=new Uint8Array(t.length);for(let n=0;n<t.length;n++)e[n]=t.charCodeAt(n);return new TextDecoder("utf8").decode(e)}function he(o){const t=new TextEncoder().encode(o),e=Array.from(t,n=>String.fromCodePoint(n)).join("");return btoa(e).replace(/=/g,"").replace(/\+/g,"-").replace(/\//g,"_")}function Le(){var o,t,e="weird_get_top_level_domain=cookie",n=document.location.hostname.split(".");for(o=n.length-1;o>=0;o--)if(t=n.slice(o).join("."),document.cookie=e+";domain=."+t+";",document.cookie.indexOf(e)>-1)return document.cookie=e.split("=")[0]+"=;domain=."+t+";expires=Thu, 01 Jan 1970 00:00:01 GMT;",t}function Oe(){const o=window.location.search,e=new URLSearchParams(o).get("_saasquatch")||"";if(e){let n="",i="",s="";try{n=JSON.parse(B(e))}catch(r){C("Unable to decode params",r);return}try{i=JSON.parse(B(j.get("_saasquatch"))),C("existing cookie",i)}catch(r){C("Unable to retrieve cookie",r)}try{const r=Le();if(C("domain retrieved:",r),i){const a=le(i,n);s=he(JSON.stringify(a)),C("cookie to store:",a)}else s=he(JSON.stringify(n)),C("cookie to store:",n);j.set("_saasquatch",s,{expires:365,secure:!1,sameSite:"Lax",domain:r,path:"/"})}catch(r){C("Unable to set cookie",r)}}}const J=E("squatch-js");function je(){var p;const o=window.location.search,e=new URLSearchParams(o).get("_saasquatchExtra")||"";if(!e){J("No _saasquatchExtra param");return}const n=W({tenantAlias:"UNKNOWN"});if(!n.domain){J("domain must be provided in config to use _saasquatchExtra");return}let i;try{i=JSON.parse(B(e))}catch{J("Unable to decode _saasquatchExtra config");return}function s(g){return g.replace(/^https?:\/\//,"")}const r=s(n.domain),a=Object.keys((i==null?void 0:i[r])||{})[0],d=(p=i==null?void 0:i[r])==null?void 0:p[a];if(!d){J("_saasquatchExtra did not have an expected structure");return}const{autoPopupWidgetType:c,...h}=d;return{widgetConfig:{widgetType:c,displayOnLoad:!0,...h},squatchConfig:{...n,tenantAlias:a}}}const De=E("squatch-js:decodeUserJwt");function Ne(o){var t;try{const e=o.split(".")[1];if(e===void 0)return null;const n=B(e);return(t=JSON.parse(n))==null?void 0:t.user}catch(e){return De(e),null}}const ue=E("squatch-js:DeclarativeWidget");class pe 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,n)=>{var s;const i={api:this.widgetApi,content:e.template,context:{type:n.type,user:n.user,container:this.container||void 0,engagementMedium:this.type,widgetConfig:e.widgetConfig},type:this.widgetType,domain:((s=this.config)==null?void 0:s.domain)||I,npmCdn:Y,container:this};if(this.type==="EMBED")return new q(i);{const r=this.firstChild?null:void 0;return new P(i,r)}});l(this,"setErrorWidget",e=>{var i;const n={api:this.widgetApi,content:"error",context:{type:"error",container:this.container||void 0},type:"ERROR_WIDGET",domain:((i=this.config)==null?void 0:i.domain)||I,npmCdn:Y,container:this};if(this.type==="EMBED")return new q(n);{const s=this.firstChild?null:void 0;return new P(n,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=Z(),this.token=$(),this.tenant=window.squatchTenant,this.container=this}_setupApis(e){var n,i;if(!this.tenant)throw new Error("tenantAlias not provided");this.widgetApi=new N({tenantAlias:(e==null?void 0:e.tenantAlias)||this.tenant,domain:(e==null?void 0:e.domain)||((n=this.config)==null?void 0:n.domain)||I}),this.analyticsApi=new re({domain:(e==null?void 0:e.domain)||((i=this.config)==null?void 0:i.domain)||I})}getWidgetType(e){return e&&(e.includes("websiteReferralWidget")||e.includes("friendWidget"))?"instant-access":"verified-access"}async renderPasswordlessVariant(){return this._setupApis(),ue("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=Ne(this.token);return e?(ue("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(i=>this._setWidget(i,{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,n,i){if(!(n===i||!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:n}=await Promise.resolve().then(()=>$e),i=n({height:"100%",type:e}),s=document.createElement("div");s.id="loading-skeleton",s.innerHTML=i;const r=this.shadowRoot||this.attachShadow({mode:"open"});if(this.type==="POPUP"){const d=r.getElementById("#squatchModal");d&&(d.innerHTML="",d.appendChild(s))}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 ne extends pe{constructor(){super(),this.type="EMBED",this.loaded=!1}}class ie extends pe{constructor(){super(),this.type="POPUP",this.loaded=!1,this.addEventListener("click",t=>{t.stopPropagation(),this.open()})}}class Fe extends ne{}class He extends ie{}class Be extends ne{}class Je extends ie{}window.customElements.get("squatch-embed")||window.customElements.define("squatch-embed",Fe),window.customElements.get("impact-embed")||window.customElements.define("impact-embed",Be),window.customElements.get("squatch-popup")||window.customElements.define("squatch-popup",He),window.customElements.get("impact-popup")||window.customElements.define("impact-popup",Je);function ze(){console.log("Having trouble using Squatch.js? Go to https://docs.referralsaasquatch.com/developer/ for tutorials, references and error codes.")}const U=E("squatch-js");let z=null,G=null,V=null;function Ge(){return z||M({}),z}function X(){return G||M({}),G}function Ve(){return V||M({}),V}function Xe(o){var t;return(t=X())==null?void 0:t.render(o)}function Qe(){var t;const o=je();if(o){const{squatchConfig:e,widgetConfig:n}=o;return M(e),(t=X())==null?void 0:t.render(n)}}function M(o){const e=W(o);e.tenantAlias.match("^test")||e.debug?A("squatch-js*"):be(),U("initializing ..."),z=new N(e),G=new R(e),V=new Pe(e),U("Widget API instance",z),U("Widgets instance",G),U("Events API instance",V)}function Ye(o){o()}function Ke(o){X().autofill(o)}function me(){Oe()}typeof document<"u"&&!window.SaaSquatchDoNotAutoDrop&&me(),(ge=window.squatch)!=null&&ge.init&&U("Squatchjs is being loaded more than once. This may lead to multiple load events being sent, duplicated widgets, and inaccurate analytics."),typeof document<"u"&&Me(),u.DeclarativeEmbedWidget=ne,u.DeclarativePopupWidget=ie,u.EmbedWidget=q,u.PopupWidget=P,u.WidgetApi=N,u.Widgets=R,u._auto=Qe,u.api=Ge,u.autofill=Ke,u.events=Ve,u.help=ze,u.init=M,u.pushCookie=me,u.ready=Ye,u.widget=Xe,u.widgets=X,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
+  `;
+  };
+  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
+      });
+    }
+    getWidgetType(widgetType) {
+      if (widgetType && (widgetType.includes("websiteReferralWidget") || widgetType.includes("friendWidget"))) {
+        return "instant-access";
+      }
+      return "verified-access";
+    }
+    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() {
+      this.loaded = true;
+      this.container = this.getAttribute("container");
+      this.widgetType = this.getAttribute("widget") || void 0;
+      console.log("widget type", this.widgetType);
+      const skeletonWidgetType = this.getWidgetType(this.widgetType);
+      const skeletonHTML = getSkeleton({
+        height: "100%",
+        type: skeletonWidgetType
+      });
+      const skeletonContainer = document.createElement("div");
+      skeletonContainer.id = "loading-skeleton";
+      skeletonContainer.innerHTML = skeletonHTML;
+      const root = this.shadowRoot || this.attachShadow({ mode: "open" });
+      root.innerHTML = "";
+      root.appendChild(skeletonContainer);
+      await this.renderWidget();
+      const loadingElement = root.getElementById("loading-skeleton");
+      if (loadingElement) {
+        loadingElement.remove();
+      }
+      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() {
+      this.loaded = true;
+      this.container = this.getAttribute("container");
+      this.widgetType = this.getAttribute("widget") || void 0;
+      const skeletonWidgetType = this.getWidgetType(this.widgetType);
+      const skeletonHTML = getSkeleton({
+        height: "100%",
+        type: skeletonWidgetType
+      });
+      const skeletonContainer = document.createElement("div");
+      skeletonContainer.id = "loading-skeleton";
+      skeletonContainer.innerHTML = skeletonHTML;
+      const root = this.shadowRoot || this.attachShadow({ mode: "open" });
+      const container = root.getElementById("#squatchModal");
+      console.log("Container is ", container);
+      if (container) {
+        container.innerHTML = "";
+        container.appendChild(skeletonContainer);
+      }
+      await this.renderWidget();
+      const loadingElement = root.getElementById("loading-skeleton");
+      if (loadingElement) {
+        loadingElement.remove();
+      }
+      if (this.getAttribute("open") !== null) this.open();
+    }
+  }
+  class SquatchEmbed extends DeclarativeEmbedWidget {
+  }
+  class 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();
+  exports2.DeclarativeEmbedWidget = DeclarativeEmbedWidget;
+  exports2.DeclarativePopupWidget = DeclarativePopupWidget;
+  exports2.EmbedWidget = EmbedWidget;
+  exports2.PopupWidget = PopupWidget;
+  exports2.WidgetApi = WidgetApi;
+  exports2.Widgets = Widgets;
+  exports2._auto = _auto;
+  exports2.api = api;
+  exports2.autofill = autofill;
+  exports2.events = events;
+  exports2.help = help;
+  exports2.init = init;
+  exports2.pushCookie = pushCookie;
+  exports2.ready = ready;
+  exports2.widget = widget;
+  exports2.widgets = widgets;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});
 //# sourceMappingURL=squatch.js.map