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

package/dist/squatch.cjs.js

@@ -1,4 +1,4 @@
-"use strict";var Ee=Object.defineProperty;var Ce=(o,t,e)=>t in o?Ee(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e;var l=(o,t,e)=>Ce(o,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let L=null;function ve(o){const e=o.replace(/[.+?^${}()|[\]\\]/g,"\\$&").replace(/\*/g,".*");L=new RegExp(`^${e}$`)}function be(){L=null}function E(o){return(...t)=>{L&&L.test(o)&&console.log(`[${o}]`,...t)}}/*! js-cookie v3.0.5 | MIT */function P(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var i in e)o[i]=e[i]}return o}var Ae={read:function(o){return o[0]==='"'&&(o=o.slice(1,-1)),o.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(o){return encodeURIComponent(o).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function V(o,t){function e(n,s,r){if(!(typeof document>"u")){r=P({},t,r),typeof r.expires=="number"&&(r.expires=new Date(Date.now()+r.expires*864e5)),r.expires&&(r.expires=r.expires.toUTCString()),n=encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var a="";for(var c in r)r[c]&&(a+="; "+c,r[c]!==!0&&(a+="="+r[c].split(";")[0]));return document.cookie=n+"="+o.write(s,n)+a}}function i(n){if(!(typeof document>"u"||arguments.length&&!n)){for(var s=document.cookie?document.cookie.split("; "):[],r={},a=0;a<s.length;a++){var c=s[a].split("="),d=c.slice(1).join("=");try{var h=decodeURIComponent(c[0]);if(r[h]=o.read(d,h),n===h)break}catch{}}return n?r[n]:r}}return Object.create({set:e,get:i,remove:function(n,s){e(n,"",P({},s,{expires:-1}))},withAttributes:function(n){return V(this.converter,P({},this.attributes,n))},withConverter:function(n){return V(P({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(o)}})}var j=V(Ae,{path:"/"});const A="https://app.referralsaasquatch.com",X="https://fast.ssqt.io/npm",S="squatch",z="impact";function U(o){if(typeof o!="object")throw new Error("config must be an object");const t=window.squatchTenant,e=K(),i={tenantAlias:(o==null?void 0:o.tenantAlias)||t,domain:(o==null?void 0:o.domain)||(e==null?void 0:e.domain),npmCdn:(o==null?void 0:o.npmCdn)||(e==null?void 0:e.npmCdn),debug:(o==null?void 0:o.debug)||(e==null?void 0:e.debug)};if(typeof i.tenantAlias!="string")throw new Error("tenantAlias not provided");const n=i.tenantAlias,s=typeof i.domain=="string"&&i.domain||A,r=typeof i.debug=="boolean"&&i.debug||!1,a=typeof i.npmCdn=="string"&&i.npmCdn||X;return{tenantAlias:n,domain:s,debug:r,npmCdn:a}}function I(o){return typeof o=="object"&&!Array.isArray(o)&&o!==null}function Ie(o){if(o&&/^[a-z]{2}_(?:[A-Z]{2}|[0-9]{3})$/.test(o))return o}function ae(o){if(!I(o))throw new Error("Widget properties must be an object");if(!(o!=null&&o.user))throw new Error("Required properties missing.");return o}function ce(o){if(!I(o))throw new Error("Widget properties must be an object");return o}function R(){return window.impactToken||window.squatchToken}function K(){return window.impactConfig||window.squatchConfig}async function _e(o,t,e,i){const n=i||R(),s={Accept:"application/json","Content-Type":"application/json",...n?{Authorization:`Bearer ${n}`}:{},"X-SaaSquatch-Referrer":window?window.location.href:""};try{const r=await fetch(o,{method:"POST",body:JSON.stringify({query:t,variables:e}),headers:s});if(!r.ok)throw new Error(await r.text());return await r.json()}catch(r){throw r}}async function ke(o,t=""){const e={Accept:"application/json","Content-Type":"application/json"},i=t||R();i&&(e["X-SaaSquatch-User-Token"]=i);try{const n=await fetch(o,{method:"GET",credentials:"include",headers:e}),s=await n.text();if(!n.ok)throw new Error(s);return s&&JSON.parse(s)}catch(n){throw n}}async function Q(o,t,e){const i={Accept:"application/json","Content-Type":"application/json"},n=e||R();n&&(i["X-SaaSquatch-User-Token"]=n);try{const s=await fetch(o,{method:"POST",body:t,headers:i}),r=await s.text();if(!s.ok)throw new Error(r);return r&&JSON.parse(r)}catch(s){throw s}}async function We(o,t,e){const i={Accept:"application/json","Content-Type":"application/json","X-SaaSquatch-Referrer":window?window.location.href:""},n=e||R();n&&(i["X-SaaSquatch-User-Token"]=n);try{const s=await fetch(o,{headers:i,method:"PUT",credentials:"include",body:t}),r=await s.text();if(!s.ok)throw new Error(r);return r&&JSON.parse(r)}catch(s){throw s}}const xe=`
+"use strict";var Ce=Object.defineProperty;var Ae=(o,t,e)=>t in o?Ce(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e;var l=(o,t,e)=>Ae(o,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let C=null;function Ie(o){const e=o.replace(/[.+?^${}()|[\]\\]/g,"\\$&").replace(/\*/g,".*");C=new RegExp(`^${e}$`)}function _e(){C=null}function k(o){const t=(...e)=>{C&&C.test(o)&&console.log(`[${o}]`,...e)};return Object.defineProperty(t,"enabled",{get(){return!!(C&&C.test(o))}}),t}/*! js-cookie v3.0.5 | MIT */function M(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 Te={read:function(o){return o[0]==='"'&&(o=o.slice(1,-1)),o.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(o){return encodeURIComponent(o).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function X(o,t){function e(i,s,r){if(!(typeof document>"u")){r=M({},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,"",M({},s,{expires:-1}))},withAttributes:function(i){return X(this.converter,M({},this.attributes,i))},withConverter:function(i){return X(M({},this.converter,i),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(o)}})}var D=X(Te,{path:"/"});const A="https://app.referralsaasquatch.com",Q="https://fast.ssqt.io/npm",L="squatch",V="impact";function P(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||A,r=typeof n.debug=="boolean"&&n.debug||!1,a=typeof n.npmCdn=="string"&&n.npmCdn||Q;return{tenantAlias:i,domain:s,debug:r,npmCdn:a}}function I(o){return typeof o=="object"&&!Array.isArray(o)&&o!==null}function We(o){if(o&&/^[a-z]{2}_(?:[A-Z]{2}|[0-9]{3})$/.test(o))return o}function he(o){if(!I(o))throw new Error("Widget properties must be an object");if(!(o!=null&&o.user))throw new Error("Required properties missing.");return o}function ue(o){if(!I(o))throw new Error("Widget properties must be an object");return o}function R(){return window.impactToken||window.squatchToken}function Z(){return window.impactConfig||window.squatchConfig}async function $e(o,t,e,n){const i=n||R(),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 qe(o,t=""){const e={Accept:"application/json","Content-Type":"application/json"},n=t||R();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 Y(o,t,e){const n={Accept:"application/json","Content-Type":"application/json"},i=e||R();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 Se(o,t,e){const n={Accept:"application/json","Content-Type":"application/json","X-SaaSquatch-Referrer":window?window.location.href:""},i=e||R();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 Pe=`
   query renderWidget ($user: UserIdInput, $engagementMedium: UserEngagementMedium, $widgetType: WidgetType, $locale: RSLocale) {
     renderWidget(user: $user, engagementMedium: $engagementMedium, widgetType: $widgetType, locale: $locale) {
       template
@@ -12,17 +12,265 @@
       }
     }
   }
-`;class J{constructor(t){l(this,"tenantAlias");l(this,"domain");l(this,"npmCdn");l(this,"referralCookie",this.squatchReferralCookie);const i=U(t);this.tenantAlias=i.tenantAlias,this.domain=i.domain,this.npmCdn=i.npmCdn}upsertUser(t){const i=ae(t),{widgetType:n,engagementMedium:s="POPUP",jwt:r,locale:a,user:c}=i,d=encodeURIComponent(this.tenantAlias),h=c.accountId?encodeURIComponent(c.accountId):null,u=c.id?encodeURIComponent(c.id):null,p=qe({widgetType:n,engagementMedium:s,locale:a}),m=`/api/v1/${d}/widget/account/${h}/user/${u}/upsert${p}`,g=this.domain+m,f=(j||window.Cookies).get("_saasquatch");return f&&(c.cookies=f),We(g,JSON.stringify(c),r)}render(t){const i=ce(t),{widgetType:n,engagementMedium:s="POPUP",jwt:r,user:a}=i,c=encodeURIComponent(this.tenantAlias),d=a!=null&&a.accountId?encodeURIComponent(a.accountId):null,h=a!=null&&a.id?encodeURIComponent(a.id):null,u=i.locale??Ie(navigator.language.replace(/\-/g,"_")),p=`/api/v1/${c}/graphql`,m=this.domain+p;return new Promise(async(g,f)=>{var _;try{const C=await _e(m,xe,{user:h&&d?{id:h,accountId:d}:null,engagementMedium:s,widgetType:n,locale:u},r);g((_=C==null?void 0:C.data)==null?void 0:_.renderWidget)}catch(C){f(C)}})}async squatchReferralCookie(){const t=encodeURIComponent(this.tenantAlias),e=(j||window.Cookies).get("_saasquatch")||"",i=e?`?cookies=${encodeURIComponent(e)}`:"",n=`${this.domain}/a/${t}/widgets/squatchcookiejson${i}`,s=await ke(n);return Promise.resolve({...s,encodedCookie:e})}}function qe({widgetType:o,engagementMedium:t,locale:e}){const i=new URLSearchParams;return i.append("engagementMedium",t),o&&i.append("widgetType",o),e&&i.append("locale",e),`?${i.toString()}`}/*!
+`;class z{constructor(t){l(this,"tenantAlias");l(this,"domain");l(this,"npmCdn");l(this,"referralCookie",this.squatchReferralCookie);const n=P(t);this.tenantAlias=n.tenantAlias,this.domain=n.domain,this.npmCdn=n.npmCdn}upsertUser(t){const n=he(t),{widgetType:i,engagementMedium:s="POPUP",jwt:r,locale:a,user:d}=n,c=encodeURIComponent(this.tenantAlias),h=d.accountId?encodeURIComponent(d.accountId):null,u=d.id?encodeURIComponent(d.id):null,p=Re({widgetType:i,engagementMedium:s,locale:a}),g=`/api/v1/${c}/widget/account/${h}/user/${u}/upsert${p}`,m=this.domain+g,w=(D||window.Cookies).get("_saasquatch");return w&&(d.cookies=w),Se(m,JSON.stringify(d),r)}render(t){const n=ue(t),{widgetType:i,engagementMedium:s="POPUP",jwt:r,user:a}=n,d=encodeURIComponent(this.tenantAlias),c=a!=null&&a.accountId?encodeURIComponent(a.accountId):null,h=a!=null&&a.id?encodeURIComponent(a.id):null,u=n.locale??We(navigator.language.replace(/\-/g,"_")),p=`/api/v1/${d}/graphql`,g=this.domain+p;return new Promise(async(m,w)=>{var b;try{const f=await $e(g,Pe,{user:h&&c?{id:h,accountId:c}:null,engagementMedium:s,widgetType:i,locale:u},r);m((b=f==null?void 0:f.data)==null?void 0:b.renderWidget)}catch(f){w(f)}})}async squatchReferralCookie(){const t=encodeURIComponent(this.tenantAlias),e=(D||window.Cookies).get("_saasquatch")||"",n=e?`?cookies=${encodeURIComponent(e)}`:"",i=`${this.domain}/a/${t}/widgets/squatchcookiejson${n}`,s=await qe(i);return Promise.resolve({...s,encodedCookie:e})}}function Re({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 Y(o,t){let e=[],i,n=o,s=n.documentElement.doScroll,r="DOMContentLoaded",a=(s?/^loaded|^c/:/^loaded|^i|^c/).test(n.readyState);return a||n.addEventListener(r,i=()=>{for(n.removeEventListener(r,i),a=!0;i=e.shift();)i()}),a?setTimeout(t,0):e.push(t)}function D({value:o,unit:t}){switch(t){case"px":return`${o}px`;case"%":return`${o}%`;default:return`${o}px`}}class de{constructor(t){l(this,"domain");var n;const i=Te(t);this.domain=(i==null?void 0:i.domain)||((n=K())==null?void 0:n.domain)||A}pushAnalyticsLoadEvent(t){if(!t.externalUserId||!t.externalAccountId)return;const e=encodeURIComponent(t.tenantAlias),i=encodeURIComponent(t.externalAccountId),n=encodeURIComponent(t.externalUserId),s=encodeURIComponent(t.engagementMedium),r=t.programId?`&programId=${encodeURIComponent(t.programId)}`:"",a=`/a/${e}/widgets/analytics/loaded?externalAccountId=${i}&externalUserId=${n}&engagementMedium=${s}${r}`,c=this.domain+a;return Q(c,JSON.stringify({}))}pushAnalyticsShareClickedEvent(t){const e=encodeURIComponent(t.tenantAlias),i=encodeURIComponent(t.externalAccountId),n=encodeURIComponent(t.externalUserId),s=encodeURIComponent(t.engagementMedium),r=encodeURIComponent(t.shareMedium),a=`/a/${e}/widgets/analytics/shared?externalAccountId=${i}&externalUserId=${n}&engagementMedium=${s}&shareMedium=${r}`,c=this.domain+a;return Q(c,JSON.stringify({}))}}function Te(o){if(!I(o))throw new Error("'options' should be an object");return o}const w=E("squatch-js:widget");class le{constructor(t){l(this,"type");l(this,"content");l(this,"analyticsApi");l(this,"widgetApi");l(this,"context");l(this,"npmCdn");l(this,"container");l(this,"loadEventListener",null);var e;w("widget initializing ..."),this.content=t.content==="error"?this._error(t.rsCode):t.content,this.type=t.type,this.widgetApi=t.api,this.npmCdn=t.npmCdn,this.analyticsApi=new de({domain:t.domain}),this.context=t.context,this.container=((e=t.context)==null?void 0:e.container)||t.container}_findElement(){let t;if(typeof this.container=="string"?(t=document.querySelector(this.container),w("loading widget with selector",t)):this.container instanceof HTMLElement?(t=this.container,w("loading widget with container",t)):this.container?(t=null,w("container must be an HTMLElement or string",this.container)):(t=document.querySelector("#squatchembed")||document.querySelector(".squatchembed")||document.querySelector("#impactembed")||document.querySelector(".impactembed"),w("loading widget with default selector",t)),!(t instanceof HTMLElement))throw new Error(`element with selector '${this.container||"#squatchembed, .squatchembed, #impactembed, or .impactembed"}' not found.'`);return t}_createFrame(t){const e=document.createElement("iframe");return e.squatchJsApi=this,e.id="squatchFrame",e.width="100%",e.src="about:blank",e.scrolling="no",e.setAttribute("style","border: 0; background-color: none; width: 1px; min-width: 100%;"),t!=null&&t.minWidth&&(e.style.minWidth=t.minWidth),t!=null&&t.maxWidth&&(e.style.maxWidth=t.maxWidth),(t!=null&&t.maxWidth||t!=null&&t.minWidth)&&(e.style.width="100%"),t!=null&&t.initialHeight&&(e.height=t.initialHeight),e}_findFrame(){const t=this.container?this._findElement():document.body;return(t.shadowRoot||t).querySelector("iframe#squatchFrame")}_detachLoadEventListener(t){this.loadEventListener&&(t.removeEventListener("sq:user-registration",this.loadEventListener),this.loadEventListener=null)}_attachLoadEventListener(t,e){this.loadEventListener===null&&(this.loadEventListener=i=>{this._loadEvent({...e,userId:i.detail.userId,accountId:i.detail.accountId})},t.addEventListener("sq:user-registration",this.loadEventListener))}_loadEvent(t){var i;if(!t)return;if(!I(t))throw new Error("Widget Load event identity property is not an object");let e;if("programId"in t){if(!t.tenantAlias||!t.accountId||!t.userId||!t.engagementMedium)throw new Error("Widget Load event missing required properties");e={tenantAlias:t.tenantAlias,externalAccountId:t.accountId,externalUserId:t.userId,engagementMedium:t.engagementMedium,programId:t.programId}}else{const{analytics:n,mode:s}=t;e={tenantAlias:n.attributes.tenant,externalAccountId:n.attributes.accountId,externalUserId:n.attributes.userId,engagementMedium:s.widgetMode}}(i=this.analyticsApi.pushAnalyticsLoadEvent(e))==null||i.then(n=>{w(`${e.engagementMedium} loaded event recorded.`)}).catch(n=>{w(`ERROR: pushAnalyticsLoadEvent() ${n}`)})}_shareEvent(t,e){t&&this.analyticsApi.pushAnalyticsShareClickedEvent({tenantAlias:t.analytics.attributes.tenant,externalAccountId:t.analytics.attributes.accountId,externalUserId:t.analytics.attributes.userId,engagementMedium:t.mode.widgetMode,shareMedium:e}).then(i=>{w(`${t.mode.widgetMode} share ${e} event recorded. ${i}`)}).catch(i=>{w(`ERROR: pushAnalyticsShareClickedEvent() ${i}`)})}_error(t,e="modal",i=""){return`<!DOCTYPE html>
+ */function K(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 N({value:o,unit:t}){switch(t){case"px":return`${o}px`;case"%":return`${o}%`;default:return`${o}px`}}class pe{constructor(t){l(this,"domain");var i;const n=Ue(t);this.domain=(n==null?void 0:n.domain)||((i=Z())==null?void 0:i.domain)||A}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 Y(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 Y(d,JSON.stringify({}))}}function Ue(o){if(!I(o))throw new Error("'options' should be an object");return o}const me=({type:o="verified-access",height:t="500px"})=>{const e="#e0e0e0";return`
+    <style>
+        * {
+          box-sizing: border-box;
+          padding: 0;
+          margin: 0;
+        }
+
+      .widget-container {
+        background: white;
+        width: 100%;
+        padding: 40px;
+        box-sizing: border-box;
+        overflow: hidden; 
+      }
+
+      @keyframes shimmer {
+        0% { background-position: -100% 0; }
+        100% { background-position: 100% 0; }
+      }
+
+      .skeleton {
+        background: ${e};
+        background: linear-gradient(
+          90deg,
+          ${e} 25%,
+          #f5f5f5 50%,
+          ${e} 75%
+        );
+        background-size: 200% 100%;
+        animation: shimmer 1.5s infinite linear;
+        border-radius: 6px;
+        margin-bottom: 12px;
+      }
+
+      /* Typography Skeletons */
+      .sk-title-lg { height: 36px; width: 80%; margin-bottom: 16px; }
+      .sk-title-md { height: 28px; width: 30%; margin-bottom: 20px; margin-top: 40px; }
+      .sk-text { height: 16px; width: 90%; margin-bottom: 8px; }
+      .sk-text-short { width: 40%; }
+      .sk-label { height: 14px; width: 25%; margin-bottom: 10px; }
+
+      /* Layouts */
+      .hero-section {
+        display: flex;
+        gap: 40px;
+        margin-bottom: 40px;
+        padding-bottom: 40px;
+        flex-direction: row;
+        height: 100%;
+        /* Removed border-bottom */
+      }
+      
+      .hero-content {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+      }
+      
+      .hero-image {
+        flex: 1;
+        height: 300px;
+        border-radius: 12px;
+      }
+
+      /* -- Specific Instant Access Overrides -- */
+      .instant-access-layout {
+         margin-bottom: 0;
+         padding-bottom: 0;
+         align-items: center; 
+      }
+      .ia-image {
+         height: 400px; 
+      }
+      .ia-center {
+         margin-left: auto;
+         margin-right: auto;
+      }
+      .ia-content {
+         align-items: center; 
+         text-align: center;
+      }
+      .sk-btn-action {
+         height: 45px;
+         width: 140px;
+         border-radius: 6px;
+         margin: 24px auto;
+      }
+      .input-group {
+         display: flex;
+         gap: 10px;
+         width: 100%;
+         max-width: 400px;
+      }
+      .sk-btn-copy {
+         height: 50px;
+         width: 120px;
+         border-radius: 8px;
+      }
+      /* ------------------------------------- */
+
+      .share-section { margin-bottom: 40px; }
+      .sk-input { height: 50px; width: 100%; border-radius: 8px; margin-bottom: 16px; }
+      
+      .social-buttons { display: flex; gap: 12px; }
+      .sk-btn-social { flex: 1; height: 50px; border-radius: 8px; }
+
+      .stats-section {
+        display: flex;
+        gap: 24px;
+        margin-bottom: 40px;
+        padding: 30px 0;
+        /* Removed border-top and border-bottom */
+      }
+      .stat-card { flex: 1; display: flex; flex-direction: column; align-items: center; }
+      .stat-divider { padding-left: 24px; }
+      .sk-stat-num { height: 48px; width: 120px; margin-bottom: 8px; }
+      .sk-stat-label { height: 18px; width: 80px; }
+
+      /* Table Styles */
+      .table-header { display: flex; gap: 16px; margin-bottom: 16px; }
+      .sk-th { height: 16px; }
+      .table-row { 
+        display: flex; 
+        align-items: center; 
+        gap: 16px; 
+        padding: 16px 0; 
+        /* Removed border-bottom */
+      }
+      
+      .col-user { flex: 2; }
+      .col-status { flex: 1; }
+      .col-reward { flex: 2; }
+      .col-date { flex: 1; }
+
+      .sk-badge { height: 28px; width: 90px; border-radius: 14px; }
+      .sk-reward-block { height: 36px; width: 100%; border-radius: 6px; }
+
+      .pagination { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; }
+      .sk-btn-page { height: 36px; width: 64px; border-radius: 6px; margin-bottom: 0; }
+
+      @media (max-width: 768px) {
+        body { padding: 20px; }
+        .widget-container { padding: 24px; }
+
+        .hero-section { flex-direction: column-reverse; gap: 24px; }
+        .instant-access-layout { flex-direction: column; }
+        
+        .hero-image { height: 220px; width: 100%; }
+        .sk-title-lg { width: 100%; }
+
+        .col-date { display: none; }
+      }
+    </style>
+
+    <div class="widget-container">
+      ${o==="verified-access"?`
+    <div class="hero-section">
+        <div class="hero-content">
+          <div class="skeleton sk-title-lg"></div>
+          <div class="skeleton sk-text"></div>
+          <div class="skeleton sk-text sk-text-short"></div>
+        </div>
+        <div class="skeleton hero-image"></div>
+    </div>
+
+    <div class="share-section">
+      <div class="skeleton sk-label"></div>
+      <div class="skeleton sk-input"></div>
+      <div class="social-buttons">
+        <div class="skeleton sk-btn-social"></div>
+        <div class="skeleton sk-btn-social"></div>
+        <div class="skeleton sk-btn-social"></div>
+        <div class="skeleton sk-btn-social"></div>
+      </div>
+    </div>
+
+    <div class="skeleton sk-title-md" style="margin-top: 0; width: 30%; margin-left: auto; margin-right: auto"></div>
+    <div class="skeleton sk-text" style="width: 60%; margin-left: auto; margin-right: auto"></div>
+
+    <div class="stats-section">
+      <div class="stat-card">
+        <div class="skeleton sk-stat-num"></div>
+        <div class="skeleton sk-stat-label"></div>
+      </div>
+      <div class="stat-card stat-divider">
+        <div class="skeleton sk-stat-num"></div>
+        <div class="skeleton sk-stat-label"></div>
+      </div>
+    </div>
+
+    <div class="skeleton sk-title-md"></div>
+
+    <div class="table-header">
+      <div class="skeleton sk-th col-user"></div>
+      <div class="skeleton sk-th col-status"></div>
+      <div class="skeleton sk-th col-reward"></div>
+      <div class="skeleton sk-th col-date"></div>
+    </div>
+
+    <div class="table-row">
+      <div class="col-user"><div class="skeleton sk-text" style="width: 70%; margin: 0"></div></div>
+      <div class="col-status"><div class="skeleton sk-badge" style="margin: 0"></div></div>
+      <div class="col-reward"><div class="skeleton sk-reward-block" style="margin: 0"></div></div>
+      <div class="col-date"><div class="skeleton sk-text" style="width: 80%; margin: 0"></div></div>
+    </div>
+    
+    <div class="table-row">
+      <div class="col-user"><div class="skeleton sk-text" style="width: 60%; margin: 0"></div></div>
+      <div class="col-status"><div class="skeleton sk-badge" style="margin: 0"></div></div>
+      <div class="col-reward"><div class="skeleton sk-reward-block" style="margin: 0"></div></div>
+      <div class="col-date"><div class="skeleton sk-text" style="width: 80%; margin: 0"></div></div>
+    </div>
+
+    <div class="table-row">
+      <div class="col-user"><div class="skeleton sk-text" style="width: 75%; margin: 0"></div></div>
+      <div class="col-status"><div class="skeleton sk-badge" style="margin: 0"></div></div>
+      <div class="col-reward"><div class="skeleton sk-reward-block" style="margin: 0"></div></div>
+      <div class="col-date"><div class="skeleton sk-text" style="width: 80%; margin: 0"></div></div>
+    </div>
+
+    <div class="pagination">
+      <div class="skeleton sk-btn-page"></div>
+      <div class="skeleton sk-btn-page"></div>
+    </div>
+  `:`
+    <div class="hero-section instant-access-layout">
+        <div class="skeleton hero-image ia-image"></div>
+        
+        <div class="hero-content ia-content">
+          <div class="skeleton sk-title-lg ia-center"></div>
+          <div class="skeleton sk-text ia-center"></div>
+          
+          <div class="skeleton sk-btn-action"></div>
+
+           <div class="skeleton sk-label"></div>
+           <div class="input-group">
+             <div class="skeleton sk-input"></div>
+             <div class="skeleton sk-btn-copy"></div>
+           </div>
+
+           <div class="skeleton sk-text-short ia-center" style="margin-top: 20px; width: 30%"></div>
+           <div class="skeleton sk-text-short ia-center" style="width: 20%"></div>
+        </div>
+    </div>
+  `}
+    </div>
+  `},Me=Object.freeze(Object.defineProperty({__proto__:null,getSkeleton:me},Symbol.toStringTag,{value:"Module"})),y=k("squatch-js:widget");class ge{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;y("widget initializing ..."),this.content=t.content==="error"?this._error(t.rsCode):t.content,this.type=t.type,this.widgetApi=t.api,this.npmCdn=t.npmCdn,this.analyticsApi=new pe({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),y("loading widget with selector",t)):this.container instanceof HTMLElement?(t=this.container,y("loading widget with container",t)):this.container?(t=null,y("container must be an HTMLElement or string",this.container)):(t=document.querySelector("#squatchembed")||document.querySelector(".squatchembed")||document.querySelector("#impactembed")||document.querySelector(".impactembed"),y("loading widget with default selector",t)),!(t instanceof HTMLElement))throw new Error(`element with selector '${this.container||"#squatchembed, .squatchembed, #impactembed, or .impactembed"}' not found.'`);return 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(!I(t))throw new Error("Widget Load event identity property is not an object");let e;if("programId"in t){if(!t.tenantAlias||!t.accountId||!t.userId||!t.engagementMedium)throw new Error("Widget Load event missing required properties");e={tenantAlias:t.tenantAlias,externalAccountId:t.accountId,externalUserId:t.userId,engagementMedium:t.engagementMedium,programId:t.programId}}else{const{analytics: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=>{y(`${e.engagementMedium} loaded event recorded.`)}).catch(i=>{y(`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=>{y(`${t.mode.widgetMode} share ${e} event recorded. ${n}`)}).catch(n=>{y(`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>
-        ${i}
+        ${n}
       </style>
     </head>
     <body>
@@ -45,31 +293,40 @@
         </div>
       </div>
     </body>
-    </html>`}async _findInnerContainer(t){const{contentWindow:e}=t;if(!e)throw new Error("Squatch.js frame inner frame is empty");const i=e.document;function n(){const r=i.getElementsByTagName("sqh-global-container"),a=i.getElementsByClassName("squatch-container");return r.length>0?r[0]:a.length>0?a[0]:null}let s=null;for(let r=0;r<5&&(s=n(),!s);r++)await Ue(100);return s||i.body}reload({email:t,firstName:e,lastName:i},n){const s=this._findFrame();if(!s)throw new Error("Could not find widget iframe");const r=s.contentWindow,a=this.context.engagementMedium||"POPUP";if(!r)throw new Error("Frame needs a content window");let c;if(this.context.type==="upsert"){if(!this.context.user)throw new Error("Can't reload without user ids");let d={email:t||null,firstName:e||null,lastName:i||null,id:this.context.user.id,accountId:this.context.user.accountId};c=this.widgetApi.upsertUser({user:d,engagementMedium:a,widgetType:this.type,jwt:n})}else if(this.context.type==="passwordless")c=this.widgetApi.render({user:void 0,engagementMedium:a,widgetType:this.type,jwt:void 0});else throw new Error("can't reload an error widget");c.then(({template:d})=>{d&&(this.content=d,this.__deprecated__register(s,{email:t,engagementMedium:a},()=>{this.load(),a==="POPUP"&&this.open()}))}).catch(({message:d})=>{w(`${d}`)})}__deprecated__register(t,e,i){const s=t.contentWindow.document,r=s.createElement("button"),a=s.getElementsByClassName("squatch-register")[0];if(a){r.className="btn btn-primary",r.id="show-stats-btn",r.textContent=this.type==="REFERRER_WIDGET"?"Show Stats":"Show Reward";const c=e.engagementMedium==="POPUP"?"margin-top: 10px; max-width: 130px; width: 100%;":"margin-top: 10px;";r.setAttribute("style",c),r.onclick=i,a.style.paddingTop="30px",a.innerHTML=`<p><strong>${e.email}</strong><br>Has been successfully registered</p>`,a.appendChild(r)}}}function Ue(o){return new Promise(t=>{setTimeout(t,o)})}const b=E("squatch-js:EMBEDwidget");class x extends le{constructor(e,i){super(e);l(this,"show",this.open);l(this,"hide",this.close);i&&(this.container=i)}async load(){var p,m,g,f,_,C,te;const e=(m=(p=this.context.widgetConfig)==null?void 0:p.values)==null?void 0:m.brandingConfig,i=e==null?void 0:e.loadingHeight,n=(g=e==null?void 0:e.widgetSize)==null?void 0:g.embeddedWidgets,s=n!=null&&n.maxWidth?D(n.maxWidth):"",r=n!=null&&n.minWidth?D(n.minWidth):"",a=this._createFrame({minWidth:r,maxWidth:s,initialHeight:i}),c=this._findElement();(f=this.context)!=null&&f.container&&(c.style.visibility="hidden",c.style.height="0",c.style["overflow-y"]="hidden"),this.container?c.shadowRoot?((_=c.shadowRoot.lastChild)==null?void 0:_.nodeName)==="IFRAME"?c.shadowRoot.replaceChild(a,c.shadowRoot.lastChild):c.shadowRoot.appendChild(a):c.firstChild?c.replaceChild(a,c.firstChild):c.appendChild(a):(!c.firstChild||c.firstChild.nodeName==="#text")&&c.appendChild(a);const{contentWindow:d}=a;if(!d)throw new Error("Frame needs a content window");const h=d.document;h.open();const u=this.widgetApi.domain;h.write(`
-      ${(C=e==null?void 0:e.main)!=null&&C.brandFont?`
-        <link rel="preconnect" href="https://fast${u==="https://staging.referralsaasquatch.com"&&"-staging"}.ssqt.io">
+    </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 Le(100);return s||n.body}_getSkeletonPreloadHTML(t,e){if(!t)return"";const n=this.context.type==="passwordless"?"instant-access":"verified-access",i=me({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>(${Oe.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})=>{y(`${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 Le(o){return new Promise(t=>{setTimeout(t,o)})}function Oe(){var o=setTimeout(t,1e4);function t(){var n=document.getElementById("sq-preload");n&&n.remove(),clearTimeout(o)}function 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 E=k("squatch-js:EMBEDwidget");class $ extends ge{constructor(e,n){super(e);l(this,"show",this.open);l(this,"hide",this.close);n&&(this.container=n)}async load(){var m,w,b,f,_,ne,ie,oe,se;const e=(w=(m=this.context.widgetConfig)==null?void 0:m.values)==null?void 0:w.brandingConfig,n=(b=this.content)==null?void 0:b.includes("mint-components"),i=(e==null?void 0:e.loadingHeight)||500,s=(f=e==null?void 0:e.widgetSize)==null?void 0:f.embeddedWidgets,r=s!=null&&s.maxWidth?N(s.maxWidth):"",a=s!=null&&s.minWidth?N(s.minWidth):"",d=this._createFrame({minWidth:a,maxWidth:r,initialHeight:i}),c=this._findElement();(_=this.context)!=null&&_.container&&(c.style.visibility="hidden",c.style.height="0",c.style["overflow-y"]="hidden"),this.container?c.shadowRoot?((ne=c.shadowRoot.lastChild)==null?void 0:ne.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 u=h.document;u.open();const g=this.widgetApi.domain==="https://staging.referralsaasquatch.com"?"-staging":"";u.write(`
+      ${(ie=e==null?void 0:e.main)!=null&&ie.brandFont?`
+        <link rel="preconnect" href="https://fast${g}.ssqt.io">
         <link rel="preconnect" href="https://fonts.gstatic.com">
         <link rel="preconnect" href="https://fonts.googleapis.com">
-        <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent((te=e==null?void 0:e.main)==null?void 0:te.brandFont)}" as="style">`:""}
+        <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent((oe=e==null?void 0:e.main)==null?void 0:oe.brandFont)}" as="style">`:""}
       <link rel="dns-prefetch" href="https://res.cloudinary.com">
       <link rel="preconnect" href="https://res.cloudinary.com" crossorigin>
+            ${n?`
       <style data-styles>
-        html { visibility:hidden;}
-      </style>
+        html { visibility: hidden; }
+      </style>`:""}
+      ${this._getSkeletonPreloadHTML(n,(se=e==null?void 0:e.color)==null?void 0:se.backgroundColor)}
       ${this.content}
-
-      `),h.close(),Y(h,async()=>{const ne=d.squatch||d.widgetIdent;a.height=i||h.body.scrollHeight;const me=new ResizeObserver(fe=>{for(const we of fe){const{height:ye}=we.contentRect;a.height=ye}}),ge=await this._findInnerContainer(a);me.observe(ge),this._shouldFireLoadEvent()?(this._loadEvent(ne),b("loaded")):h&&this._attachLoadEventListener(h,ne)})}open(){const e=this._findFrame();if(!e)return b("no target element to open");if(!e.contentWindow)return b("Frame needs a content window");const i=this._findElement();i.style.visibility="unset",i.style.height="auto",i.style["overflow-y"]="auto",e.contentWindow.document.dispatchEvent(new CustomEvent("sq:refresh"));const n=e.contentWindow.squatch||e.contentWindow.widgetIdent;if(this.context.user)this._loadEvent(n),b("loaded");else{if(!e.contentDocument)return;this._attachLoadEventListener(e.contentDocument,n)}}close(){const e=this._findFrame();if(!e)return b("no target element to close");e.contentDocument&&this._detachLoadEventListener(e.contentDocument);const i=this._findElement();i.style.visibility="hidden",i.style.height="0",i.style["overflow-y"]="hidden",b("Embed widget closed")}_error(e,i="embed",n=""){return super._error(e,i,n)}_shouldFireLoadEvent(){const e=!this.container,i=this.container instanceof HTMLElement&&(this.container.tagName.startsWith("SQUATCH-")||this.container.tagName.startsWith("IMPACT-"));return!!this.context.user&&(e||i)}}const k=E("squatch-js:POPUPwidget");let M=0;class q extends le{constructor(e,i=".squatchpop"){super(e);l(this,"trigger");l(this,"id");l(this,"show",this.open);l(this,"hide",this.close);this.trigger=i,this.container?this.id="squatchModal":(this.id=M===0?"squatchModal":`squatchModal__${M}`,M=M+1),document.head.insertAdjacentHTML("beforeend",`<style>#${this.id}::-webkit-scrollbar { display: none; }</style>`)}_initialiseCTA(){if(!this.trigger)return;let e;try{e=document.querySelector(this.trigger)||document.querySelector(".impactpop"),this.trigger&&!e&&k("No element found with trigger selector",this.trigger)}catch{k("Not a valid selector",this.trigger)}e&&(e.onclick=()=>{this.open()})}_createPopupDialog(e){var c;const i=document.createElement("dialog"),n=(c=e==null?void 0:e.widgetSize)==null?void 0:c.popupWidgets,s=n!=null&&n.minWidth?D(n.minWidth):"auto",r=n!=null&&n.maxWidth?D(n.maxWidth):"500px";i.id=this.id,i.setAttribute("style",`width: 100%; min-width: ${s}; max-width: ${r}; border: none; padding: 0;`);const a=d=>{d.stopPropagation(),d.target===i&&i.close()};return i.addEventListener("click",a),i}async load(){var u,p,m,g,f;const e=(p=(u=this.context.widgetConfig)==null?void 0:u.values)==null?void 0:p.brandingConfig,i=e==null?void 0:e.loadingHeight,n=this._createFrame({initialHeight:i});this._initialiseCTA();const s=this.container?this._findElement():document.body,r=s.shadowRoot||s,a=this._createPopupDialog(e);a.appendChild(n),((m=r.lastChild)==null?void 0:m.nodeName)==="DIALOG"?r.replaceChild(a,r.lastChild):r.appendChild(a);const{contentWindow:c}=n;if(!c)throw new Error("Frame needs a content window");const d=c.document;d.open();const h=this.widgetApi.domain;d.write(`
-      ${(g=e==null?void 0:e.main)!=null&&g.brandFont?`
-        <link rel="preconnect" href="https://fast${h==="https://staging.referralsaasquatch.com"&&"-staging"}.ssqt.io">
+      <script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>
+      `),u.close(),K(u,async()=>{const re=h.squatch||h.widgetIdent;d.height=i;const ve=new h.ResizeObserver(be=>{for(const xe of be){const{height:Ee}=xe.contentRect;d.height=Ee}}),ke=await this._findInnerContainer(d);ve.observe(ke),this._shouldFireLoadEvent()?(this._loadEvent(re),E("loaded")):u&&this._attachLoadEventListener(u,re)})}open(){const e=this._findFrame();if(!e)return E("no target element to open");if(!e.contentWindow)return E("Frame needs a content window");const n=this._findElement();n.style.visibility="unset",n.style.height="auto",n.style["overflow-y"]="auto",e.contentWindow.document.dispatchEvent(new CustomEvent("sq:refresh"));const i=e.contentWindow.squatch||e.contentWindow.widgetIdent;if(this.context.user)this._loadEvent(i),E("loaded");else{if(!e.contentDocument)return;this._attachLoadEventListener(e.contentDocument,i)}}close(){const e=this._findFrame();if(!e)return E("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",E("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 T=k("squatch-js:POPUPwidget");let O=0;class q extends ge{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=O===0?"squatchModal":`squatchModal__${O}`,O=O+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&&T("No element found with trigger selector",this.trigger)}catch{T("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?N(i.minWidth):"auto",r=i!=null&&i.maxWidth?N(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 p,g,m,w,b,f,_;const e=(g=(p=this.context.widgetConfig)==null?void 0:p.values)==null?void 0:g.brandingConfig,n=(e==null?void 0:e.loadingHeight)||500,i=(m=this.content)==null?void 0:m.includes("mint-components"),s=this._createFrame();s.style.height=n+"px",this._initialiseCTA();const r=this.container?this._findElement():document.body,a=(r==null?void 0:r.shadowRoot)||r,d=this._createPopupDialog(e);d.appendChild(s),((w=a.lastChild)==null?void 0:w.nodeName)==="DIALOG"?a.replaceChild(d,a.lastChild):a.appendChild(d);const{contentWindow:c}=s;if(!c)throw new Error("Frame needs a content window");const h=c.document;h.open();const u=this.widgetApi.domain;h.write(`
+      ${(b=e==null?void 0:e.main)!=null&&b.brandFont?`
+        <link rel="preconnect" href="https://fast${u==="https://staging.referralsaasquatch.com"?"-staging":""}.ssqt.io">
         <link rel="preconnect" href="https://fonts.gstatic.com">
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent((f=e==null?void 0:e.main)==null?void 0:f.brandFont)}" as="style">`:""}
       <link rel="dns-prefetch" href="https://res.cloudinary.com">
       <link rel="preconnect" href="https://res.cloudinary.com" crossorigin>
+            ${i?`
       <style data-styles>
-        html { visibility:hidden;}
-      </style>
+        html { visibility: hidden; }
+      </style>`:""}
+      ${this._getSkeletonPreloadHTML(i,(_=e==null?void 0:e.color)==null?void 0:_.backgroundColor)}
       ${this.content}
-
-      `),d.close(),k("Popup template loaded into iframe"),await this._setupResizeHandler(n,i)}async _setupResizeHandler(e,i){const{contentWindow:n}=e;if(!n)throw new Error("Frame needs a content window");const s=n.document;Y(s,async()=>{s.body.style.overflowY="hidden",e.height=i||s.body.offsetHeight,new ResizeObserver(a=>{for(const c of a){const{top:d,bottom:h}=c.contentRect,u=h+d;e.height=u+"",c.target.style=""}}).observe(await this._findInnerContainer(e))})}open(){const e=this.container?this._findElement():document.body,n=(e.shadowRoot||e).querySelector(`#${this.id}`);if(!n)throw new Error("Could not determine container div");n.showModal();const s=this._findFrame();if(!s)throw new Error("Could not find iframe");const{contentWindow:r}=s;if(!r)throw new Error("Squatch.js has an empty iframe");const a=r.document;Y(a,()=>{var d;const c=r.squatch||r.widgetIdent;(d=s.contentDocument)==null||d.dispatchEvent(new CustomEvent("sq:refresh")),this.context.user?(this._loadEvent(c),k("Popup opened")):this._attachLoadEventListener(a,c)})}close(){const e=this._findFrame();e!=null&&e.contentDocument&&this._detachLoadEventListener(e.contentDocument);const i=this.container?this._findElement():document.body,s=(i.shadowRoot||i).querySelector(`#${this.id}`);if(!s)throw new Error("Could not determine container div");s.close(),k("Popup closed")}_clickedOutside({target:e}){}_error(e,i="modal",n=""){return super._error(e,i,n||"body { margin: 0; } .modal { box-shadow: none; border: 0; }")}}const y=E("squatch-js:widgets");class T{constructor(t){l(this,"api");l(this,"tenantAlias");l(this,"domain");l(this,"npmCdn");const e=U(t);this.tenantAlias=e.tenantAlias,this.domain=e.domain,this.npmCdn=e.npmCdn,this.api=new J(e)}async upsertUser(t){const i=ae(t);try{const n=await this.api.upsertUser(i);return{widget:this._renderWidget(n,i,{type:"upsert",user:i.user,engagementMedium:t.engagementMedium,container:t.container,trigger:t.trigger,widgetConfig:{values:{brandingConfig:n==null?void 0:n.brandingConfig}}}),user:n.user}}catch(n){throw y(n),n.apiErrorCode&&this._renderErrorWidget(n,t.engagementMedium),new Error(n)}}async render(t){const i=ce(t);try{const n=await this.api.render(i);return{widget:this._renderWidget(n,i,{type:"passwordless",engagementMedium:i.engagementMedium,container:i.container,trigger:i.trigger,widgetConfig:n==null?void 0:n.widgetConfig}),user:n.user}}catch(n){throw n.apiErrorCode&&this._renderErrorWidget(n,i.engagementMedium),new Error(n)}}async autofill(t){const e=t;if(typeof e=="function"){try{const s=await this.api.squatchReferralCookie();e(s)}catch(s){throw y("Autofill error",s),new Error(s)}return}if(typeof e!="string")throw new Error("Autofill accepts a string or function");let i=document.querySelectorAll(e),n;if(i.length>0)n=i[0];else throw y("Element id/class or function missing"),new Error("Element id/class or function missing");try{const s=await this.api.squatchReferralCookie();n.value=s.codes[0]}catch(s){throw new Error(s)}}_renderWidget(t,e,i){var c;if(y("Rendering Widget..."),!t)throw new Error("Unable to get a response");let n,s=!!e.displayOnLoad;const r=t.jsOptions||{},a={content:t.template,type:e.widgetType||((c=r.widget)==null?void 0:c.defaultWidgetType),api:this.api,domain:this.domain,npmCdn:this.npmCdn,context:i};return r.widgetUrlMappings&&r.widgetUrlMappings.forEach(d=>{var h,u;T._matchesUrl(d.url)&&(d.widgetType!=="CONVERSION_WIDGET"||(u=(h=t.user)==null?void 0:h.referredBy)!=null&&u.code?(s=d.displayOnLoad,y(`Display ${d.widgetType} on ${d.url}`)):y(`Don't display ${d.widgetType} when no referral on widget rule match ${d.url}`))}),r.fuelTankAutofillUrls&&(y("We found a fuel tank autofill!"),r.fuelTankAutofillUrls.forEach(({url:d,formSelector:h})=>{var u,p,m;if(T._matchesUrl(d)&&(y("Fuel Tank URL matches"),(p=(u=t.user)==null?void 0:u.referredBy)!=null&&p.code)){const g=document.querySelector(h);g?g.value=((m=t.user.referredBy.referredReward)==null?void 0:m.fuelTankCode)||"":y(new Error(`Element with id/class ${h} was not found.`))}})),e.engagementMedium==="EMBED"?n=this._renderEmbedWidget(a):(n=this._renderPopupWidget(a),s&&n.open()),n}_renderPopupWidget(t){const e=new q(t,t.context.trigger);return e.load(),e}_renderEmbedWidget(t){const e=new x(t,t.context.container);return e.load(),e}_renderErrorWidget(t,e="POPUP"){const{apiErrorCode:i,rsCode:n,message:s}=t;y(new Error(`${i} (${n}) ${s}`));const r={content:"error",rsCode:n,api:this.api,domain:this.domain,npmCdn:this.npmCdn,type:"ERROR_WIDGET",context:{type:"error"}};let a;e==="EMBED"?(a=new x(r),a.load()):e==="POPUP"&&(a=new q(r),a.load())}static _matchesUrl(t){return!!window.location.href.match(new RegExp(t))}}class Re{constructor(t){l(this,"tenantAlias");l(this,"domain");const i=U(t);this.tenantAlias=i.tenantAlias,this.domain=i.domain}track(t,e){const i=t,n=e,s=$e(i),{jwt:r}=Pe(n),a=encodeURIComponent(this.tenantAlias),c=encodeURIComponent(s.userId),d=encodeURIComponent(s.accountId),h=`/api/v1/${a}/open/account/${d}/user/${c}/events`,u=this.domain+h;return Q(u,JSON.stringify(s),r)}}function $e(o){if(!I(o))throw new Error("tracking parameter must be an object");if(!(o!=null&&o.accountId))throw new Error("accountId field is required");if(!(o!=null&&o.events))throw new Error("events field is required");if(!(o!=null&&o.userId))throw new Error("userId field is required");const t=o;if(!Array.isArray(t.events))throw new Error("'events' should be an array");return t}function Pe(o){if(!I(o))throw new Error("'options' should be an object");return o}function Se(){var n;const o=window[z]?z:S,t=((n=window["_"+o])==null?void 0:n.ready)||[],e=window.impactOnReady||window.squatchOnReady,i=[...t,e].filter(s=>!!s);setTimeout(()=>{window[S]&&(window[z]=window[S],i.forEach(s=>s()),window[S]._auto(),window["_"+o]=void 0,delete window["_"+o])},0)}const v=E("squatch-js"),ie=o=>typeof o=="object"&&!Array.isArray(o),he=(o,t)=>{const e=n=>ie(t[n])&&o.hasOwnProperty(n)&&ie(o[n]),i=Object.getOwnPropertyNames(t).map(n=>({[n]:e(n)?he(o[n],t[n]):t[n]})).reduce((n,s)=>({...n,...s}),{});return{...o,...i}};function N(o){const t=atob(o.replace(/_/g,"/").replace(/-/g,"+")),e=new Uint8Array(t.length);for(let i=0;i<t.length;i++)e[i]=t.charCodeAt(i);return new TextDecoder("utf8").decode(e)}function oe(o){const t=new TextEncoder().encode(o),e=Array.from(t,i=>String.fromCodePoint(i)).join("");return btoa(e).replace(/=/g,"").replace(/\+/g,"-").replace(/\//g,"_")}function Me(){var o,t,e="weird_get_top_level_domain=cookie",i=document.location.hostname.split(".");for(o=i.length-1;o>=0;o--)if(t=i.slice(o).join("."),document.cookie=e+";domain=."+t+";",document.cookie.indexOf(e)>-1)return document.cookie=e.split("=")[0]+"=;domain=."+t+";expires=Thu, 01 Jan 1970 00:00:01 GMT;",t}function Oe(){const o=window.location.search,e=new URLSearchParams(o).get("_saasquatch")||"";if(e){let i="",n="",s="";try{i=JSON.parse(N(e))}catch(r){v("Unable to decode params",r);return}try{n=JSON.parse(N(j.get("_saasquatch"))),v("existing cookie",n)}catch(r){v("Unable to retrieve cookie",r)}try{const r=Me();if(v("domain retrieved:",r),n){const a=he(n,i);s=oe(JSON.stringify(a)),v("cookie to store:",a)}else s=oe(JSON.stringify(i)),v("cookie to store:",i);j.set("_saasquatch",s,{expires:365,secure:!1,sameSite:"Lax",domain:r,path:"/"})}catch(r){v("Unable to set cookie",r)}}}const O=E("squatch-js");function Le(){var u;const o=window.location.search,e=new URLSearchParams(o).get("_saasquatchExtra")||"";if(!e){O("No _saasquatchExtra param");return}const i=U({tenantAlias:"UNKNOWN"});if(!i.domain){O("domain must be provided in config to use _saasquatchExtra");return}let n;try{n=JSON.parse(N(e))}catch{O("Unable to decode _saasquatchExtra config");return}function s(p){return p.replace(/^https?:\/\//,"")}const r=s(i.domain),a=Object.keys((n==null?void 0:n[r])||{})[0],c=(u=n==null?void 0:n[r])==null?void 0:u[a];if(!c){O("_saasquatchExtra did not have an expected structure");return}const{autoPopupWidgetType:d,...h}=c;return{widgetConfig:{widgetType:d,displayOnLoad:!0,...h},squatchConfig:{...i,tenantAlias:a}}}const je=E("squatch-js:decodeUserJwt");function De(o){var t;try{const e=o.split(".")[1];if(e===void 0)return null;const i=N(e);return(t=JSON.parse(i))==null?void 0:t.user}catch(e){return je(e),null}}const se=E("squatch-js:DeclarativeWidget");class ue extends HTMLElement{constructor(){super();l(this,"config");l(this,"token");l(this,"tenant");l(this,"widgetType");l(this,"locale");l(this,"widgetApi");l(this,"analyticsApi");l(this,"widgetInstance");l(this,"type");l(this,"container");l(this,"element");l(this,"loaded");l(this,"_setWidget",(e,i)=>{var s;const n={api:this.widgetApi,content:e.template,context:{type:i.type,user:i.user,container:this.container||void 0,engagementMedium:this.type,widgetConfig:e.widgetConfig},type:this.widgetType,domain:((s=this.config)==null?void 0:s.domain)||A,npmCdn:X,container:this};if(this.type==="EMBED")return new x(n);{const r=this.firstChild?null:void 0;return new q(n,r)}});l(this,"setErrorWidget",e=>{var n;const i={api:this.widgetApi,content:"error",context:{type:"error",container:this.container||void 0},type:"ERROR_WIDGET",domain:((n=this.config)==null?void 0:n.domain)||A,npmCdn:X,container:this};if(this.type==="EMBED")return new x(i);{const s=this.firstChild?null:void 0;return new q(i,s)}});l(this,"reload",this.renderWidget);l(this,"show",this.open);l(this,"hide",this.close);this.attachShadow({mode:"open"}).innerHTML="<style>:host { display: block; }</style><slot></slot>",this.config=K(),this.token=R(),this.tenant=window.squatchTenant,this.container=this}_setupApis(e){var i,n;if(!this.tenant)throw new Error("tenantAlias not provided");this.widgetApi=new J({tenantAlias:(e==null?void 0:e.tenantAlias)||this.tenant,domain:(e==null?void 0:e.domain)||((i=this.config)==null?void 0:i.domain)||A}),this.analyticsApi=new de({domain:(e==null?void 0:e.domain)||((n=this.config)==null?void 0:n.domain)||A})}getWidgetType(e){return e&&(e.includes("websiteReferralWidget")||e.includes("friendWidget"))?"instant-access":"verified-access"}async renderPasswordlessVariant(){return this._setupApis(),se("Rendering as an Instant Access widget"),await this.widgetApi.render({engagementMedium:this.type,widgetType:this.widgetType,locale:this.locale}).then(e=>this._setWidget(e,{type:"passwordless"})).catch(this.setErrorWidget)}async renderUserUpsertVariant(){this._setupApis();const e=De(this.token);return e?(se("Rendering as a Verified widget"),await this.widgetApi.upsertUser({user:e,locale:this.locale,engagementMedium:this.type,widgetType:this.widgetType,jwt:this.token}),await this.widgetApi.render({locale:this.locale,engagementMedium:this.type,widgetType:this.widgetType}).then(n=>this._setWidget(n,{type:"upsert",user:e})).catch(this.setErrorWidget)):this.setErrorWidget(Error("No user object in token."))}async getWidgetInstance(){let e;if(this.widgetType=this.getAttribute("widget")||void 0,this.locale=this.getAttribute("locale")||this.locale,!this.widgetType)throw new Error("No widget has been specified");return this.token?e=await this.renderUserUpsertVariant():e=await this.renderPasswordlessVariant(),this.widgetInstance=e,this.widgetInstance&&this.dispatchEvent(new CustomEvent("sq:widget-loaded")),e}async renderWidget(){await this.getWidgetInstance(),await this.widgetInstance.load()}open(){if(!this.widgetInstance)throw new Error("Widget has not loaded yet");this.widgetInstance.open()}close(){if(!this.widgetInstance)throw new Error("Widget has not loaded yet");this.widgetInstance.close()}static get observedAttributes(){return["widget","locale"]}attributeChangedCallback(e,i,n){if(!(i===n||!this.loaded))switch(e){case"locale":case"widget":this.connectedCallback();break}}async connectedCallback(){this.loaded=!0,this.container=this.getAttribute("container"),this.widgetType=this.getAttribute("widget")||void 0;const e=this.getWidgetType(this.widgetType),{getSkeleton:i}=await Promise.resolve().then(()=>require("./SkeletonTemplate-hwDwv3Ys.cjs")),n=i({height:"100%",type:e}),s=document.createElement("div");s.id="loading-skeleton",s.innerHTML=n;const r=this.shadowRoot||this.attachShadow({mode:"open"});if(this.type==="POPUP"){const c=r.getElementById("#squatchModal");c&&(c.innerHTML="",c.appendChild(s))}else r.innerHTML="",r.appendChild(s);await this.renderWidget();const a=r.getElementById("loading-skeleton");a&&a.remove(),this.getAttribute("open")!==null&&this.open()}}class Z extends ue{constructor(){super(),this.type="EMBED",this.loaded=!1}}class ee extends ue{constructor(){super(),this.type="POPUP",this.loaded=!1,this.addEventListener("click",t=>{t.stopPropagation(),this.open()})}}class Ne extends Z{}class Fe extends ee{}class He extends Z{}class Be extends ee{}window.customElements.get("squatch-embed")||window.customElements.define("squatch-embed",Ne);window.customElements.get("impact-embed")||window.customElements.define("impact-embed",He);window.customElements.get("squatch-popup")||window.customElements.define("squatch-popup",Fe);window.customElements.get("impact-popup")||window.customElements.define("impact-popup",Be);function Je(){console.log("Having trouble using Squatch.js? Go to https://docs.referralsaasquatch.com/developer/ for tutorials, references and error codes.")}const W=E("squatch-js");let F=null,H=null,B=null;function Ge(){return F||$({}),F}function G(){return H||$({}),H}function ze(){return B||$({}),B}function Ve(o){var t;return(t=G())==null?void 0:t.render(o)}function Xe(){var t;const o=Le();if(o){const{squatchConfig:e,widgetConfig:i}=o;return $(e),(t=G())==null?void 0:t.render(i)}}function $(o){const e=U(o);e.tenantAlias.match("^test")||e.debug?ve("squatch-js*"):be(),W("initializing ..."),F=new J(e),H=new T(e),B=new Re(e),W("Widget API instance",F),W("Widgets instance",H),W("Events API instance",B)}function Qe(o){o()}function Ye(o){G().autofill(o)}function pe(){Oe()}typeof document<"u"&&!window.SaaSquatchDoNotAutoDrop&&pe();var re;(re=window.squatch)!=null&&re.init&&W("Squatchjs is being loaded more than once. This may lead to multiple load events being sent, duplicated widgets, and inaccurate analytics.");typeof document<"u"&&Se();exports.DeclarativeEmbedWidget=Z;exports.DeclarativePopupWidget=ee;exports.EmbedWidget=x;exports.PopupWidget=q;exports.WidgetApi=J;exports.Widgets=T;exports._auto=Xe;exports.api=Ge;exports.autofill=Ye;exports.events=ze;exports.help=Je;exports.init=$;exports.pushCookie=pe;exports.ready=Qe;exports.widget=Ve;exports.widgets=G;
+      <script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>
+      `),h.close(),T("Popup template loaded into iframe"),await this._setupResizeHandler(s)}async _setupResizeHandler(e){const{contentWindow:n}=e;if(!n)throw new Error("Frame needs a content window");const i=n.document;K(i,async()=>{i.body.style.overflowY="hidden";let s=!0;new n.ResizeObserver(a=>{for(const d of a){const{top:c,bottom:h}=d.contentRect,u=h+c;u<=0||(s?(s=!1,e.style.height="0",e.height=i.body.scrollHeight+"",e.style.height=""):e.height=u+"",d.target.style="")}}).observe(await this._findInnerContainer(e))})}open(){const e=this.container?this._findElement():document.body,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;K(a,()=>{var c;const d=r.squatch||r.widgetIdent;(c=s.contentDocument)==null||c.dispatchEvent(new CustomEvent("sq:refresh")),this.context.user?(this._loadEvent(d),T("Popup opened")):this._attachLoadEventListener(a,d)})}close(){const e=this._findFrame();e!=null&&e.contentDocument&&this._detachLoadEventListener(e.contentDocument);const n=this.container?this._findElement():document.body,s=(n.shadowRoot||n).querySelector(`#${this.id}`);if(!s)throw new Error("Could not determine container div");s.close(),T("Popup closed")}_clickedOutside({target:e}){}_error(e,n="modal",i=""){return super._error(e,n,i||"body { margin: 0; } .modal { box-shadow: none; border: 0; }")}}const v=k("squatch-js:widgets");class S{constructor(t){l(this,"api");l(this,"tenantAlias");l(this,"domain");l(this,"npmCdn");const e=P(t);this.tenantAlias=e.tenantAlias,this.domain=e.domain,this.npmCdn=e.npmCdn,this.api=new z(e)}async upsertUser(t){const n=he(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 v(i),i.apiErrorCode&&this._renderErrorWidget(i,t.engagementMedium),new Error(i)}}async render(t){const n=ue(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 v("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 v("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(v("Rendering Widget..."),!t)throw new Error("Unable to get a response");let i,s=!!e.displayOnLoad;const r=t.jsOptions||{},a={content:t.template,type:e.widgetType||((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,u;S._matchesUrl(c.url)&&(c.widgetType!=="CONVERSION_WIDGET"||(u=(h=t.user)==null?void 0:h.referredBy)!=null&&u.code?(s=c.displayOnLoad,v(`Display ${c.widgetType} on ${c.url}`)):v(`Don't display ${c.widgetType} when no referral on widget rule match ${c.url}`))}),r.fuelTankAutofillUrls&&(v("We found a fuel tank autofill!"),r.fuelTankAutofillUrls.forEach(({url:c,formSelector:h})=>{var u,p,g;if(S._matchesUrl(c)&&(v("Fuel Tank URL matches"),(p=(u=t.user)==null?void 0:u.referredBy)!=null&&p.code)){const m=document.querySelector(h);m?m.value=((g=t.user.referredBy.referredReward)==null?void 0:g.fuelTankCode)||"":v(new Error(`Element with id/class ${h} was not found.`))}})),e.engagementMedium==="EMBED"?i=this._renderEmbedWidget(a):(i=this._renderPopupWidget(a),s&&i.open()),i}_renderPopupWidget(t){const e=new q(t,t.context.trigger);return e.load(),e}_renderEmbedWidget(t){const e=new $(t,t.context.container);return e.load(),e}_renderErrorWidget(t,e="POPUP"){const{apiErrorCode:n,rsCode:i,message:s}=t;v(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 $(r),a.load()):e==="POPUP"&&(a=new q(r),a.load())}static _matchesUrl(t){return!!window.location.href.match(new RegExp(t))}}class je{constructor(t){l(this,"tenantAlias");l(this,"domain");const n=P(t);this.tenantAlias=n.tenantAlias,this.domain=n.domain}track(t,e){const n=t,i=e,s=De(n),{jwt:r}=Ne(i),a=encodeURIComponent(this.tenantAlias),d=encodeURIComponent(s.userId),c=encodeURIComponent(s.accountId),h=`/api/v1/${a}/open/account/${c}/user/${d}/events`,u=this.domain+h;return Y(u,JSON.stringify(s),r)}}function De(o){if(!I(o))throw new Error("tracking parameter must be an object");if(!(o!=null&&o.accountId))throw new Error("accountId field is required");if(!(o!=null&&o.events))throw new Error("events field is required");if(!(o!=null&&o.userId))throw new Error("userId field is required");const t=o;if(!Array.isArray(t.events))throw new Error("'events' should be an array");return t}function Ne(o){if(!I(o))throw new Error("'options' should be an object");return o}function Fe(){var i;const o=window[V]?V:L,t=((i=window["_"+o])==null?void 0:i.ready)||[],e=window.impactOnReady||window.squatchOnReady,n=[...t,e].filter(s=>!!s);setTimeout(()=>{window[L]&&(window[V]=window[L],n.forEach(s=>s()),window[L]._auto(),window["_"+o]=void 0,delete window["_"+o])},0)}const x=k("squatch-js"),ae=o=>typeof o=="object"&&!Array.isArray(o),fe=(o,t)=>{const e=i=>ae(t[i])&&o.hasOwnProperty(i)&&ae(o[i]),n=Object.getOwnPropertyNames(t).map(i=>({[i]:e(i)?fe(o[i],t[i]):t[i]})).reduce((i,s)=>({...i,...s}),{});return{...o,...n}};function F(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 de(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 He(){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 Be(){const o=window.location.search,e=new URLSearchParams(o).get("_saasquatch")||"";if(e){let n="",i="",s="";try{n=JSON.parse(F(e))}catch(r){x("Unable to decode params",r);return}try{i=JSON.parse(F(D.get("_saasquatch"))),x("existing cookie",i)}catch(r){x("Unable to retrieve cookie",r)}try{const r=He();if(x("domain retrieved:",r),i){const a=fe(i,n);s=de(JSON.stringify(a)),x("cookie to store:",a)}else s=de(JSON.stringify(n)),x("cookie to store:",n);D.set("_saasquatch",s,{expires:365,secure:!1,sameSite:"Lax",domain:r,path:"/"})}catch(r){x("Unable to set cookie",r)}}}const j=k("squatch-js");function Je(){var u;const o=window.location.search,e=new URLSearchParams(o).get("_saasquatchExtra")||"";if(!e){j("No _saasquatchExtra param");return}const n=P({tenantAlias:"UNKNOWN"});if(!n.domain){j("domain must be provided in config to use _saasquatchExtra");return}let i;try{i=JSON.parse(F(e))}catch{j("Unable to decode _saasquatchExtra config");return}function s(p){return p.replace(/^https?:\/\//,"")}const r=s(n.domain),a=Object.keys((i==null?void 0:i[r])||{})[0],d=(u=i==null?void 0:i[r])==null?void 0:u[a];if(!d){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 ze=k("squatch-js:decodeUserJwt");function Ge(o){var t;try{const e=o.split(".")[1];if(e===void 0)return null;const n=F(e);return(t=JSON.parse(n))==null?void 0:t.user}catch(e){return ze(e),null}}const ce=k("squatch-js:DeclarativeWidget");class we 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)||A,npmCdn:Q,container:this};if(this.type==="EMBED")return new $(i);{const r=this.firstChild?null:void 0;return new q(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)||A,npmCdn:Q,container:this};if(this.type==="EMBED")return new $(n);{const s=this.firstChild?null:void 0;return new q(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=R(),this.tenant=window.squatchTenant,this.container=this}_setupApis(e){var n,i;if(!this.tenant)throw new Error("tenantAlias not provided");this.widgetApi=new z({tenantAlias:(e==null?void 0:e.tenantAlias)||this.tenant,domain:(e==null?void 0:e.domain)||((n=this.config)==null?void 0:n.domain)||A}),this.analyticsApi=new pe({domain:(e==null?void 0:e.domain)||((i=this.config)==null?void 0:i.domain)||A})}getWidgetType(e){return e&&(e.includes("websiteReferralWidget")||e.includes("friendWidget"))?"instant-access":"verified-access"}async renderPasswordlessVariant(){return this._setupApis(),ce("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=Ge(this.token);return e?(ce("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(()=>Me),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 ee extends we{constructor(){super(),this.type="EMBED",this.loaded=!1}}class te extends we{constructor(){super(),this.type="POPUP",this.loaded=!1,this.addEventListener("click",t=>{t.stopPropagation(),this.open()})}}class Ve extends ee{}class Xe extends te{}class Qe extends ee{}class Ye extends te{}window.customElements.get("squatch-embed")||window.customElements.define("squatch-embed",Ve);window.customElements.get("impact-embed")||window.customElements.define("impact-embed",Qe);window.customElements.get("squatch-popup")||window.customElements.define("squatch-popup",Xe);window.customElements.get("impact-popup")||window.customElements.define("impact-popup",Ye);function Ke(){console.log("Having trouble using Squatch.js? Go to https://docs.referralsaasquatch.com/developer/ for tutorials, references and error codes.")}const W=k("squatch-js");let H=null,B=null,J=null;function Ze(){return H||U({}),H}function G(){return B||U({}),B}function et(){return J||U({}),J}function tt(o){var t;return(t=G())==null?void 0:t.render(o)}function nt(){var t;const o=Je();if(o){const{squatchConfig:e,widgetConfig:n}=o;return U(e),(t=G())==null?void 0:t.render(n)}}function U(o){const e=P(o);e.tenantAlias.match("^test")||e.debug?Ie("squatch-js*"):_e(),W("initializing ..."),H=new z(e),B=new S(e),J=new je(e),W("Widget API instance",H),W("Widgets instance",B),W("Events API instance",J)}function it(o){o()}function ot(o){G().autofill(o)}function ye(){Be()}typeof document<"u"&&!window.SaaSquatchDoNotAutoDrop&&ye();var le;(le=window.squatch)!=null&&le.init&&W("Squatchjs is being loaded more than once. This may lead to multiple load events being sent, duplicated widgets, and inaccurate analytics.");typeof document<"u"&&Fe();exports.DeclarativeEmbedWidget=ee;exports.DeclarativePopupWidget=te;exports.EmbedWidget=$;exports.PopupWidget=q;exports.WidgetApi=z;exports.Widgets=S;exports._auto=nt;exports.api=Ze;exports.autofill=ot;exports.events=et;exports.help=Ke;exports.init=U;exports.pushCookie=ye;exports.ready=it;exports.widget=tt;exports.widgets=G;
 //# sourceMappingURL=squatch.cjs.js.map