@saasquatch/mint-components 2.0.4-9 → 2.0.5-0

package/dist/mint-components/p-5d39d345.system.entry.js

@@ -1 +0,0 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __extends=this&&this.__extends||function(){var e=function(t,n){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]};return e(t,n)};return function(t,n){e(t,n);function a(){this.constructor=t}t.prototype=n===null?Object.create(n):(a.prototype=n.prototype,new a)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++){t=arguments[n];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,a){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,s){function i(e){try{l(a.next(e))}catch(e){s(e)}}function o(e){try{l(a["throw"](e))}catch(e){s(e)}}function l(e){e.done?n(e.value):r(e.value).then(i,o)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,r,s,i;return i={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function o(e){return function(t){return l([e,t])}}function l(i){if(a)throw new TypeError("Generator is already executing.");while(n)try{if(a=1,r&&(s=i[0]&2?r["return"]:i[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,i[1])).done)return s;if(r=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;r=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){n.label=i[1];break}if(i[0]===6&&n.label<s[1]){n.label=s[1];s=i;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(i);break}if(s[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];r=0}finally{a=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var a=Array(e),r=0,t=0;t<n;t++)for(var s=arguments[t],i=0,o=s.length;i<o;i++,r++)a[r]=s[i];return a};System.register(["./p-59b028db.system.js","./p-1e156272.system.js","./p-4f5329a2.system.js","./p-171310d9.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-17a0f310.system.js","./p-8a6494c7.system.js","./p-ce81839d.system.js","./p-0935f9b7.system.js","./p-bcac83f0.system.js","./p-7159c51c.system.js","./p-67ad2252.system.js","./p-f6baa0c9.system.js","./p-7ae8fb53.system.js","./p-1363c4ab.system.js","./p-48bc3283.system.js","./p-71271fbd.system.js","./p-2403c6e1.system.js","./p-eaeddfe2.system.js","./p-0087ad39.system.js","./p-10aea972.system.js","./p-1cd0e1e9.system.js","./p-80569911.system.js","./p-b6911812.system.js","./p-33fff374.system.js","./p-e174b704.system.js","./p-64997b59.system.js","./p-6578ea31.system.js","./p-f1f6a13d.system.js","./p-a71edffc.system.js","./p-648f881e.system.js","./p-a6f4fb03.system.js","./p-19e407bd.system.js","./p-566d837b.system.js","./p-7c9520b7.system.js"],(function(e){"use strict";var t,n,a,r,s,i,o,l,d,u,c,m,p,h,g,f,b,v,x,w,y,_,q,E,k,T,C,A,D,S,R,I,P,N,F,O,L,B,G,j,W,M,U,V,z,H,Y,X,$,J,K,Z,Q,ee,te,ne,ae,re,se,ie,oe,le,de,ue,ce,me,pe,he,ge,fe,be,ve,xe,we,ye,_e,qe,Ee,ke,Te,Ce,Ae,De,Se,Re,Ie,Pe,Ne,Fe,Oe,Le;return{setters:[function(e){t=e.h;n=e.r;a=e.c},function(){},function(e){r=e.a;s=e.u;i=e.k;o=e.c;l=e.f;d=e.n},function(e){u=e.j;c=e.b;m=e.o;p=e.k;h=e.d;g=e.X},function(){},function(){},function(e){f=e.c},function(){},function(){},function(e){b=e.C},function(e){v=e.G},function(){},function(e){x=e.l},function(){},function(e){w=e.C},function(){},function(e){y=e.E},function(e){_=e.L},function(e){q=e.L},function(e){E=e.L},function(e){k=e.N},function(e){T=e.N},function(e){C=e.P},function(e){A=e.P},function(e){D=e.B},function(e){S=e.P},function(e){R=e.P},function(){},function(e){I=e.P},function(e){P=e.P},function(){},function(e){N=e.Q},function(e){F=e.S;O=e.B;L=e.a;B=e.P;G=e.b;j=e.u;W=e.T;M=e.C;U=e.c;V=e.d;z=e.e;H=e.D;Y=e.E;X=e.L;$=e.H;J=e.I;K=e.N;Z=e.f;Q=e.g;ee=e.h;te=e.i;ne=e.R;ae=e.j;re=e.r;se=e.k;ie=e.l;oe=e.m;le=e.n;de=e.o;ue=e.p;ce=e.q;me=e.s;pe=e.t;he=e.v;ge=e.w;fe=e.x;be=e.y;ve=e.z;xe=e.A;we=e.F;ye=e.G;_e=e.J;qe=e.K;Ee=e.M;ke=e.O;Te=e.Q;Ce=e.U;Ae=e.V},function(e){De=e.P;Se=e.a},function(e){Re=e.I;Ie=e.a;Pe=e.b;Ne=e.O},function(e){Fe=e.t;Oe=e.L},function(e){Le=e.L}],execute:function(){var Be=this;var Ge=1/0;var je="[object Symbol]";var We=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var Me=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;var Ue="\\ud800-\\udfff",Ve="\\u0300-\\u036f\\ufe20-\\ufe23",ze="\\u20d0-\\u20f0",He="\\u2700-\\u27bf",Ye="a-z\\xdf-\\xf6\\xf8-\\xff",Xe="\\xac\\xb1\\xd7\\xf7",$e="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",Je="\\u2000-\\u206f",Ke=" \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",Ze="A-Z\\xc0-\\xd6\\xd8-\\xde",Qe="\\ufe0e\\ufe0f",et=Xe+$e+Je+Ke;var tt="['’]",nt="["+Ue+"]",at="["+et+"]",rt="["+Ve+ze+"]",st="\\d+",it="["+He+"]",ot="["+Ye+"]",lt="[^"+Ue+et+st+He+Ye+Ze+"]",dt="\\ud83c[\\udffb-\\udfff]",ut="(?:"+rt+"|"+dt+")",ct="[^"+Ue+"]",mt="(?:\\ud83c[\\udde6-\\uddff]){2}",pt="[\\ud800-\\udbff][\\udc00-\\udfff]",ht="["+Ze+"]",gt="\\u200d";var ft="(?:"+ot+"|"+lt+")",bt="(?:"+ht+"|"+lt+")",vt="(?:"+tt+"(?:d|ll|m|re|s|t|ve))?",xt="(?:"+tt+"(?:D|LL|M|RE|S|T|VE))?",wt=ut+"?",yt="["+Qe+"]?",_t="(?:"+gt+"(?:"+[ct,mt,pt].join("|")+")"+yt+wt+")*",qt=yt+wt+_t,Et="(?:"+[it,mt,pt].join("|")+")"+qt,kt="(?:"+[ct+rt+"?",rt,mt,pt,nt].join("|")+")";var Tt=RegExp(tt,"g");var Ct=RegExp(rt,"g");var At=RegExp(dt+"(?="+dt+")|"+kt+qt,"g");var Dt=RegExp([ht+"?"+ot+"+"+vt+"(?="+[at,ht,"$"].join("|")+")",bt+"+"+xt+"(?="+[at,ht+ft,"$"].join("|")+")",ht+"?"+ft+"+"+vt,ht+"+"+xt,st,Et].join("|"),"g");var St=RegExp("["+gt+Ue+Ve+ze+Qe+"]");var Rt=/[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var It={"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","Ç":"C","ç":"c","Ð":"D","ð":"d","È":"E","É":"E","Ê":"E","Ë":"E","è":"e","é":"e","ê":"e","ë":"e","Ì":"I","Í":"I","Î":"I","Ï":"I","ì":"i","í":"i","î":"i","ï":"i","Ñ":"N","ñ":"n","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","Ù":"U","Ú":"U","Û":"U","Ü":"U","ù":"u","ú":"u","û":"u","ü":"u","Ý":"Y","ý":"y","ÿ":"y","Æ":"Ae","æ":"ae","Þ":"Th","þ":"th","ß":"ss","Ā":"A","Ă":"A","Ą":"A","ā":"a","ă":"a","ą":"a","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","ć":"c","ĉ":"c","ċ":"c","č":"c","Ď":"D","Đ":"D","ď":"d","đ":"d","Ē":"E","Ĕ":"E","Ė":"E","Ę":"E","Ě":"E","ē":"e","ĕ":"e","ė":"e","ę":"e","ě":"e","Ĝ":"G","Ğ":"G","Ġ":"G","Ģ":"G","ĝ":"g","ğ":"g","ġ":"g","ģ":"g","Ĥ":"H","Ħ":"H","ĥ":"h","ħ":"h","Ĩ":"I","Ī":"I","Ĭ":"I","Į":"I","İ":"I","ĩ":"i","ī":"i","ĭ":"i","į":"i","ı":"i","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","ĸ":"k","Ĺ":"L","Ļ":"L","Ľ":"L","Ŀ":"L","Ł":"L","ĺ":"l","ļ":"l","ľ":"l","ŀ":"l","ł":"l","Ń":"N","Ņ":"N","Ň":"N","Ŋ":"N","ń":"n","ņ":"n","ň":"n","ŋ":"n","Ō":"O","Ŏ":"O","Ő":"O","ō":"o","ŏ":"o","ő":"o","Ŕ":"R","Ŗ":"R","Ř":"R","ŕ":"r","ŗ":"r","ř":"r","Ś":"S","Ŝ":"S","Ş":"S","Š":"S","ś":"s","ŝ":"s","ş":"s","š":"s","Ţ":"T","Ť":"T","Ŧ":"T","ţ":"t","ť":"t","ŧ":"t","Ũ":"U","Ū":"U","Ŭ":"U","Ů":"U","Ű":"U","Ų":"U","ũ":"u","ū":"u","ŭ":"u","ů":"u","ű":"u","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","Ż":"Z","Ž":"Z","ź":"z","ż":"z","ž":"z","IJ":"IJ","ij":"ij","Œ":"Oe","œ":"oe","ʼn":"'n","ſ":"ss"};var Pt=typeof r=="object"&&r&&r.Object===Object&&r;var Nt=typeof self=="object"&&self&&self.Object===Object&&self;var Ft=Pt||Nt||Function("return this")();function Ot(e,t,n,a){var r=-1,s=e?e.length:0;if(a&&s){n=e[++r]}while(++r<s){n=t(n,e[r],r,e)}return n}function Lt(e){return e.split("")}function Bt(e){return e.match(We)||[]}function Gt(e){return function(t){return e==null?undefined:e[t]}}var jt=Gt(It);function Wt(e){return St.test(e)}function Mt(e){return Rt.test(e)}function Ut(e){return Wt(e)?Vt(e):Lt(e)}function Vt(e){return e.match(At)||[]}function zt(e){return e.match(Dt)||[]}var Ht=Object.prototype;var Yt=Ht.toString;var Xt=Ft.Symbol;var $t=Xt?Xt.prototype:undefined,Jt=$t?$t.toString:undefined;function Kt(e,t,n){var a=-1,r=e.length;if(t<0){t=-t>r?0:r+t}n=n>r?r:n;if(n<0){n+=r}r=t>n?0:n-t>>>0;t>>>=0;var s=Array(r);while(++a<r){s[a]=e[a+t]}return s}function Zt(e){if(typeof e=="string"){return e}if(an(e)){return Jt?Jt.call(e):""}var t=e+"";return t=="0"&&1/e==-Ge?"-0":t}function Qt(e,t,n){var a=e.length;n=n===undefined?a:n;return!t&&n>=a?e:Kt(e,t,n)}function en(e){return function(t){t=rn(t);var n=Wt(t)?Ut(t):undefined;var a=n?n[0]:t.charAt(0);var r=n?Qt(n,1).join(""):t.slice(1);return a[e]()+r}}function tn(e){return function(t){return Ot(dn(sn(t).replace(Tt,"")),e,"")}}function nn(e){return!!e&&typeof e=="object"}function an(e){return typeof e=="symbol"||nn(e)&&Yt.call(e)==je}function rn(e){return e==null?"":Zt(e)}function sn(e){e=rn(e);return e&&e.replace(Me,jt).replace(Ct,"")}var on=tn((function(e,t,n){return e+(n?" ":"")+ln(t)}));var ln=en("toUpperCase");function dn(e,t,n){e=rn(e);t=n?undefined:t;if(t===undefined){return Mt(e)?zt(e):Bt(e)}return e.match(t)||[]}var un=on;function cn(e){if(e.sheet){return e.sheet}for(var t=0;t<document.styleSheets.length;t++){if(document.styleSheets[t].ownerNode===e){return document.styleSheets[t]}}}function mn(e){var t=document.createElement("style");t.setAttribute("data-emotion",e.key);if(e.nonce!==undefined){t.setAttribute("nonce",e.nonce)}t.appendChild(document.createTextNode(""));t.setAttribute("data-s","");return t}var pn=function(){function e(e){var t=this;this._insertTag=function(e){var n;if(t.tags.length===0){n=t.prepend?t.container.firstChild:t.before}else{n=t.tags[t.tags.length-1].nextSibling}t.container.insertBefore(e,n);t.tags.push(e)};this.isSpeedy=e.speedy===undefined?"production"==="production":e.speedy;this.tags=[];this.ctr=0;this.nonce=e.nonce;this.key=e.key;this.container=e.container;this.prepend=e.prepend;this.before=null}var t=e.prototype;t.hydrate=function e(t){t.forEach(this._insertTag)};t.insert=function e(t){if(this.ctr%(this.isSpeedy?65e3:1)===0){this._insertTag(mn(this))}var n=this.tags[this.tags.length-1];if(this.isSpeedy){var a=cn(n);try{a.insertRule(t,a.cssRules.length)}catch(e){}}else{n.appendChild(document.createTextNode(t))}this.ctr++};t.flush=function e(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)}));this.tags=[];this.ctr=0};return e}();var hn="-ms-";var gn="-moz-";var fn="-webkit-";var bn="comm";var vn="rule";var xn="decl";var wn="@import";var yn="@keyframes";var _n=Math.abs;var qn=String.fromCharCode;function En(e,t){return(((t<<2^Dn(e,0))<<2^Dn(e,1))<<2^Dn(e,2))<<2^Dn(e,3)}function kn(e){return e.trim()}function Tn(e,t){return(e=t.exec(e))?e[0]:e}function Cn(e,t,n){return e.replace(t,n)}function An(e,t){return e.indexOf(t)}function Dn(e,t){return e.charCodeAt(t)|0}function Sn(e,t,n){return e.slice(t,n)}function Rn(e){return e.length}function In(e){return e.length}function Pn(e,t){return t.push(e),e}function Nn(e,t){return e.map(t).join("")}var Fn=1;var On=1;var Ln=0;var Bn=0;var Gn=0;var jn="";function Wn(e,t,n,a,r,s,i){return{value:e,root:t,parent:n,type:a,props:r,children:s,line:Fn,column:On,length:i,return:""}}function Mn(e,t,n){return Wn(e,t.root,t.parent,n,t.props,t.children,0)}function Un(){return Gn}function Vn(){Gn=Bn>0?Dn(jn,--Bn):0;if(On--,Gn===10)On=1,Fn--;return Gn}function zn(){Gn=Bn<Ln?Dn(jn,Bn++):0;if(On++,Gn===10)On=1,Fn++;return Gn}function Hn(){return Dn(jn,Bn)}function Yn(){return Bn}function Xn(e,t){return Sn(jn,e,t)}function $n(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Jn(e){return Fn=On=1,Ln=Rn(jn=e),Bn=0,[]}function Kn(e){return jn="",e}function Zn(e){return kn(Xn(Bn-1,ta(e===91?e+2:e===40?e+1:e)))}function Qn(e){while(Gn=Hn())if(Gn<33)zn();else break;return $n(e)>2||$n(Gn)>3?"":" "}function ea(e,t){while(--t&&zn())if(Gn<48||Gn>102||Gn>57&&Gn<65||Gn>70&&Gn<97)break;return Xn(e,Yn()+(t<6&&Hn()==32&&zn()==32))}function ta(e){while(zn())switch(Gn){case e:return Bn;case 34:case 39:return ta(e===34||e===39?e:Gn);case 40:if(e===41)ta(e);break;case 92:zn();break}return Bn}function na(e,t){while(zn())if(e+Gn===47+10)break;else if(e+Gn===42+42&&Hn()===47)break;return"/*"+Xn(t,Bn-1)+"*"+qn(e===47?e:zn())}function aa(e){while(!$n(Hn()))zn();return Xn(e,Bn)}function ra(e){return Kn(sa("",null,null,null,[""],e=Jn(e),0,[0],e))}function sa(e,t,n,a,r,s,i,o,l){var d=0;var u=0;var c=i;var m=0;var p=0;var h=0;var g=1;var f=1;var b=1;var v=0;var x="";var w=r;var y=s;var _=a;var q=x;while(f)switch(h=v,v=zn()){case 34:case 39:case 91:case 40:q+=Zn(v);break;case 9:case 10:case 13:case 32:q+=Qn(h);break;case 92:q+=ea(Yn()-1,7);continue;case 47:switch(Hn()){case 42:case 47:Pn(oa(na(zn(),Yn()),t,n),l);break;default:q+="/"}break;case 123*g:o[d++]=Rn(q)*b;case 125*g:case 59:case 0:switch(v){case 0:case 125:f=0;case 59+u:if(p>0&&Rn(q)-c)Pn(p>32?la(q+";",a,n,c-1):la(Cn(q," ","")+";",a,n,c-2),l);break;case 59:q+=";";default:Pn(_=ia(q,t,n,d,u,r,o,x,w=[],y=[],c),s);if(v===123)if(u===0)sa(q,t,_,_,w,s,c,o,y);else switch(m){case 100:case 109:case 115:sa(e,_,_,a&&Pn(ia(e,_,_,0,0,r,o,x,r,w=[],c),y),r,y,c,o,a?w:y);break;default:sa(q,_,_,_,[""],y,c,o,y)}}d=u=p=0,g=b=1,x=q="",c=i;break;case 58:c=1+Rn(q),p=h;default:if(g<1)if(v==123)--g;else if(v==125&&g++==0&&Vn()==125)continue;switch(q+=qn(v),v*g){case 38:b=u>0?1:(q+="\f",-1);break;case 44:o[d++]=(Rn(q)-1)*b,b=1;break;case 64:if(Hn()===45)q+=Zn(zn());m=Hn(),u=Rn(x=q+=aa(Yn())),v++;break;case 45:if(h===45&&Rn(q)==2)g=0}}return s}function ia(e,t,n,a,r,s,i,o,l,d,u){var c=r-1;var m=r===0?s:[""];var p=In(m);for(var h=0,g=0,f=0;h<a;++h)for(var b=0,v=Sn(e,c+1,c=_n(g=i[h])),x=e;b<p;++b)if(x=kn(g>0?m[b]+" "+v:Cn(v,/&\f/g,m[b])))l[f++]=x;return Wn(e,t,n,r===0?vn:o,l,d,u)}function oa(e,t,n){return Wn(e,t,n,bn,qn(Un()),Sn(e,2,-2),0)}function la(e,t,n,a){return Wn(e,t,n,xn,Sn(e,0,a),Sn(e,a+1,-1),a)}function da(e,t){switch(En(e,t)){case 5103:return fn+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return fn+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return fn+e+gn+e+hn+e+e;case 6828:case 4268:return fn+e+hn+e+e;case 6165:return fn+e+hn+"flex-"+e+e;case 5187:return fn+e+Cn(e,/(\w+).+(:[^]+)/,fn+"box-$1$2"+hn+"flex-$1$2")+e;case 5443:return fn+e+hn+"flex-item-"+Cn(e,/flex-|-self/,"")+e;case 4675:return fn+e+hn+"flex-line-pack"+Cn(e,/align-content|flex-|-self/,"")+e;case 5548:return fn+e+hn+Cn(e,"shrink","negative")+e;case 5292:return fn+e+hn+Cn(e,"basis","preferred-size")+e;case 6060:return fn+"box-"+Cn(e,"-grow","")+fn+e+hn+Cn(e,"grow","positive")+e;case 4554:return fn+Cn(e,/([^-])(transform)/g,"$1"+fn+"$2")+e;case 6187:return Cn(Cn(Cn(e,/(zoom-|grab)/,fn+"$1"),/(image-set)/,fn+"$1"),e,"")+e;case 5495:case 3959:return Cn(e,/(image-set\([^]*)/,fn+"$1"+"$`$1");case 4968:return Cn(Cn(e,/(.+:)(flex-)?(.*)/,fn+"box-pack:$3"+hn+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+fn+e+e;case 4095:case 3583:case 4068:case 2532:return Cn(e,/(.+)-inline(.+)/,fn+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(Rn(e)-1-t>6)switch(Dn(e,t+1)){case 109:if(Dn(e,t+4)!==45)break;case 102:return Cn(e,/(.+:)(.+)-([^]+)/,"$1"+fn+"$2-$3"+"$1"+gn+(Dn(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~An(e,"stretch")?da(Cn(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(Dn(e,t+1)!==115)break;case 6444:switch(Dn(e,Rn(e)-3-(~An(e,"!important")&&10))){case 107:return Cn(e,":",":"+fn)+e;case 101:return Cn(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+fn+(Dn(e,14)===45?"inline-":"")+"box$3"+"$1"+fn+"$2$3"+"$1"+hn+"$2box$3")+e}break;case 5936:switch(Dn(e,t+11)){case 114:return fn+e+hn+Cn(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return fn+e+hn+Cn(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return fn+e+hn+Cn(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return fn+e+hn+e+e}return e}function ua(e,t){var n="";var a=In(e);for(var r=0;r<a;r++)n+=t(e[r],r,e,t)||"";return n}function ca(e,t,n,a){switch(e.type){case wn:case xn:return e.return=e.return||e.value;case bn:return"";case vn:e.value=e.props.join(",")}return Rn(n=ua(e.children,a))?e.return=e.value+"{"+n+"}":""}function ma(e){var t=In(e);return function(n,a,r,s){var i="";for(var o=0;o<t;o++)i+=e[o](n,a,r,s)||"";return i}}function pa(e){return function(t){if(!t.root)if(t=t.return)e(t)}}function ha(e,t,n,a){if(!e.return)switch(e.type){case xn:e.return=da(e.value,e.length);break;case yn:return ua([Mn(Cn(e.value,"@","@"+fn),e,"")],a);case vn:if(e.length)return Nn(e.props,(function(t){switch(Tn(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ua([Mn(Cn(t,/:(read-\w+)/,":"+gn+"$1"),e,"")],a);case"::placeholder":return ua([Mn(Cn(t,/:(plac\w+)/,":"+fn+"input-$1"),e,""),Mn(Cn(t,/:(plac\w+)/,":"+gn+"$1"),e,""),Mn(Cn(t,/:(plac\w+)/,hn+"input-$1"),e,"")],a)}return""}))}}function ga(e){var t=Object.create(null);return function(n){if(t[n]===undefined)t[n]=e(n);return t[n]}}var fa=function e(t,n){var a=-1;var r=44;do{switch($n(r)){case 0:if(r===38&&Hn()===12){n[a]=1}t[a]+=aa(Bn-1);break;case 2:t[a]+=Zn(r);break;case 4:if(r===44){t[++a]=Hn()===58?"&\f":"";n[a]=t[a].length;break}default:t[a]+=qn(r)}}while(r=zn());return t};var ba=function e(t,n){return Kn(fa(Jn(t),n))};var va=new WeakMap;var xa=function e(t){if(t.type!=="rule"||!t.parent||!t.length){return}var n=t.value,a=t.parent;var r=t.column===a.column&&t.line===a.line;while(a.type!=="rule"){a=a.parent;if(!a)return}if(t.props.length===1&&n.charCodeAt(0)!==58&&!va.get(a)){return}if(r){return}va.set(t,true);var s=[];var i=ba(n,s);var o=a.props;for(var l=0,d=0;l<i.length;l++){for(var u=0;u<o.length;u++,d++){t.props[d]=s[l]?i[l].replace(/&\f/g,o[u]):o[u]+" "+i[l]}}};var wa=function e(t){if(t.type==="decl"){var n=t.value;if(n.charCodeAt(0)===108&&n.charCodeAt(2)===98){t["return"]="";t.value=""}}};var ya=[ha];var _a=function e(t){var n=t.key;if(n==="css"){var a=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(a,(function(e){var t=e.getAttribute("data-emotion");if(t.indexOf(" ")===-1){return}document.head.appendChild(e);e.setAttribute("data-s","")}))}var r=t.stylisPlugins||ya;var s={};var i;var o=[];{i=t.container||document.head;Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+n+' "]'),(function(e){var t=e.getAttribute("data-emotion").split(" ");for(var n=1;n<t.length;n++){s[t[n]]=true}o.push(e)}))}var l;var d=[xa,wa];{var u;var c=[ca,pa((function(e){u.insert(e)}))];var m=ma(d.concat(r,c));var p=function e(t){return ua(ra(t),m)};l=function e(t,n,a,r){u=a;p(t?t+"{"+n.styles+"}":n.styles);if(r){h.inserted[n.name]=true}}}var h={key:n,sheet:new pn({key:n,container:i,nonce:t.nonce,speedy:t.speedy,prepend:t.prepend}),nonce:t.nonce,inserted:s,registered:{},insert:l};h.sheet.hydrate(o);return h};function qa(e){var t=0;var n,a=0,r=e.length;for(;r>=4;++a,r-=4){n=e.charCodeAt(a)&255|(e.charCodeAt(++a)&255)<<8|(e.charCodeAt(++a)&255)<<16|(e.charCodeAt(++a)&255)<<24;n=(n&65535)*1540483477+((n>>>16)*59797<<16);n^=n>>>24;t=(n&65535)*1540483477+((n>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16)}switch(r){case 3:t^=(e.charCodeAt(a+2)&255)<<16;case 2:t^=(e.charCodeAt(a+1)&255)<<8;case 1:t^=e.charCodeAt(a)&255;t=(t&65535)*1540483477+((t>>>16)*59797<<16)}t^=t>>>13;t=(t&65535)*1540483477+((t>>>16)*59797<<16);return((t^t>>>15)>>>0).toString(36)}var Ea={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};var ka=/[A-Z]|^ms/g;var Ta=/_EMO_([^_]+?)_([^]*?)_EMO_/g;var Ca=function e(t){return t.charCodeAt(1)===45};var Aa=function e(t){return t!=null&&typeof t!=="boolean"};var Da=ga((function(e){return Ca(e)?e:e.replace(ka,"-$&").toLowerCase()}));var Sa=function e(t,n){switch(t){case"animation":case"animationName":{if(typeof n==="string"){return n.replace(Ta,(function(e,t,n){Na={name:t,styles:n,next:Na};return t}))}}}if(Ea[t]!==1&&!Ca(t)&&typeof n==="number"&&n!==0){return n+"px"}return n};function Ra(e,t,n){if(n==null){return""}if(n.__emotion_styles!==undefined){return n}switch(typeof n){case"boolean":{return""}case"object":{if(n.anim===1){Na={name:n.name,styles:n.styles,next:Na};return n.name}if(n.styles!==undefined){var a=n.next;if(a!==undefined){while(a!==undefined){Na={name:a.name,styles:a.styles,next:Na};a=a.next}}var r=n.styles+";";return r}return Ia(e,t,n)}case"function":{if(e!==undefined){var s=Na;var i=n(e);Na=s;return Ra(e,t,i)}break}}if(t==null){return n}var o=t[n];return o!==undefined?o:n}function Ia(e,t,n){var a="";if(Array.isArray(n)){for(var r=0;r<n.length;r++){a+=Ra(e,t,n[r])+";"}}else{for(var s in n){var i=n[s];if(typeof i!=="object"){if(t!=null&&t[i]!==undefined){a+=s+"{"+t[i]+"}"}else if(Aa(i)){a+=Da(s)+":"+Sa(s,i)+";"}}else{if(s==="NO_COMPONENT_SELECTOR"&&"production"!=="production"){throw new Error("Component selectors can only be used in conjunction with @emotion/babel-plugin.")}if(Array.isArray(i)&&typeof i[0]==="string"&&(t==null||t[i[0]]===undefined)){for(var o=0;o<i.length;o++){if(Aa(i[o])){a+=Da(s)+":"+Sa(s,i[o])+";"}}}else{var l=Ra(e,t,i);switch(s){case"animation":case"animationName":{a+=Da(s)+":"+l+";";break}default:{a+=s+"{"+l+"}"}}}}}}return a}var Pa=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var Na;var Fa=function e(t,n,a){if(t.length===1&&typeof t[0]==="object"&&t[0]!==null&&t[0].styles!==undefined){return t[0]}var r=true;var s="";Na=undefined;var i=t[0];if(i==null||i.raw===undefined){r=false;s+=Ra(a,n,i)}else{s+=i[0]}for(var o=1;o<t.length;o++){s+=Ra(a,n,t[o]);if(r){s+=i[o]}}Pa.lastIndex=0;var l="";var d;while((d=Pa.exec(s))!==null){l+="-"+d[1]}var u=qa(s)+l;return{name:u,styles:s,next:Na}};var Oa="object"!=="undefined";function La(e,t,n){var a="";n.split(" ").forEach((function(n){if(e[n]!==undefined){t.push(e[n]+";")}else{a+=n+" "}}));return a}var Ba=function e(t,n,a){var r=t.key+"-"+n.name;if((a===false||Oa===false)&&t.registered[r]===undefined){t.registered[r]=n.styles}if(t.inserted[n.name]===undefined){var s=n;do{var i=t.insert(n===s?"."+r:"",s,t.sheet,true);s=s.next}while(s!==undefined)}};function Ga(e,t){if(e.inserted[t.name]===undefined){return e.insert("",t,e.sheet,true)}}function ja(e,t,n){var a=[];var r=La(e,a,n);if(a.length<2){return n}return r+t(a)}var Wa=function e(t){var n=_a(t);n.sheet.speedy=function(e){this.isSpeedy=e};n.compat=true;var a=function e(){for(var t=arguments.length,a=new Array(t),r=0;r<t;r++){a[r]=arguments[r]}var s=Fa(a,n.registered,undefined);Ba(n,s,false);return n.key+"-"+s.name};var r=function e(){for(var t=arguments.length,a=new Array(t),r=0;r<t;r++){a[r]=arguments[r]}var s=Fa(a,n.registered);var i="animation-"+s.name;Ga(n,{name:s.name,styles:"@keyframes "+i+"{"+s.styles+"}"});return i};var s=function e(){for(var t=arguments.length,a=new Array(t),r=0;r<t;r++){a[r]=arguments[r]}var s=Fa(a,n.registered);Ga(n,s)};var i=function e(){for(var t=arguments.length,r=new Array(t),s=0;s<t;s++){r[s]=arguments[s]}return ja(n.registered,a,Ma(r))};return{css:a,cx:i,injectGlobal:s,keyframes:r,hydrate:function e(t){t.forEach((function(e){n.inserted[e]=true}))},flush:function e(){n.registered={};n.inserted={};n.sheet.flush()},sheet:n.sheet,cache:n,getRegisteredStyles:La.bind(null,n.registered),merge:ja.bind(null,n.registered,a)}};var Ma=function e(t){var n="";for(var a=0;a<t.length;a++){var r=t[a];if(r==null)continue;var s=void 0;switch(typeof r){case"boolean":break;case"object":{if(Array.isArray(r)){s=e(r)}else{s="";for(var i in r){if(r[i]&&i){s&&(s+=" ");s+=i}}}break}default:{s=r}}if(s){n&&(n+=" ");n+=s}}return n};var Ua=Wa({key:"css"}),Va=Ua.css;function za(){return(za=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function Ha(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Ya,Xa,$a,Ja=Va(Ya||(Ya=Ha(['\n  width: 100vw;\n  height: 100vh;\n\n  .story-book-outer-div {\n    .story-div {\n      font-family: "Arial", sans-serif;\n      font-size: 12px;\n    }\n    padding-bottom: 500px;\n  }\n\n  .story-div {\n    position: fixed;\n    box-sizing: border-box;\n    top: 0;\n    width: 250px;\n    height: 100vh;\n    z-index: 999;\n    overflow-y: scroll;\n    background: white;\n    margin-bottom: 32px;\n  }\n\n  .header {\n    padding: 24px 0 16px 16px;\n    margin-bottom: 24px;\n    color: white;\n    background: #333;\n    cursor: pointer;\n\n    h2 {\n      letter-spacing: 3px;\n      font-weight: 400;\n    }\n  }\n\n  .parentStoryList {\n    list-style: none;\n    padding-left: 16px;\n\n    summary {\n      margin-bottom: 4px;\n    }\n  }\n  .parentStory {\n    cursor: pointer;\n  }\n  .parentStory.selected {\n    font-weight: bold;\n  }\n\n  .subStory {\n    font-size: 12px;\n    cursor: pointer;\n    line-height: 1.5em;\n    margin-top: 4px;\n\n    a {\n      display: block;\n      padding: 4px 4px 4px 16px;\n    }\n  }\n  .subStory:hover {\n    background-color: #eee;\n  }\n  .subStory.selected {\n    background-color: lightgreen;\n  }\n\n  .component {\n    padding: 24px 16px;\n  }\n\n  h4.group-header {\n    margin: 8px 0;\n    text-transform: uppercase;\n    font-weight: 600;\n    font-size: 14px;\n    color: #575757;\n  }\n\n  .group-wrapper {\n    margin-bottom: 24px;\n  }\n\n  .dynamic-display-wrapper {\n    position: fixed;\n    display: flex;\n    flex-direction: column;\n    bottom: 0;\n    left: 100%;\n    padding: 16px;\n    z-index: 1000;\n    background: white;\n    transform: translateX(-100%);\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n\n    & > :not(:first-child) {\n      margin-top: 12px;\n    }\n\n    p {\n      font-size: 12px;\n      margin: 0;\n      padding: 0;\n    }\n\n    .button-wrapper {\n      display: flex;\n\n      & > :not(:first-child) {\n        margin-left: 12px;\n      }\n    }\n\n    & button {\n      border: 1px solid #eaeaea;\n      background: white;\n      border-radius: 4px;\n      color: #777;\n      padding: 4px 12px;\n      justify-content: center;\n      align-items: center;\n      text-align: center;\n\n      &.active {\n        background: #555;\n        border-color: #555;\n        color: white;\n      }\n    }\n  }\n'])));function Ka(e,t){var n,a=t.story.title.split("/"),r=a[1]?a[0]:"_";return za({},e,((n={})[r]=[].concat(e[r]||[],[{story:za({},t.story,{title:a[1]||a[0]}),subs:t.subs}]).sort((function(e,t){return e.story.title.localeCompare(t.story.title)})),n))}function Za(e){return{story:e.default,subs:function(e,t){if(null==e)return{};var n,a,r={},s=Object.keys(e);for(a=0;a<s.length;a++)t.indexOf(n=s[a])>=0||(r[n]=e[n]);return r}(e,["default"])}}function Qa(e,t){var n,a;if(e){var r=decodeURIComponent(e).split("-"),s=r[1],i=r[2],o=null==t||null==(n=t[r[0]])?void 0:n.find((function(e){return e.story.title===s})),l=null==o||null==(a=o.subs)?void 0:a[i],d={key:e,story:l,parent:null==o?void 0:o.story,label:null==l?void 0:l.name};return d.key&&d.story&&d.parent&&d.label?d:void 0}}function er(e,n){var a=n.h,r=void 0===a?t:a,o=n.title,l=void 0===o?"Stencilbook":o,d=n.homepage,u=void 0===d?r("h3",null,"Select a story!"):d,c=n.addons,m=void 0===c?[]:c,p=s((function(){return e.map(Za).reduce(Ka,{_:[]})}),e),h=decodeURIComponent(window.location.hash).replace("#",""),g=i(Qa(h,p)),f=g[0],b=g[1],v=null==f?void 0:f.key,x=i(!0),w=x[0],y=x[1],_=i(!1),q=_[0],E=_[1],k=function(){return r("div",{class:"dynamic-display-wrapper"},r("button",{class:q?"active":"",onClick:function(){return E((function(e){return!e}))}},"Toggle Dark Background"),r("button",{class:w?"active":"",onClick:function(){return y((function(e){return!e}))}},"Toggle Sidebar"))},T=Va(Xa||(Xa=Ha(["\n    max-width: ",";\n    margin-left: ",";\n  "])),"1124px",w?"250px":"0px"),C=Va($a||($a=Ha(["\n    display: none;\n  "])));document.body.style.backgroundColor=q?"#232323":"#fafafa";var A=function(e){var t=e.selected,n=m.reduce((function(e,n){return function(){return r(n,{story:za({},t)},r(e,null))}}),null==t?void 0:t.story);return r(n,null)},D=function(){return r("div",{class:"story-book-outer-div"},r("div",{class:"story-div "+(w?"":C)},r("div",{class:"header",onClick:function(){b(void 0)}},r("h2",null,l)),r("ul",{class:"parentStoryList"},Object.keys(p).sort().map((function(e){return r("div",{class:"group-wrapper"},"_"!==e&&r("h4",{class:"group-header"},e),p[e].map((function(t){return r("li",{class:"parentStory"},r("details",{style:{marginBottom:"10px"}},r("summary",{style:{outline:"none"}},t.story.title),t.subs&&Object.keys(t.subs).map((function(n){var a=e+"-"+t.story.title+"-"+n,s=t.subs[n].storyName||un(n);return r("div",{class:"subStory "+(v===a?"selected":"")},r("a",{onClick:function(){return function(e){window.location.hash=encodeURIComponent(e),b(Qa(e,p))}(a)}},s))}))))})))})))),r(k,null),r("div",{class:"component "+T},!v&&u,v&&r("div",null,r("h3",null,f.label),r(A,{selected:f}))))};return{class:Ja,children:r(D,null),View:D,selected:f}}var tr={title:"New Portal"};var nr={HeaderSubtitleBold:{"font-weight":500,"text-decoration":"underline"}};var ar=f(nr);var rr=ar.toString();var sr={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var ir={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};var or=function(){return t(k,null,t(T,Object.assign({},sr)),t(T,Object.assign({},ir)))};var lr=function(){var e={copyString:"https://ssqt.co/johnsmithrox",open:false,disabled:false,tooltiptext:"Share link copied",onClick:function(){return console.log("Share link copied")}};var n={copyString:"JOHNSMITH1",open:false,disabled:false,tooltiptext:"Share code copied",onClick:function(){return console.log("Share code copied")}};var a={medium:"twitter",loading:false,disabled:false,pill:true,type:"default",size:"medium",icon:"twitter",hideicon:false,iconslot:"prefix",onClick:function(){return"Facebook share clicked"},hide:false};var r={medium:"facebook",loading:false,disabled:false,pill:true,type:"default",size:"medium",icon:"facebook",hideicon:false,iconslot:"prefix",onClick:function(){return"Facebook share clicked"},hide:false};var s={medium:"linkedin",loading:false,disabled:false,pill:true,type:"default",size:"medium",icon:"linkedin",hideicon:false,iconslot:"prefix",onClick:function(){return"Facebook share clicked"},hide:false};return t("sqm-divided-layout",{direction:"row"},t("style",{type:"text/css"},rr),t(or,null),t("sqm-divided-layout",{direction:"column"},t(De,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),t(Se,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("p",null,"Welcome back,")),content:t("sqm-text",null,t("h1",null,"John Smith"))})),t(F,Object.assign({},{space:"64px"}),t(O,Object.assign({},{statvalue:"2,345",value:234500,loading:false}),"Clicks"),t(O,Object.assign({},{statvalue:"58",value:58,loading:false}),"Referrals"),t(O,Object.assign({},{statvalue:"$10,540",value:1054e3,loading:false}),"Earned"),t(O,Object.assign({},{statvalue:"$2,305",value:230500,loading:false}),"Awaiting Payout"))),t(De,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),t(Se,Object.assign({},{labelMargin:"x-large",padding:"none",label:t("sqm-text",null,t("h2",null,"Partner and Profit")),content:t("sqm-text",null,t("p",null,"Get rewarded for referring potential customers to MyCompany. Earn commission for each successful lead you send our way"))})),t(Se,Object.assign({},{labelMargin:"small",padding:"none",label:t("sqm-text",null,t("h3",null,"Share your referral link")),content:t(b,Object.assign({},e))})),t(Se,Object.assign({},{labelMargin:"small",padding:"none",label:t("sqm-text",null,t("h3",null,"Share your referral code")),content:t(b,Object.assign({},n))})),t(Se,Object.assign({},{labelMargin:"small",padding:"none",label:t("sqm-text",null,t("h3",null,"Share via social media")),content:t(De,Object.assign({},{direction:"row",padding:"large",gap:"xxx-large",minWidth:"150px"}),t(L,Object.assign({},a),"Post about us on X"),t(L,Object.assign({},r),"Share on Facebook"),t(L,Object.assign({},s),"Post on Linkedin"))})))))};var dr=function(){return t("sqm-divided-layout",{direction:"row"},t("style",{type:"text/css"},rr),t(or,null),t("sqm-divided-layout",{direction:"column"},t(R,Object.assign({},{states:{success:false,loading:false,submitDisabled:false,showCountry:false,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"5000"},text:{firstnametext:"First Name",lastnametext:"Last Name",emailtext:"Email",countrytext:"Country",editProfileHeader:"Edit your profile",editProfileSubHeader:"Personal Information",submitChangeButtonText:"Submit Changes"},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},onChange:function(e){return console.log(e)}}})),t(B,Object.assign({},{states:{open:true,error:"",loading:false,success:false,content:{modalChangePasswordHeader:"Change Password",cancelText:"Cancel",changePasswordButtonText:"Change Password",passwordFieldLabel:"Password",confirmPasswordFieldLabel:"Confirm new password",successMessage:"Your password has been updated.",portalChangePasswordHeader:"Password",portalChangePasswordButtonText:"Change your password..."}},callbacks:{setOpen:function(){return console.log("open")},submit:function(){return console.log("submit")}}}))))};var ur=function(){return t("sqm-divided-layout",{direction:"row"},t("style",{type:"text/css"},rr),t(or,null),t("sqm-divided-layout",{direction:"column"},t(De,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),t(Se,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("h2",null,"Commissions")),content:t("sqm-text",null,t("p",null,"for the"," ",t("span",{class:ar.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),t(F,Object.assign({},{space:"64px"}),t(O,Object.assign({},{statvalue:"$ 1,000",value:1e5,loading:false}),"Total Earned"),t(O,Object.assign({},{statvalue:"$ 800",value:8e4,loading:false}),"Available"),t(O,Object.assign({},{statvalue:"$ 180",value:18e3,loading:false}),"Pending"),t(O,Object.assign({},{statvalue:"$ 20",value:2e3,loading:false}),"Redeemed")))))};var cr=function(){return t("sqm-divided-layout",{direction:"row"},t("style",{type:"text/css"},rr),t(or,null),t("sqm-divided-layout",{direction:"column"},t(De,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),t(Se,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("h2",null,"Activity")),content:t("sqm-text",null,t("p",null,"for the"," ",t("span",{class:ar.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),t(Se,Object.assign({},{labelMargin:"x-large",padding:"none",label:t("sqm-text",null,t("h3",null,"Referral Activity")),content:t(F,Object.assign({},{space:"64px"}),t(O,Object.assign({},{statvalue:"1,000",value:1e5,loading:false}),"Total Referrals"),t(O,Object.assign({},{statvalue:"800",value:800,loading:false}),"Converted"),t(O,Object.assign({},{statvalue:"180",value:180,loading:false}),"Pending"),t(O,Object.assign({},{statvalue:"20",value:20,loading:false}),"Disqualified"))}))),t(Se,Object.assign({},{labelMargin:"x-large",padding:"xxx-large",label:t("sqm-text",null,t("h3",null,"Traffic Generated")),content:t(F,Object.assign({},{space:"64px"}),t(O,Object.assign({},{statvalue:"1,000",value:1e3,loading:false}),"Clicks"),t(O,Object.assign({},{statvalue:"800",value:800,loading:false}),"From share link"),t(O,Object.assign({},{statvalue:"180",value:180,loading:false}),"From share mediums"))}))))};var mr=Object.freeze({__proto__:null,default:tr,Dashboard:lr,EditProfile:dr,Commissions:ur,Activity:cr});var pr=function(e,n){var a=e.story;var r;var s=(r=a.story.parameters)===null||r===void 0?void 0:r.hookStory;if(!s){return n}var i=Math.round(Math.random()*1e5);var o="sqm-hook-story-container-"+i;return t(o,null,t("sqm-hook-story-container",{hookStory:s}))};function hr(e){var n=function(){return t("div",null)};n.parameters={hookStory:e};return n}var gr='<sqm-portal-protected-route require-email-verification="true" redirect-to="/login"\n  redirect-to-unverified="/emailVerification"></sqm-portal-protected-route>\n<sqm-portal-container direction="column" padding="xxx-large" gap="xxx-large">\n  <sqm-text>\n    <h1>Activity</h1>\n  </sqm-text>\n  <sqm-payout-status-alert cash-payouts-page-url="/taxAndCash"></sqm-payout-status-alert>\n  <sqm-stat-container alignment="left" space="xxxx-large" display="grid"><sqm-big-stat flex-reverse="true"\n      alignment="left" stat-type="/referralsCount"><sqm-text>\n        <p>Referrals</p>\n      </sqm-text></sqm-big-stat>\n    <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardsCountFiltered/AVAILABLE"><sqm-text>\n        <p>Rewards Earned</p>\n      </sqm-text></sqm-big-stat>\n    <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/CENTS"><sqm-text>\n        <p>Reward Balance</p>\n      </sqm-text></sqm-big-stat>\n  </sqm-stat-container>\n  <sqm-referral-table>\n    <sqm-referral-table-user-column></sqm-referral-table-user-column>\n    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\n    <sqm-referral-table-status-column></sqm-referral-table-status-column>\n    <sqm-referral-table-date-column column-title="Referred"\n      date-shown="dateReferralStarted"></sqm-referral-table-date-column> </sqm-referral-table></sqm-portal-container>';var fr='<sqm-portal-container direction="column" padding="xxx-large" gap="xxx-large"\n  ><sqm-titled-section label-margin="xx-small"\n    ><sqm-text slot="label"> <p>Welcome back,</p> </sqm-text\n    ><sqm-text slot="content">\n      <h1>\n        <sqm-user-name fallback="Anonymous User"></sqm-user-name>\n      </h1> </sqm-text\n  ></sqm-titled-section>\n  <sqm-stat-container space="xxxx-large"\n    ><sqm-big-stat\n      flex-reverse="true"\n      alignment="left"\n      stat-type="/referralsCount"\n      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\n    >\n    <sqm-big-stat\n      flex-reverse="true"\n      alignment="left"\n      stat-type="/rewardsCountFiltered/AVAILABLE"\n      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\n    >\n    <sqm-big-stat\n      flex-reverse="true"\n      alignment="left"\n      stat-type="/rewardBalance/CREDIT/CENTS"\n      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\n    >\n  </sqm-stat-container> </sqm-portal-container\n><sqm-portal-container direction="column" padding="xxx-large" gap="xxx-large">\n  <sqm-titled-section padding="none" label-margin="x-large"\n    ><sqm-text slot="label"> <h2>Partner and Profit</h2> </sqm-text\n    ><sqm-text slot="content">\n      <p>\n        Get rewarded for referring potential customers to SaaSquatch. Earn\n        commission for each successful lead you send our way\n      </p>\n    </sqm-text></sqm-titled-section\n  >\n  <sqm-titled-section label-margin="small" padding="none"\n    ><sqm-text slot="label"> <h3>Share your referral link</h3> </sqm-text\n    ><sqm-share-link slot="content"></sqm-share-link\n  ></sqm-titled-section>\n  <sqm-titled-section label-margin="small" padding="none">\n    <sqm-text slot="label"> <h3>Share your referral code</h3> </sqm-text\n    ><sqm-share-code slot="content"></sqm-share-code>\n  </sqm-titled-section>\n  <sqm-titled-section label-margin="small" padding="none"\n    ><sqm-text slot="label"> <h3>Share via social media</h3> </sqm-text\n    ><sqm-portal-container\n      slot="content"\n      direction="row"\n      padding="none"\n      gap="xxx-large"\n      min-width="160px"\n      ><sqm-share-button\n        icon="envelope"\n        medium="email"\n        size="medium"\n        pill="true"\n        >Email a friend</sqm-share-button\n      ><sqm-share-button medium="twitter" size="medium" pill="true"\n        >Post about us on X</sqm-share-button\n      ><sqm-share-button medium="facebook" size="medium" pill="true"\n        >Share on Facebook</sqm-share-button\n      ></sqm-portal-container\n    ></sqm-titled-section\n  ></sqm-portal-container\n>\n';var br='<sqm-portal-protected-route\n  require-email-verification="true"\n  redirect-to="/login"\n  redirect-to-unverified="/emailVerification"\n></sqm-portal-protected-route>\n<sqm-portal-container direction="column" gap="xxx-large">\n  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n><sqm-portal-container direction="column" gap="xxx-large">\n  <sqm-portal-change-password></sqm-portal-change-password>\n</sqm-portal-container>\n<sqm-portal-container direction="column" gap="xxx-large">\n  <sqm-portal-change-marketing></sqm-portal-change-marketing>\n</sqm-portal-container>\n';var vr='<sqm-portal-protected-route redirect-to="/login"></sqm-portal-protected-route>\n<sqm-portal-email-verification></sqm-portal-email-verification>\n';var xr="<sqm-portal-verify-email></sqm-portal-verify-email>\n";var wr='<sqm-hero background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80">\n  <sqm-portal-forgot-password\n    email-label="Business Email"\n  ></sqm-portal-forgot-password>\n</sqm-hero>\n';var yr="<sqm-referral-iframe></sqm-referral-iframe>\n";var _r='<sqm-hero background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80">\n  <sqm-portal-login></sqm-portal-login>\n</sqm-hero>\n';var qr='<sqm-portal-frame>\n  <a slot="header" href="/">\n    <sqm-text style="height: 60px">\n      <img\n        style="height: 60px"\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\n      />\n    </sqm-text>\n  </a>\n  <sqb-program-section program-id="referral-program-1">\n    <sqm-router>\n      <template\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\n      >\n        <sqm-hero\n          background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\n        >\n          <sqm-router>\n            <template path="/register">\n              <sqm-portal-register>\n                <sqm-name-fields slot="formData"></sqm-name-fields>\n              </sqm-portal-register>\n            </template>\n\n            <template path="/emailVerification">\n              <sqm-portal-protected-route\n                redirect-to="/login"\n              ></sqm-portal-protected-route>\n              <sqm-portal-email-verification></sqm-portal-email-verification>\n            </template>\n\n            <template path="/login">\n              <sqm-portal-login></sqm-portal-login>\n            </template>\n\n            <template path="/verifyEmail">\n              <sqm-portal-verify-email></sqm-portal-verify-email>\n            </template>\n\n            <template path="/forgotPassword">\n              <sqm-portal-forgot-password\n                email-label="Business Email"\n              ></sqm-portal-forgot-password>\n            </template>\n\n            <template path="/resetPassword">\n              <sqm-portal-reset-password\n                confirm-password="true"\n              ></sqm-portal-reset-password>\n            </template>\n            <template path="/logout">\n              <sqm-portal-logout next-page="/login"></sqm-portal-logout>\n            </template>\n          </sqm-router>\n        </sqm-hero>\n      </template>\n    </sqm-router>\n    <sqm-router>\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b)?">\n        <sqm-divided-layout\n          direction="row"\n          style="\n            border-top: var(--sqm-border-thickness, 1px) solid #eaeaea;\n            border-bottom: var(--sqm-border-thickness, 1px) solid #eaeaea;\n          "\n        >\n          <sqm-navigation-sidebar>\n            <sqm-program-menu>\n              <sl-menu-item value="referral-program-1"\n                >Referral Program 1</sl-menu-item\n              >\n              <sl-menu-item value="referral-program-2"\n                >Referral Program 2</sl-menu-item\n              >\n            </sqm-program-menu>\n            <sqm-navigation-sidebar-item\n              path="/"\n              icon="house"\n              label="Dashboard"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/activity"\n              icon="bar-chart"\n              label="Activity"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/editProfile"\n              icon="person"\n              label="Edit Profile"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/logout"\n              icon="box-arrow-right"\n              label="Logout"\n            ></sqm-navigation-sidebar-item>\n          </sqm-navigation-sidebar>\n          <sqm-divided-layout direction="column">\n            <sqm-router>\n              <template path="/">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqb-program-switch>\n                  <template program-id="referral-program-1">\n                    <sqb-widget\n                      widget-type="p/referral-program-1/w/referrerWidget"\n                      track-loads="true"\n                    ></sqb-widget>\n                  </template>\n                  <template program-id="referral-program-2">\n                    <sqb-widget\n                      widget-type="p/referral-program-2/w/referrerWidget"\n                      track-loads="true"\n                    ></sqb-widget>\n                  </template>\n                </sqb-program-switch>\n              </template>\n              <template path="/editProfile">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-profile></sqm-portal-profile></sqm-portal-container\n                ><sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-change-password></sqm-portal-change-password>\n                </sqm-portal-container>\n              </template>\n              <template path="/activity">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container\n                  direction="column"\n                  padding="xxx-large"\n                  gap="xxx-large"\n                >\n                  <sqm-text> <h1>Activity</h1></sqm-text>\n                  <sqm-stat-container space="xxxx-large"\n                    ><sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/referralsCount"\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardBalance/CREDIT/CENTS"\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\n                    >\n                  </sqm-stat-container>\n                  <sqm-referral-table>\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\n                    <sqm-referral-table-date-column\n                      column-title="Referred"\n                      date-shown="dateReferralStarted"\n                    ></sqm-referral-table-date-column> </sqm-referral-table\n                ></sqm-portal-container>\n              </template>\n            </sqm-router>\n          </sqm-divided-layout>\n        </sqm-divided-layout>\n      </template>\n    </sqm-router>\n  </sqb-program-section>\n  <sqm-portal-footer\n    slot="footer"\n    support-email="support@example.com"\n    terms-link="https://example.com"\n    faq-link="https://example.com"\n    terms-text="Terms And Conditions"\n    faq-text="FAQ"\n    show-powered-by="true"\n  ></sqm-portal-footer>\n</sqm-portal-frame>\n';var Er='<sqm-portal-frame>\n  <a slot="header" href="/">\n    <sqm-text style="height: 60px">\n      <img\n        style="height: 60px"\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\n      />\n    </sqm-text>\n  </a>\n  <sqb-program-section program-id="referral-program-1">\n    <sqm-hero\n      background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\n    >\n      <sqm-router>\n        <template path="/register">\n          <sqm-portal-register>\n            <sqm-name-fields slot="formData"></sqm-name-fields>\n          </sqm-portal-register>\n        </template>\n\n        <template path="/emailVerification">\n          <sqm-portal-protected-route\n            redirect-to="/login"\n          ></sqm-portal-protected-route>\n          <sqm-portal-email-verification></sqm-portal-email-verification>\n        </template>\n\n        <template path="/login">\n          <sqm-portal-login></sqm-portal-login>\n        </template>\n\n        <template path="/verifyEmail">\n          <sqm-portal-verify-email></sqm-portal-verify-email>\n        </template>\n\n        <template path="/forgotPassword">\n          <sqm-portal-forgot-password\n            email-label="Business Email"\n          ></sqm-portal-forgot-password>\n        </template>\n\n        <template path="/resetPassword">\n          <sqm-portal-reset-password\n            confirm-password="true"\n          ></sqm-portal-reset-password>\n        </template>\n        <template path="/logout">\n          <sqm-portal-logout next-page="/login"></sqm-portal-logout>\n        </template>\n      </sqm-router>\n    </sqm-hero>\n    <sqm-router>\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b)?">\n        <sqm-divided-layout\n          direction="row"\n          style="\n            border-top: var(--sqm-border-thickness, 1px) solid #eaeaea;\n            border-bottom: var(--sqm-border-thickness, 1px) solid #eaeaea;\n          "\n        >\n          <sqm-navigation-sidebar>\n            <sqm-program-menu>\n              <sl-menu-item value="referral-program-1"\n                >Referral Program 1</sl-menu-item\n              >\n              <sl-menu-item value="referral-program-2"\n                >Referral Program 2</sl-menu-item\n              >\n            </sqm-program-menu>\n            <sqm-navigation-sidebar-item\n              path="/"\n              icon="house"\n              label="Dashboard"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/activity"\n              icon="bar-chart"\n              label="Activity"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/editProfile"\n              icon="person"\n              label="Edit Profile"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/logout"\n              icon="box-arrow-right"\n              label="Logout"\n            ></sqm-navigation-sidebar-item>\n          </sqm-navigation-sidebar>\n          <sqm-divided-layout direction="column">\n            <sqm-router>\n              <template path="/">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route\n                ><sqm-portal-container\n                  direction="column"\n                  padding="xxx-large"\n                  gap="xxx-large"\n                  ><sqm-titled-section label-margin="xx-small"\n                    ><sqm-text slot="label"> <p>Welcome back,</p> </sqm-text\n                    ><sqm-text slot="content">\n                      <h1>\n                        <sqm-user-name\n                          fallback="Anonymous User"\n                        ></sqm-user-name>\n                      </h1> </sqm-text\n                  ></sqm-titled-section>\n                  <sqm-stat-container space="xxxx-large"\n                    ><sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/referralsCount"\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardBalance/CREDIT/CENTS"\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\n                    >\n                  </sqm-stat-container> </sqm-portal-container\n                ><sqm-portal-container\n                  direction="column"\n                  padding="xxx-large"\n                  gap="xxx-large"\n                >\n                  <sqm-titled-section padding="none" label-margin="x-large"\n                    ><sqm-text slot="label">\n                      <h2>Partner and Profit</h2> </sqm-text\n                    ><sqm-text slot="content">\n                      <p>\n                        Get rewarded for referring potential customers to\n                        SaaSquatch. Earn commission for each successful lead you\n                        send our way\n                      </p>\n                    </sqm-text></sqm-titled-section\n                  >\n                  <sqm-titled-section label-margin="small" padding="none"\n                    ><sqm-text slot="label">\n                      <h3>Share your referral link</h3> </sqm-text\n                    ><sqm-share-link slot="content"></sqm-share-link\n                  ></sqm-titled-section>\n                  <sqm-titled-section label-margin="small" padding="none">\n                    <sqm-text slot="label">\n                      <h3>Share your referral code</h3> </sqm-text\n                    ><sqm-share-code slot="content"></sqm-share-code>\n                  </sqm-titled-section>\n                  <sqm-titled-section label-margin="small" padding="none"\n                    ><sqm-text slot="label">\n                      <h3>Share via social media</h3> </sqm-text\n                    ><sqm-portal-container\n                      slot="content"\n                      direction="row"\n                      padding="none"\n                      gap="xxx-large"\n                      min-width="160px"\n                      ><sqm-share-button\n                        icon="envelope"\n                        medium="email"\n                        size="medium"\n                        pill="true"\n                        >Email a friend</sqm-share-button\n                      ><sqm-share-button\n                        medium="twitter"\n                        size="medium"\n                        pill="true"\n                        >Post about us on X</sqm-share-button\n                      ><sqm-share-button\n                        medium="facebook"\n                        size="medium"\n                        pill="true"\n                        >Share on Facebook</sqm-share-button\n                      ></sqm-portal-container\n                    ></sqm-titled-section\n                  ></sqm-portal-container\n                >\n              </template>\n              <template path="/editProfile">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n                ><sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-change-password></sqm-portal-change-password>\n                </sqm-portal-container>\n              </template>\n              <template path="/activity">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container\n                  direction="column"\n                  padding="xxx-large"\n                  gap="xxx-large"\n                >\n                  <sqm-text> <h1>Activity</h1></sqm-text>\n                  <sqm-stat-container space="xxxx-large"\n                    ><sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/referralsCount"\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardBalance/CREDIT/CENTS"\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\n                    >\n                  </sqm-stat-container>\n                  <sqm-referral-table>\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\n                    <sqm-referral-table-date-column\n                      column-title="Referred"\n                      date-shown="dateReferralStarted"\n                    ></sqm-referral-table-date-column> </sqm-referral-table\n                ></sqm-portal-container>\n              </template>\n            </sqm-router>\n          </sqm-divided-layout>\n        </sqm-divided-layout>\n      </template>\n    </sqm-router>\n  </sqb-program-section>\n  <sqm-portal-footer\n    slot="footer"\n    support-email="support@example.com"\n    terms-link="https://example.com"\n    faq-link="https://example.com"\n    terms-text="Terms And Conditions"\n    faq-text="FAQ"\n    show-powered-by="true"\n  ></sqm-portal-footer>\n</sqm-portal-frame>\n';var kr='<sqm-portal-frame>\n  <a slot="header" href="/">\n    <sqm-text style="height: 60px">\n      <img\n        style="height: 60px"\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\n      />\n    </sqm-text>\n  </a>\n  <sqb-program-section program-id="referral-program">\n    <sqm-router>\n      <template\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\n      >\n        <sqm-hero\n          background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\n        >\n          <sqm-router>\n            <template path="/register">\n              <sqm-portal-register>\n                <sqm-name-fields slot="formData"></sqm-name-fields>\n              </sqm-portal-register>\n            </template>\n\n            <template path="/emailVerification">\n              <sqm-portal-protected-route\n                redirect-to="/login"\n              ></sqm-portal-protected-route>\n              <sqm-portal-email-verification></sqm-portal-email-verification>\n            </template>\n\n            <template path="/login">\n              <sqm-portal-login></sqm-portal-login>\n            </template>\n\n            <template path="/verifyEmail">\n              <sqm-portal-verify-email></sqm-portal-verify-email>\n            </template>\n\n            <template path="/forgotPassword">\n              <sqm-portal-forgot-password\n                email-label="Business Email"\n              ></sqm-portal-forgot-password>\n            </template>\n\n            <template path="/resetPassword">\n              <sqm-portal-reset-password\n                confirm-password="true"\n              ></sqm-portal-reset-password>\n            </template>\n            <template path="/logout">\n              <sqm-portal-logout next-page="/login"></sqm-portal-logout>\n            </template>\n          </sqm-router>\n        </sqm-hero>\n      </template>\n    </sqm-router>\n    <sqm-router>\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b)?">\n        <sqm-divided-layout\n          direction="row"\n          style="\n            border-top: var(--sqm-border-thickness, 1px) solid #eaeaea;\n            border-bottom: var(--sqm-border-thickness, 1px) solid #eaeaea;\n          "\n        >\n          <sqm-navigation-sidebar>\n            <sqm-navigation-sidebar-item\n              path="/"\n              icon="house"\n              label="Dashboard"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/activity"\n              icon="bar-chart"\n              label="Activity"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/editProfile"\n              icon="person"\n              label="Edit Profile"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/logout"\n              icon="box-arrow-right"\n              label="Logout"\n            ></sqm-navigation-sidebar-item>\n          </sqm-navigation-sidebar>\n          <sqm-divided-layout direction="column">\n            <sqm-router>\n              <template path="/">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqb-widget\n                  widget-type="p/referral-program/w/referrerWidget"\n                  track-loads="true"\n                ></sqb-widget>\n              </template>\n              <template path="/editProfile">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n                ><sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-change-password></sqm-portal-change-password>\n                </sqm-portal-container>\n              </template>\n\n              <template path="/activity">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container\n                  direction="column"\n                  padding="xxx-large"\n                  gap="xxx-large"\n                >\n                  <sqm-text> <h1>Activity</h1></sqm-text>\n                  <sqm-stat-container space="xxxx-large"\n                    ><sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/referralsCount"\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardBalance/CREDIT/CENTS"\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\n                    >\n                  </sqm-stat-container>\n                  <sqm-referral-table>\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\n                    <sqm-referral-table-date-column\n                      column-title="Referred"\n                      date-shown="dateReferralStarted"\n                    ></sqm-referral-table-date-column> </sqm-referral-table\n                ></sqm-portal-container>\n              </template>\n            </sqm-router>\n          </sqm-divided-layout>\n        </sqm-divided-layout>\n      </template>\n    </sqm-router>\n  </sqb-program-section>\n  <sqm-portal-footer\n    slot="footer"\n    support-email="support@example.com"\n    terms-link="https://example.com"\n    faq-link="https://example.com"\n    terms-text="Terms And Conditions"\n    faq-text="FAQ"\n    show-powered-by="true"\n  ></sqm-portal-footer>\n</sqm-portal-frame>\n';var Tr='<sqm-portal-frame>\n  <a slot="header" href="/">\n    <sqm-text style="height: 60px">\n      <img\n        style="height: 60px"\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\n      />\n    </sqm-text>\n  </a>\n  <sqb-program-section program-id="referral-program">\n    <sqm-router>\n      <template\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\n      >\n        <sqm-hero\n          background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\n        >\n          <sqm-router>\n            <template path="/register">\n              <sqm-portal-register>\n                <sqm-name-fields slot="formData"></sqm-name-fields>\n              </sqm-portal-register>\n            </template>\n\n            <template path="/emailVerification">\n              <sqm-portal-protected-route\n                redirect-to="/login"\n              ></sqm-portal-protected-route>\n              <sqm-portal-email-verification></sqm-portal-email-verification>\n            </template>\n\n            <template path="/login">\n              <sqm-portal-login></sqm-portal-login>\n            </template>\n\n            <template path="/verifyEmail">\n              <sqm-portal-verify-email></sqm-portal-verify-email>\n            </template>\n\n            <template path="/forgotPassword">\n              <sqm-portal-forgot-password\n                email-label="Business Email"\n              ></sqm-portal-forgot-password>\n            </template>\n\n            <template path="/resetPassword">\n              <sqm-portal-reset-password\n                confirm-password="true"\n              ></sqm-portal-reset-password>\n            </template>\n            <template path="/logout">\n              <sqm-portal-logout next-page="/login"></sqm-portal-logout>\n            </template>\n          </sqm-router>\n        </sqm-hero>\n      </template>\n    </sqm-router>\n    <sqm-router>\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b|\\brefer\\b)?">\n        <sqm-divided-layout\n          direction="row"\n          style="\n            border-top: var(--sqm-border-thickness, 1px) solid #eaeaea;\n            border-bottom: var(--sqm-border-thickness, 1px) solid #eaeaea;\n          "\n        >\n          <sqm-navigation-sidebar>\n            <sqm-navigation-sidebar-item\n              path="/"\n              icon="house"\n              label="Dashboard"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/refer"\n              icon="inbox"\n              label="Submit A Lead"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/activity"\n              icon="bar-chart"\n              label="Activity"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/editProfile"\n              icon="person"\n              label="Edit Profile"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/logout"\n              icon="box-arrow-right"\n              label="Logout"\n            ></sqm-navigation-sidebar-item>\n          </sqm-navigation-sidebar>\n          <sqm-divided-layout direction="column">\n            <sqm-router>\n              <template path="/">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqb-widget\n                  widget-type="p/referral-program/w/referrerWidget"\n                  track-loads="true"\n                ></sqb-widget>\n              </template>\n              <template path="/editProfile">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n                ><sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-change-password></sqm-portal-change-password>\n                </sqm-portal-container>\n              </template>\n              <template path="/refer">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-referral-iframe></sqm-referral-iframe>\n              </template>\n              <template path="/activity">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container\n                  direction="column"\n                  padding="xxx-large"\n                  gap="xxx-large"\n                >\n                  <sqm-text> <h1>Activity</h1></sqm-text>\n                  <sqm-stat-container space="xxxx-large"\n                    ><sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/referralsCount"\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardBalance/CREDIT/CENTS"\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\n                    >\n                  </sqm-stat-container>\n                  <sqm-referral-table>\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\n                    <sqm-referral-table-date-column\n                      column-title="Referred"\n                      date-shown="dateReferralStarted"\n                    ></sqm-referral-table-date-column> </sqm-referral-table\n                ></sqm-portal-container>\n              </template>\n            </sqm-router>\n          </sqm-divided-layout>\n        </sqm-divided-layout>\n      </template>\n    </sqm-router>\n  </sqb-program-section>\n  <sqm-portal-footer\n    slot="footer"\n    support-email="support@example.com"\n    terms-link="https://example.com"\n    faq-link="https://example.com"\n    terms-text="Terms And Conditions"\n    faq-text="FAQ"\n    show-powered-by="true"\n  ></sqm-portal-footer>\n</sqm-portal-frame>\n';var Cr='<sqm-portal-frame>\n  <a slot="header" href="/">\n    <sqm-text style="height: 60px">\n      <img\n        style="height: 60px"\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\n      />\n    </sqm-text>\n  </a>\n  <sqb-program-section program-id="referral-program">\n    <sqm-router>\n      <template\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\n      >\n        <sqm-hero\n          background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\n        >\n          <sqm-router>\n            <template path="/register">\n              <sqm-portal-register>\n                <sqm-name-fields slot="formData"></sqm-name-fields>\n              </sqm-portal-register>\n            </template>\n\n            <template path="/emailVerification">\n              <sqm-portal-protected-route\n                redirect-to="/login"\n              ></sqm-portal-protected-route>\n              <sqm-portal-email-verification></sqm-portal-email-verification>\n            </template>\n\n            <template path="/login">\n              <sqm-portal-login></sqm-portal-login>\n            </template>\n\n            <template path="/verifyEmail">\n              <sqm-portal-verify-email></sqm-portal-verify-email>\n            </template>\n\n            <template path="/forgotPassword">\n              <sqm-portal-forgot-password\n                email-label="Business Email"\n              ></sqm-portal-forgot-password>\n            </template>\n\n            <template path="/resetPassword">\n              <sqm-portal-reset-password\n                confirm-password="true"\n              ></sqm-portal-reset-password>\n            </template>\n            <template path="/logout">\n              <sqm-portal-logout next-page="/login"></sqm-portal-logout>\n            </template>\n          </sqm-router>\n        </sqm-hero>\n      </template>\n    </sqm-router>\n    <sqm-router>\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b|\\brefer\\b)?">\n        <sqm-divided-layout\n          direction="row"\n          style="\n            border-top: var(--sqm-border-thickness, 1px) solid #eaeaea;\n            border-bottom: var(--sqm-border-thickness, 1px) solid #eaeaea;\n          "\n        >\n          <sqm-navigation-sidebar>\n            <sqm-navigation-sidebar-item\n              path="/"\n              icon="house"\n              label="Dashboard"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/refer"\n              icon="inbox"\n              label="Submit A Lead"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/activity"\n              icon="bar-chart"\n              label="Activity"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/editProfile"\n              icon="person"\n              label="Edit Profile"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/logout"\n              icon="box-arrow-right"\n              label="Logout"\n            ></sqm-navigation-sidebar-item>\n          </sqm-navigation-sidebar>\n          <sqm-divided-layout direction="column">\n            <sqm-router>\n              <template path="/">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container\n                  direction="column"\n                  padding="xxx-large"\n                  gap="xxx-large"\n                  ><sqm-titled-section label-margin="xx-small"\n                    ><sqm-text slot="label"> <p>Welcome back,</p> </sqm-text\n                    ><sqm-text slot="content">\n                      <h1>\n                        <sqm-user-name\n                          fallback="Anonymous User"\n                        ></sqm-user-name>\n                      </h1> </sqm-text\n                  ></sqm-titled-section>\n                  <sqm-stat-container space="xxxx-large"\n                    ><sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/referralsCount"\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardBalance/CREDIT/CENTS"\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\n                    >\n                  </sqm-stat-container> </sqm-portal-container\n                ><sqm-portal-container\n                  direction="column"\n                  padding="xxx-large"\n                  gap="xxx-large"\n                >\n                  <sqm-titled-section padding="none" label-margin="x-large"\n                    ><sqm-text slot="label">\n                      <h2>Partner and Profit</h2> </sqm-text\n                    ><sqm-text slot="content">\n                      <p>\n                        Get rewarded for referring potential customers to\n                        SaaSquatch. Earn commission for each successful lead you\n                        send our way\n                      </p>\n                    </sqm-text></sqm-titled-section\n                  >\n                  <sqm-titled-section label-margin="small" padding="none"\n                    ><sqm-text slot="label">\n                      <h3>Share your referral link</h3> </sqm-text\n                    ><sqm-share-link slot="content"></sqm-share-link\n                  ></sqm-titled-section>\n                  <sqm-titled-section label-margin="small" padding="none">\n                    <sqm-text slot="label">\n                      <h3>Share your referral code</h3> </sqm-text\n                    ><sqm-share-code slot="content"></sqm-share-code>\n                  </sqm-titled-section>\n                  <sqm-titled-section label-margin="small" padding="none"\n                    ><sqm-text slot="label">\n                      <h3>Share via social media</h3> </sqm-text\n                    ><sqm-portal-container\n                      slot="content"\n                      direction="row"\n                      padding="none"\n                      gap="xxx-large"\n                      min-width="160px"\n                      ><sqm-share-button\n                        icon="envelope"\n                        medium="email"\n                        size="medium"\n                        pill="true"\n                        >Email a friend</sqm-share-button\n                      ><sqm-share-button\n                        medium="twitter"\n                        size="medium"\n                        pill="true"\n                        >Post about us on X</sqm-share-button\n                      ><sqm-share-button\n                        medium="facebook"\n                        size="medium"\n                        pill="true"\n                        >Share on Facebook</sqm-share-button\n                      ></sqm-portal-container\n                    ></sqm-titled-section\n                  ></sqm-portal-container\n                >\n              </template>\n              <template path="/editProfile">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n                ><sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-change-password></sqm-portal-change-password>\n                </sqm-portal-container>\n              </template>\n              <template path="/refer">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-referral-iframe></sqm-referral-iframe>\n              </template>\n              <template path="/activity">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container\n                  direction="column"\n                  padding="xxx-large"\n                  gap="xxx-large"\n                >\n                  <sqm-text> <h1>Activity</h1></sqm-text>\n                  <sqm-stat-container space="xxxx-large"\n                    ><sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/referralsCount"\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardBalance/CREDIT/CENTS"\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\n                    >\n                  </sqm-stat-container>\n                  <sqm-referral-table>\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\n                    <sqm-referral-table-date-column\n                      column-title="Referred"\n                      date-shown="dateReferralStarted"\n                    ></sqm-referral-table-date-column> </sqm-referral-table\n                ></sqm-portal-container>\n              </template>\n            </sqm-router>\n          </sqm-divided-layout>\n        </sqm-divided-layout>\n      </template>\n    </sqm-router>\n  </sqb-program-section>\n  <sqm-portal-footer\n    slot="footer"\n    support-email="support@example.com"\n    terms-link="https://example.com"\n    faq-link="https://example.com"\n    terms-text="Terms And Conditions"\n    faq-text="FAQ"\n    show-powered-by="true"\n  ></sqm-portal-footer>\n</sqm-portal-frame>\n';var Ar='<sqm-portal-frame>\n  <a slot="header" href="/">\n    <sqm-text style="height: 60px">\n      <img\n        style="height: 60px"\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\n      />\n    </sqm-text>\n  </a>\n  <sqb-program-section program-id="referral-program">\n    <sqm-router>\n      <template\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\n      >\n        <sqm-hero\n          background="https://res.cloudinary.com/saasquatch/image/upload/v1683589787/Portal%20Assets/photo-1599676821464-3555954838dc.jpg"\n        >\n          <sqm-router>\n            <template path="/register">\n              <sqm-portal-register>\n                <sqm-name-fields slot="formData"></sqm-name-fields>\n              </sqm-portal-register>\n            </template>\n\n            <template path="/emailVerification">\n              <sqm-portal-protected-route\n                redirect-to="/login"\n              ></sqm-portal-protected-route>\n              <sqm-portal-email-verification></sqm-portal-email-verification>\n            </template>\n\n            <template path="/login">\n              <sqm-portal-login></sqm-portal-login>\n            </template>\n\n            <template path="/verifyEmail">\n              <sqm-portal-verify-email></sqm-portal-verify-email>\n            </template>\n\n            <template path="/forgotPassword">\n              <sqm-portal-forgot-password\n                email-label="Business Email"\n              ></sqm-portal-forgot-password>\n            </template>\n\n            <template path="/resetPassword">\n              <sqm-portal-reset-password\n                confirm-password="true"\n              ></sqm-portal-reset-password>\n            </template>\n            <template path="/logout">\n              <sqm-portal-logout next-page="/login"></sqm-portal-logout>\n            </template>\n          </sqm-router>\n        </sqm-hero>\n      </template>\n    </sqm-router>\n    <sqm-router>\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b)?">\n        <sqm-divided-layout\n          direction="row"\n          style="\n            border-top: var(--sqm-border-thickness, 1px) solid #eaeaea;\n            border-bottom: var(--sqm-border-thickness, 1px) solid #eaeaea;\n          "\n        >\n          <sqm-navigation-sidebar>\n            <sqm-navigation-sidebar-item\n              path="/"\n              icon="house"\n              label="Dashboard"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/activity"\n              icon="bar-chart"\n              label="Activity"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/editProfile"\n              icon="person"\n              label="Edit Profile"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/logout"\n              icon="box-arrow-right"\n              label="Logout"\n            ></sqm-navigation-sidebar-item>\n          </sqm-navigation-sidebar>\n          <sqm-divided-layout direction="column">\n            <sqm-router>\n              <template path="/">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container\n                  direction="column"\n                  padding="xxx-large"\n                  gap="xxx-large"\n                  ><sqm-titled-section label-margin="xx-small"\n                    ><sqm-text slot="label"> <p>Welcome back,</p> </sqm-text\n                    ><sqm-text slot="content">\n                      <h1>\n                        <sqm-user-name\n                          fallback="Anonymous User"\n                        ></sqm-user-name>\n                      </h1> </sqm-text\n                  ></sqm-titled-section>\n                  <sqm-stat-container space="xxxx-large"\n                    ><sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/referralsCount"\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\n                    ><sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardBalance/CREDIT/CENTS"\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\n                    >\n                  </sqm-stat-container> </sqm-portal-container\n                ><sqm-portal-container\n                  direction="column"\n                  padding="xxx-large"\n                  gap="xxx-large"\n                >\n                  <sqm-titled-section padding="none" label-margin="x-large"\n                    ><sqm-text slot="label">\n                      <h2>Partner and Profit</h2> </sqm-text\n                    ><sqm-text slot="content">\n                      <p>\n                        Get rewarded for referring potential customers to\n                        SaaSquatch. Earn commission for each successful lead you\n                        send our way\n                      </p>\n                    </sqm-text></sqm-titled-section\n                  >\n                  <sqm-titled-section label-margin="small" padding="none"\n                    ><sqm-text slot="label">\n                      <h3>Share your referral link</h3> </sqm-text\n                    ><sqm-share-link slot="content"></sqm-share-link\n                  ></sqm-titled-section>\n                  <sqm-titled-section label-margin="small" padding="none">\n                    <sqm-text slot="label">\n                      <h3>Share your referral code</h3> </sqm-text\n                    ><sqm-share-code slot="content"></sqm-share-code>\n                  </sqm-titled-section>\n                  <sqm-titled-section label-margin="small" padding="none"\n                    ><sqm-text slot="label">\n                      <h3>Share via social media</h3> </sqm-text\n                    ><sqm-portal-container\n                      slot="content"\n                      direction="row"\n                      padding="none"\n                      gap="xxx-large"\n                      min-width="160px"\n                      ><sqm-share-button\n                        icon="envelope"\n                        medium="email"\n                        size="medium"\n                        pill="true"\n                        >Email a friend</sqm-share-button\n                      ><sqm-share-button\n                        medium="twitter"\n                        size="medium"\n                        pill="true"\n                        >Post about us on X</sqm-share-button\n                      ><sqm-share-button\n                        medium="facebook"\n                        size="medium"\n                        pill="true"\n                        >Share on Facebook</sqm-share-button\n                      ></sqm-portal-container\n                    ></sqm-titled-section\n                  ></sqm-portal-container\n                >\n              </template>\n              <template path="/editProfile">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n                ><sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-change-password></sqm-portal-change-password>\n                </sqm-portal-container>\n              </template>\n\n              <template path="/activity">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container\n                  direction="column"\n                  padding="xxx-large"\n                  gap="xxx-large"\n                >\n                  <sqm-text> <h1>Activity</h1></sqm-text>\n                  <sqm-stat-container space="xxxx-large"\n                    ><sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/referralsCount"\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardBalance/CREDIT/CENTS"\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\n                    >\n                  </sqm-stat-container>\n                  <sqm-referral-table>\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\n                    <sqm-referral-table-date-column\n                      column-title="Referred"\n                      date-shown="dateReferralStarted"\n                    ></sqm-referral-table-date-column> </sqm-referral-table\n                ></sqm-portal-container>\n              </template>\n            </sqm-router>\n          </sqm-divided-layout>\n        </sqm-divided-layout>\n      </template>\n    </sqm-router>\n  </sqb-program-section>\n  <sqm-portal-footer\n    slot="footer"\n    support-email="support@example.com"\n    terms-link="https://example.com"\n    faq-link="https://example.com"\n    terms-text="Terms And Conditions"\n    faq-text="FAQ"\n    show-powered-by="true"\n  ></sqm-portal-footer>\n</sqm-portal-frame>\n';var Dr='<sqm-hero\n  background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\n>\n  <sqm-portal-register>\n    <sqm-name-fields slot="formData"></sqm-name-fields>\n  </sqm-portal-register>\n</sqm-hero>\n';var Sr='<sqm-portal-reset-password confirm-password="true"></sqm-portal-reset-password>\n';var Rr='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n\n<html\n  xmlns="http://www.w3.org/1999/xhtml"\n  xmlns:o="urn:schemas-microsoft-com:office:office"\n  xmlns:v="urn:schemas-microsoft-com:vml"\n>\n  <head>\n    \x3c!--[if gte mso 9\n      ]><xml\n        ><o:OfficeDocumentSettings\n          ><o:AllowPNG /><o:PixelsPerInch\n            >96</o:PixelsPerInch\n          ></o:OfficeDocumentSettings\n        ></xml\n      ><!\n    [endif]--\x3e\n    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />\n    <meta content="width=device-width" name="viewport" />\n    \x3c!--[if !mso]>\x3c!--\x3e\n    <meta content="IE=edge" http-equiv="X-UA-Compatible" />\n    \x3c!--<![endif]--\x3e\n    <title></title>\n    \x3c!--[if !mso]>\x3c!--\x3e\n    \x3c!--<![endif]--\x3e\n    <style type="text/css">\n      body {\n        margin: 0;\n        padding: 0;\n      }\n\n      table,\n      td,\n      tr {\n        vertical-align: top;\n        border-collapse: collapse;\n      }\n\n      * {\n        line-height: inherit;\n      }\n\n      a[x-apple-data-detectors="true"] {\n        color: inherit !important;\n        text-decoration: none !important;\n      }\n    </style>\n    <style id="media-query" type="text/css">\n      @media (max-width: 520px) {\n        .block-grid,\n        .col {\n          min-width: 320px !important;\n          max-width: 100% !important;\n          display: block !important;\n        }\n\n        .block-grid {\n          width: 100% !important;\n        }\n\n        .col {\n          width: 100% !important;\n        }\n\n        .col_cont {\n          margin: 0 auto;\n        }\n\n        img.fullwidth,\n        img.fullwidthOnMobile {\n          max-width: 100% !important;\n        }\n\n        .no-stack .col {\n          min-width: 0 !important;\n          display: table-cell !important;\n        }\n\n        .no-stack.two-up .col {\n          width: 50% !important;\n        }\n\n        .no-stack .col.num2 {\n          width: 16.6% !important;\n        }\n\n        .no-stack .col.num3 {\n          width: 25% !important;\n        }\n\n        .no-stack .col.num4 {\n          width: 33% !important;\n        }\n\n        .no-stack .col.num5 {\n          width: 41.6% !important;\n        }\n\n        .no-stack .col.num6 {\n          width: 50% !important;\n        }\n\n        .no-stack .col.num7 {\n          width: 58.3% !important;\n        }\n\n        .no-stack .col.num8 {\n          width: 66.6% !important;\n        }\n\n        .no-stack .col.num9 {\n          width: 75% !important;\n        }\n\n        .no-stack .col.num10 {\n          width: 83.3% !important;\n        }\n\n        .video-block {\n          max-width: none !important;\n        }\n\n        .mobile_hide {\n          min-height: 0px;\n          max-height: 0px;\n          max-width: 0px;\n          display: none;\n          overflow: hidden;\n          font-size: 0px;\n        }\n\n        .desktop_hide {\n          display: block !important;\n          max-height: none !important;\n        }\n      }\n    </style>\n    <style id="icon-media-query" type="text/css">\n      @media (max-width: 520px) {\n        .icons-inner {\n          text-align: center;\n        }\n\n        .icons-inner td {\n          margin: 0 auto;\n        }\n      }\n    </style>\n  </head>\n  <body\n    class="clean-body"\n    style="\n      margin: 0;\n      padding: 0;\n      -webkit-text-size-adjust: 100%;\n      background-color: #ffffff;\n    "\n  >\n    \x3c!--[if IE]><div class="ie-browser"><![endif]--\x3e\n    <table\n      bgcolor="#FFFFFF"\n      cellpadding="0"\n      cellspacing="0"\n      class="nl-container"\n      role="presentation"\n      style="\n        table-layout: fixed;\n        vertical-align: top;\n        min-width: 320px;\n        border-spacing: 0;\n        border-collapse: collapse;\n        mso-table-lspace: 0pt;\n        mso-table-rspace: 0pt;\n        background-color: #ffffff;\n        width: 100%;\n      "\n      valign="top"\n      width="100%"\n    >\n      <tbody>\n        <tr style="vertical-align: top" valign="top">\n          <td style="word-break: break-word; vertical-align: top" valign="top">\n            \x3c!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#FFFFFF"><![endif]--\x3e\n            <div style="background-color: transparent">\n              <div\n                class="block-grid"\n                style="\n                  min-width: 320px;\n                  max-width: 500px;\n                  overflow-wrap: break-word;\n                  word-wrap: break-word;\n                  word-break: break-word;\n                  margin: 0 auto;\n                  background-color: transparent;\n                "\n              >\n                <div\n                  style="\n                    border-collapse: collapse;\n                    display: table;\n                    width: 100%;\n                    background-color: transparent;\n                  "\n                >\n                  \x3c!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:500px"><tr class="layout-full-width" style="background-color:transparent"><![endif]--\x3e\n                  \x3c!--[if (mso)|(IE)]><td align="center" width="500" style="background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]--\x3e\n                  <div\n                    class="col num12"\n                    style="\n                      min-width: 320px;\n                      max-width: 500px;\n                      display: table-cell;\n                      vertical-align: top;\n                      width: 500px;\n                    "\n                  >\n                    <div class="col_cont" style="width: 100% !important">\n                      \x3c!--[if (!mso)&(!IE)]>\x3c!--\x3e\n                      <div\n                        style="\n                          border-top: 0px solid transparent;\n                          border-left: 0px solid transparent;\n                          border-bottom: 0px solid transparent;\n                          border-right: 0px solid transparent;\n                          padding-top: 5px;\n                          padding-bottom: 5px;\n                          padding-right: 0px;\n                          padding-left: 0px;\n                        "\n                      >\n                        \x3c!--<![endif]--\x3e\n                        <table\n                          cellpadding="0"\n                          cellspacing="0"\n                          role="presentation"\n                          style="\n                            table-layout: fixed;\n                            vertical-align: top;\n                            border-spacing: 0;\n                            border-collapse: collapse;\n                            mso-table-lspace: 0pt;\n                            mso-table-rspace: 0pt;\n                          "\n                          valign="top"\n                          width="100%"\n                        >\n                          <tr style="vertical-align: top" valign="top">\n                            <td\n                              align="center"\n                              style="\n                                word-break: break-word;\n                                vertical-align: top;\n                                padding-bottom: 20px;\n                                padding-left: 10px;\n                                padding-right: 10px;\n                                padding-top: 10px;\n                                text-align: center;\n                                width: 100%;\n                              "\n                              valign="top"\n                              width="100%"\n                            >\n                              <h1\n                                style="\n                                  color: #444445;\n                                  direction: ltr;\n                                  font-family: \'Helvetica Neue\', Helvetica,\n                                    Arial, sans-serif;\n                                  font-size: 20px;\n                                  font-weight: normal;\n                                  letter-spacing: normal;\n                                  line-height: 120%;\n                                  text-align: left;\n                                  margin-top: 0;\n                                  margin-bottom: 0;\n                                "\n                              >\n                                <strong>Reset your password</strong>\n                              </h1>\n                            </td>\n                          </tr>\n                        </table>\n                        \x3c!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]--\x3e\n                        <div\n                          style="\n                            color: #444445;\n                            font-family: Arial, Helvetica Neue, Helvetica,\n                              sans-serif;\n                            line-height: 1.8;\n                            padding-top: 10px;\n                            padding-right: 10px;\n                            padding-bottom: 10px;\n                            padding-left: 10px;\n                          "\n                        >\n                          <div\n                            class="txtTinyMce-wrapper"\n                            style="\n                              font-size: 14px;\n                              line-height: 1.8;\n                              color: #444445;\n                              font-family: Arial, Helvetica Neue, Helvetica,\n                                sans-serif;\n                              mso-line-height-alt: 25px;\n                            "\n                          >\n                            <p\n                              style="\n                                margin: 0;\n                                font-size: 14px;\n                                line-height: 1.8;\n                                word-break: break-word;\n                                mso-line-height-alt: 25px;\n                                margin-top: 0;\n                                margin-bottom: 0;\n                              "\n                            >\n                              <span style="font-size: 14px"\n                                >We received a request to reset your password.\n                                Click the button below to reset your\n                                password.</span\n                              >\n                            </p>\n                          </div>\n                        </div>\n                        <div\n                          align="center"\n                          class="button-container"\n                          style="\n                            padding-top: 10px;\n                            padding-right: 10px;\n                            padding-bottom: 10px;\n                            padding-left: 10px;\n                          "\n                        >\n                          \x3c!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"><tr><td style="padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px" align="center"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" target="_blank" href={{validationLink}} style="height:31.5pt;width:390pt;v-text-anchor:middle;" arcsize="12%" stroke="false" fillcolor="#2270ee"><w:anchorlock/><v:textbox inset="0,0,0,0"><center style="color:#ffffff; font-family:Arial, sans-serif; font-size:14px"><!\n                          [endif]--\x3e<a\n                            href="{{validationLink}}"\n                            target="_blank"\n                            style="\n                              -webkit-text-size-adjust: none;\n                              text-decoration: none;\n                              display: block;\n                              color: #ffffff;\n                              background-color: #2270ee;\n                              border-radius: 5px;\n                              -webkit-border-radius: 5px;\n                              -moz-border-radius: 5px;\n                              width: 100%;\n                              width: calc(100% - 2px);\n                              border-top: var(--sqm-border-thickness, 1px) solid\n                                #2270ee;\n                              border-right: var(--sqm-border-thickness, 1px)\n                                solid #2270ee;\n                              border-bottom: var(--sqm-border-thickness, 1px)\n                                solid #2270ee;\n                              border-left: var(--sqm-border-thickness, 1px)\n                                solid #2270ee;\n                              padding-top: 5px;\n                              padding-bottom: 5px;\n                              font-family: \'Helvetica Neue\', Helvetica, Arial,\n                                sans-serif;\n                              text-align: center;\n                              mso-border-alt: none;\n                              word-break: keep-all;\n                            "\n                            target="_blank"\n                            ><span\n                              style="\n                                padding-left: 20px;\n                                padding-right: 20px;\n                                font-size: 14px;\n                                display: inline-block;\n                                letter-spacing: undefined;\n                              "\n                              ><span\n                                style="\n                                  font-size: 16px;\n                                  line-height: 2;\n                                  word-break: break-word;\n                                  mso-line-height-alt: 32px;\n                                "\n                                ><span\n                                  style="font-size: 14px; line-height: 28px"\n                                  >Reset Password</span\n                                ></span\n                              ></span\n                            ></a\n                          >\n                          \x3c!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]--\x3e\n                        </div>\n                        \x3c!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 15px; padding-bottom: 15px; font-family: Arial, sans-serif"><![endif]--\x3e\n                        <div\n                          style="\n                            color: #444445;\n                            font-family: Arial, Helvetica Neue, Helvetica,\n                              sans-serif;\n                            line-height: 1.2;\n                            padding-top: 15px;\n                            padding-right: 10px;\n                            padding-bottom: 15px;\n                            padding-left: 10px;\n                          "\n                        >\n                          <div\n                            class="txtTinyMce-wrapper"\n                            style="\n                              font-size: 14px;\n                              line-height: 1.2;\n                              color: #444445;\n                              font-family: Arial, Helvetica Neue, Helvetica,\n                                sans-serif;\n                              mso-line-height-alt: 17px;\n                            "\n                          >\n                            <p\n                              style="\n                                margin: 0;\n                                font-size: 12px;\n                                line-height: 1.2;\n                                word-break: break-word;\n                                mso-line-height-alt: 14px;\n                                margin-top: 0;\n                                margin-bottom: 0;\n                              "\n                            >\n                              <span style="font-size: 12px"\n                                >If you didn\'t request a password reset please\n                                ignore this email. Your password will not\n                                change.</span\n                              >\n                            </p>\n                          </div>\n                        </div>\n                        \x3c!--[if mso]></td></tr></table><![endif]--\x3e\n                        \x3c!--[if (!mso)&(!IE)]>\x3c!--\x3e\n                      </div>\n                      \x3c!--<![endif]--\x3e\n                    </div>\n                  </div>\n                  \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\n                  \x3c!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--\x3e\n                </div>\n              </div>\n            </div>\n            \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    \x3c!--[if (IE)]></div><![endif]--\x3e\n  </body>\n</html>\n';var Ir='<sqm-portal-frame>\n  <a slot="header" href="/">\n    <sqm-text style="height: 60px">\n      <img\n        style="height: 60px"\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\n      />\n    </sqm-text>\n  </a>\n  <sqb-program-section program-id="referral-program">\n    <sqm-router>\n      <template\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\n      >\n        <sqm-hero\n          background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\n        >\n          <sqm-router>\n            <template path="/register">\n              <sqm-portal-login></sqm-portal-login>\n              <sqm-portal-register>\n                <sqm-name-fields slot="formData"></sqm-name-fields>\n              </sqm-portal-register>\n            </template>\n\n            <template path="/emailVerification">\n              <sqm-portal-protected-route\n                redirect-to="/login"\n              ></sqm-portal-protected-route>\n              <sqm-portal-email-verification></sqm-portal-email-verification>\n            </template>\n\n            <template path="/login">\n              <sqm-portal-login></sqm-portal-login>\n            </template>\n\n            <template path="/verifyEmail">\n              <sqm-portal-verify-email></sqm-portal-verify-email>\n            </template>\n\n            <template path="/forgotPassword">\n              <sqm-portal-forgot-password\n                email-label="Business Email"\n              ></sqm-portal-forgot-password>\n            </template>\n\n            <template path="/resetPassword">\n              <sqm-portal-reset-password\n                confirm-password="true"\n              ></sqm-portal-reset-password>\n            </template>\n            <template path="/logout">\n              <sqm-portal-logout next-page="/login"></sqm-portal-logout>\n            </template>\n          </sqm-router>\n        </sqm-hero>\n      </template>\n    </sqm-router>\n    <sqm-router>\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b|\\brefer\\b)?">\n        <sqm-divided-layout\n          direction="row"\n          style="\n            border-top: var(--sqm-border-thickness, 1px) solid #eaeaea;\n            border-bottom: var(--sqm-border-thickness, 1px) solid #eaeaea;\n          "\n        >\n          <sqm-navigation-sidebar>\n            <sqm-navigation-sidebar-item\n              path="/"\n              icon="house"\n              label="Dashboard"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/activity"\n              icon="bar-chart"\n              label="Activity"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/editProfile"\n              icon="person"\n              label="Edit Profile"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/taxAndCash"\n              icon="file-earmark-text"\n              label="Tax & Payout Settings"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path="/logout"\n              icon="box-arrow-right"\n              label="Logout"\n            ></sqm-navigation-sidebar-item>\n          </sqm-navigation-sidebar>\n          <sqm-divided-layout direction="column" content-area-width="1200px">\n            <sqm-router>\n              <template path="/">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqb-widget\n                  widget-type="p/referral-program/w/referrerWidget"\n                  track-loads="true"\n                ></sqb-widget>\n              </template>\n              <template path="/editProfile">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n                ><sqm-portal-container direction="column" gap="xxx-large">\n                  <sqm-portal-change-password></sqm-portal-change-password>\n                </sqm-portal-container>\n              </template>\n              <template path="/refer">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-referral-iframe></sqm-referral-iframe>\n              </template>\n              <template path="/activity">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container\n                  direction="column"\n                  padding="xxx-large"\n                  gap="xxx-large"\n                >\n                  <sqm-text>\n                    <h1>Activity</h1>\n                  </sqm-text>\n                  <sqm-stat-container space="xxxx-large"\n                    ><sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/referralsCount"\n                      ><sqm-text>\n                        <p>Referrals</p>\n                      </sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\n                      ><sqm-text>\n                        <p>Rewards Earned</p>\n                      </sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse="true"\n                      alignment="left"\n                      stat-type="/rewardBalance/CREDIT/CENTS"\n                      ><sqm-text>\n                        <p>Reward Balance</p>\n                      </sqm-text></sqm-big-stat\n                    >\n                  </sqm-stat-container>\n                  <sqm-referral-table>\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\n                    <sqm-referral-table-date-column\n                      column-title="Referred"\n                      date-shown="dateReferralStarted"\n                    ></sqm-referral-table-date-column> </sqm-referral-table\n                ></sqm-portal-container>\n              </template>\n              <template path="/taxAndCash">\n                <sqm-portal-protected-route\n                  require-email-verification="true"\n                  redirect-to="/login"\n                  redirect-to-unverified="/emailVerification"\n                ></sqm-portal-protected-route>\n                <sqm-tax-and-cash\n                  step-1_first-name="First name"\n                  step-1_last-name="Last name"\n                  step-1_email="Email"\n                  step-1_country="Country"\n                  step-1_phone-number="Phone number"\n                  step-1_address="Address"\n                  step-1_city="City"\n                  step-1_state="State"\n                  step-1_province="Province"\n                  step-1_region="Region"\n                  step-1_postal-code="Postal code"\n                  step-1_currency="Currency"\n                  step-1_currency-help-text="Choose your preferred payout currency"\n                  step-1_allow-banking-collection="I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"\n                  step-1_personal-information="Personal Information"\n                  step-1_terms-and-conditions-label="terms and conditions"\n                  step-1_terms-and-conditions-link="/payout-terms-and-conditions"\n                  step-1_search-for-currency-text="Search for currency.."\n                  step-2_indirect-tax="Indirect Tax"\n                  step-2_indirect-tax-description="Indirect taxes (e.g. VAT, HST, GST) are transaction based taxes often applied to goods and services. Service providers are typically required to register with their tax authority and collect these taxes on behalf governments."\n                  step-2_indirect-tax-details="Indirect tax details"\n                  step-2_other-region="Registered for indirect tax"\n                  step-2_other-region-subtext="If you’ve registered with your tax authority, add your information to stay tax compliant."\n                  step-2_not-registered="Not registered for indirect tax"\n                  step-2_not-registered-subtext="If you’ve never set up indirect tax with your tax authority, then you’re likely not considered registered."\n                  step-2_selected-region="Country / region of indirect tax"\n                  step-2_indirect-tax-number="{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"\n                  step-2_province="Province"\n                  step-2_indirect-tax-number-error="{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"\n                  step-2_qst-number="QST number"\n                  step-2_is-registered-q-s-t="I am registered for QST Tax"\n                  step-2_is-registered-sub-region-income-tax="I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."\n                  step-2_sub-region="Sub-region"\n                  step-2_sub-region-tax-number-label="Income Tax Number"\n                  step-2_cannot-change-info-alert="Changes to your personal and indirect tax information can only be made through our Support team after you complete this step. Make sure these are correct before continuing."\n                  step-3_tax-form="Tax form"\n                  step-3_tax-form-label="{documentType} Tax Form"\n                  step-3_participant-type="Participant type"\n                  step-3_business-entity="I represent a business"\n                  step-3_individual-participant="I am an individual participant"\n                  step-3_tax-form-description="Participants based in the US need to submit a {documentType} form."\n                  step-3_tax-form-description-individual-participant="Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."\n                  step-3_tax-form-description-business-entity="Participants residing outside of the US working with a US Brand need to submit a {documentType} form."\n                  step-3_docusign-expired="For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."\n                  step-3_docusign-session-warning="For your security, we automatically end your session when you have not interacted with the form after 20 minutes."\n                  step-3_docusign-error="There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."\n                  step-3_refresh-button="Refresh Page"\n                  step-3_exit-button="Exit"\n                  step-3_modal-title="Important Note"\n                  step-3_modal-description="Remember the name you enter in your tax form. It must exactly match the bank account holder name configured in the next step. {br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout."\n                  step-3_modal-button-text="I understand"\n                  step-4_tax-and-payouts="Payouts"\n                  step-4_directly-to-bank-account="Directly to my bank account"\n                  step-4_to-pay-pal-account="PayPal (2% processing fee capped to {feeCap})"\n                  step-4_payment-schedule-balance-threshold="Pay me when my balance reaches a threshold"\n                  step-4_payment-schedule-fixed-day="Pay me on a fixed day of the month"\n                  step-4_payment-day-select-label="Payment Day"\n                  step-4_payment-threshold-select-label="Payment threshold"\n                  step-4_payment-day-first-of-month-label-text="1st of the month"\n                  step-4_payment-day-fifteenth-of-month-label-text="15th of the month"\n                  step-4_payment-method="Payment method"\n                  step-4_payment-schedule="Payment schedule"\n                  step-4_payment-method-subtext="Payouts will be sent from our referral program provider, impact.com."\n                  step-4_pay-pal-input-label="PayPal email"\n                  step-4_bank-location-label="Bank country location"\n                  step-4_beneficiary-account-name-label="Account holder name"\n                  step-4_beneficiary-account-name-description="The beneficiary name of your bank account. Ensure this matches the name on your tax form."\n                  step-4_bank-account-type-label="Bank account type"\n                  step-4_checking-select-item-label="Checking"\n                  step-4_savings-select-item-label="Savings"\n                  step-4_bank-account-number-label="Bank account number"\n                  step-4_iban-label="IBAN"\n                  step-4_swift-code-label="SWIFT code"\n                  step-4_routing-code-label="{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"\n                  step-4_bank-name-label="Bank name"\n                  step-4_classification-entity-label="Classification entity"\n                  step-4_business-select-item-label="Business"\n                  step-4_individual-select-item-label="Individual"\n                  step-4_foreign-select-item-label="Foreign"\n                  step-4_classification-c-p-f-label="Classification CPF"\n                  step-4_patronymic-name-label="Patronymic name"\n                  step-4_vo-code-label="VO code"\n                  step-4_agency-code-label="Agency code"\n                  step-4_branch-code-label="Branch code"\n                  step-4_classification-label="Classification"\n                  step-4_tax-payer-id-label="Beneficiary INN"\n                  step-4-bank-address-label="Bank address"\n                  step-4_bank-city-label="Bank city"\n                  step-4_bank-state-label="Bank Province / State"\n                  step-4_bank-postal-code-label="Bank postal code"\n                  step-4_eft-withdrawal-label="EFT Withdrawal (free)"\n                  step-4_fx-wire-processing-fee-label="FX Wire (Processing Fee {currency}{defaultFxFee}.00)"\n                  step-4_modal-title="Important Note"\n                  step-4_modal-description="Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped."\n                  step-4_modal-button-text="I understand, update my information"\n                  dashboard_status-text-active="Active"\n                  dashboard_status-text-not-active="Invalid Tax Form"\n                  dashboard_status-text-not-verified="Not Verified"\n                  dashboard_badge-text-submitted-on="Submitted on {dateSubmitted}."\n                  dashboard_badge-text-submitted-on-w-8="Submitted on {dateSubmitted}. Valid for three years after submission."\n                  dashboard_badge-text-awaiting-review="Awaiting review. Submitted on {dateSubmitted}."\n                  dashboard_tax-alert-header-not-active-w-9="Your W-9 tax form has personal information that doesn’t match your profile"\n                  dashboard_tax-alert-header-not-active-w-8="{documentType} tax form is invalid"\n                  dashboard_tax-alert-not-active-message-w-9="Please resubmit a new {documentType} form."\n                  dashboard_tax-alert-not-active-message-w-8="Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."\n                  dashboard_invalid-form="Make sure your information is correct and submit new form."\n                  dashboard_banking-information-section-header="Payout Information"\n                  dashboard_tax-document-section-header="Tax documents"\n                  dashboard_tax-document-section-sub-header="{documentType} tax form"\n                  dashboard_no-form-needed-subtext="Tax documents are only required if you are based in the US or joining the referral program of a US based brand."\n                  dashboard_indirect-tax-info-section-header="Indirect tax"\n                  dashboard_indirect-tax-info-spain="Registered in {country}, {subRegion}"\n                  dashboard_indirect-tax-info-other-country="Registered in {country}"\n                  dashboard_indirect-tax-info-canada="Registered in {province}, {country}"\n                  dashboard_indirect-tax-tooltip-support="To make changes to your indirect tax information, please contact Support."\n                  dashboard_indirect-tax-details="{indirectTaxType} number: {indirectTaxNumber}"\n                  dashboard_new-form-button="Submit new tax form"\n                  dashboard_edit-payment-information-button="Edit payout information"\n                  dashboard_not-registered-for-tax="Not registered for indirect tax. If you’ve previously registered with your tax authority, contact Support to add your information to stay tax compliant."\n                  dashboard_qst-number="QST number: {qstNumber}"\n                  dashboard_sub-region-tax-number="Income tax number: {subRegionTaxNumber}"\n                  dashboard_status-badge-text="{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"\n                  dashboard_threshold-payout-text="Next payout occurs when balance is {thresholdBalance}"\n                  dashboard_account-text="Account"\n                  dashboard_invoice-column-title="Invoice"\n                  dashboard_date-column-title="Date"\n                  dashboard_earnings-column-title="Earnings"\n                  dashboard_indirect-tax-column-title="Indirect tax"\n                  dashboard_payout-from-impact="Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."\n                  dashboard_earnings-after-tax-column-title="Earnings after tax"\n                  dashboard_error-title-text="Your payout is on hold "\n                  dashboard_error-description-text="If you’ve recently added your payout information, please wait while we verify your information. If it’s still on hold after a few days, please contact Support or check your inbox for an email from our referral program provider, impact.com."\n                  dashboard_payout-missing-information-text="Missing banking information, go to Impact.com to resolve."\n                  dashboard_invoice-description="View and download your invoices to report your earnings and stay tax compliant."\n                  dashboard_invoice-prev-label="Prev"\n                  dashboard_invoice-more-label="Next"\n                  dashboard_invoice-header="Invoices"\n                  dashboard_invoice-empty-state-header="View your invoice details"\n                  dashboard_invoice-empty-state-text="Refer a friend to view the status of your invoices and rewards earned"\n                  dashboard_replace-tax-form-modal-header="Replace existing tax form"\n                  dashboard_replace-tax-form-modal-body-text="Submitting a new tax form will remove your existing form. Make sure to sign and complete your new tax form to prevent any issues with your next payout."\n                  form-step="Step {step} of {count}"\n                  general-error-title="There was a problem submitting your information"\n                  general-error-description="Please review your information and try again. If this problem continues, contact Support."\n                  field-required-error="{fieldName} is required"\n                  invalid-character-error="{fieldName} includes characters that aren\'t supported."\n                  field-invalid-error="{fieldName} is invalid"\n                  continue-button="Continue"\n                  back-button="Back"\n                  cancel-button="Cancel"\n                  is-partner-alert-header="An account with this email already exists with our referral program provider, impact.com"\n                  is-partner-alert-description="If you don’t recognize this referral program provider or believe this is a mistake, please contact Support or sign up for this referral program with a different email."\n                  search-for-country-text="Search for country.."\n                  loading-error-alert-header="There was a problem loading your form"\n                  loading-error-alert-description="Please refresh the page and try again. If this problem continues, contact Support."\n                  tax-and-payouts-description="Submit your tax documents and add your banking information to receive your rewards."\n                ></sqm-tax-and-cash>\n              </template>\n            </sqm-router>\n          </sqm-divided-layout>\n        </sqm-divided-layout>\n      </template>\n    </sqm-router>\n  </sqb-program-section>\n  <sqm-portal-footer\n    slot="footer"\n    support-email="support@example.com"\n    terms-link="https://example.com"\n    faq-link="https://example.com"\n    terms-text="Terms And Conditions"\n    faq-text="FAQ"\n    show-powered-by="true"\n  ></sqm-portal-footer>\n</sqm-portal-frame>\n';var Pr='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n\n<html\n  xmlns="http://www.w3.org/1999/xhtml"\n  xmlns:o="urn:schemas-microsoft-com:office:office"\n  xmlns:v="urn:schemas-microsoft-com:vml"\n>\n  <head>\n    \x3c!--[if gte mso 9\n      ]><xml\n        ><o:OfficeDocumentSettings\n          ><o:AllowPNG /><o:PixelsPerInch\n            >96</o:PixelsPerInch\n          ></o:OfficeDocumentSettings\n        ></xml\n      ><!\n    [endif]--\x3e\n    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />\n    <meta content="width=device-width" name="viewport" />\n    \x3c!--[if !mso]>\x3c!--\x3e\n    <meta content="IE=edge" http-equiv="X-UA-Compatible" />\n    \x3c!--<![endif]--\x3e\n    <title></title>\n    \x3c!--[if !mso]>\x3c!--\x3e\n    \x3c!--<![endif]--\x3e\n    <style type="text/css">\n      body {\n        margin: 0;\n        padding: 0;\n      }\n\n      table,\n      td,\n      tr {\n        vertical-align: top;\n        border-collapse: collapse;\n      }\n\n      * {\n        line-height: inherit;\n      }\n\n      a[x-apple-data-detectors="true"] {\n        color: inherit !important;\n        text-decoration: none !important;\n      }\n    </style>\n    <style id="media-query" type="text/css">\n      @media (max-width: 520px) {\n        .block-grid,\n        .col {\n          min-width: 320px !important;\n          max-width: 100% !important;\n          display: block !important;\n        }\n\n        .block-grid {\n          width: 100% !important;\n        }\n\n        .col {\n          width: 100% !important;\n        }\n\n        .col_cont {\n          margin: 0 auto;\n        }\n\n        img.fullwidth,\n        img.fullwidthOnMobile {\n          max-width: 100% !important;\n        }\n\n        .no-stack .col {\n          min-width: 0 !important;\n          display: table-cell !important;\n        }\n\n        .no-stack.two-up .col {\n          width: 50% !important;\n        }\n\n        .no-stack .col.num2 {\n          width: 16.6% !important;\n        }\n\n        .no-stack .col.num3 {\n          width: 25% !important;\n        }\n\n        .no-stack .col.num4 {\n          width: 33% !important;\n        }\n\n        .no-stack .col.num5 {\n          width: 41.6% !important;\n        }\n\n        .no-stack .col.num6 {\n          width: 50% !important;\n        }\n\n        .no-stack .col.num7 {\n          width: 58.3% !important;\n        }\n\n        .no-stack .col.num8 {\n          width: 66.6% !important;\n        }\n\n        .no-stack .col.num9 {\n          width: 75% !important;\n        }\n\n        .no-stack .col.num10 {\n          width: 83.3% !important;\n        }\n\n        .video-block {\n          max-width: none !important;\n        }\n\n        .mobile_hide {\n          min-height: 0px;\n          max-height: 0px;\n          max-width: 0px;\n          display: none;\n          overflow: hidden;\n          font-size: 0px;\n        }\n\n        .desktop_hide {\n          display: block !important;\n          max-height: none !important;\n        }\n      }\n    </style>\n    <style id="icon-media-query" type="text/css">\n      @media (max-width: 520px) {\n        .icons-inner {\n          text-align: center;\n        }\n\n        .icons-inner td {\n          margin: 0 auto;\n        }\n      }\n    </style>\n  </head>\n  <body\n    class="clean-body"\n    style="\n      margin: 0;\n      padding: 0;\n      -webkit-text-size-adjust: 100%;\n      background-color: #ffffff;\n    "\n  >\n    \x3c!--[if IE]><div class="ie-browser"><![endif]--\x3e\n    <table\n      bgcolor="#FFFFFF"\n      cellpadding="0"\n      cellspacing="0"\n      class="nl-container"\n      role="presentation"\n      style="\n        table-layout: fixed;\n        vertical-align: top;\n        min-width: 320px;\n        border-spacing: 0;\n        border-collapse: collapse;\n        mso-table-lspace: 0pt;\n        mso-table-rspace: 0pt;\n        background-color: #ffffff;\n        width: 100%;\n      "\n      valign="top"\n      width="100%"\n    >\n      <tbody>\n        <tr style="vertical-align: top" valign="top">\n          <td style="word-break: break-word; vertical-align: top" valign="top">\n            \x3c!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#FFFFFF"><![endif]--\x3e\n            <div style="background-color: transparent">\n              <div\n                class="block-grid"\n                style="\n                  min-width: 320px;\n                  max-width: 500px;\n                  overflow-wrap: break-word;\n                  word-wrap: break-word;\n                  word-break: break-word;\n                  margin: 0 auto;\n                  background-color: transparent;\n                "\n              >\n                <div\n                  style="\n                    border-collapse: collapse;\n                    display: table;\n                    width: 100%;\n                    background-color: transparent;\n                  "\n                >\n                  \x3c!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:500px"><tr class="layout-full-width" style="background-color:transparent"><![endif]--\x3e\n                  \x3c!--[if (mso)|(IE)]><td align="center" width="500" style="background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]--\x3e\n                  <div\n                    class="col num12"\n                    style="\n                      min-width: 320px;\n                      max-width: 500px;\n                      display: table-cell;\n                      vertical-align: top;\n                      width: 500px;\n                    "\n                  >\n                    <div class="col_cont" style="width: 100% !important">\n                      \x3c!--[if (!mso)&(!IE)]>\x3c!--\x3e\n                      <div\n                        style="\n                          border-top: 0px solid transparent;\n                          border-left: 0px solid transparent;\n                          border-bottom: 0px solid transparent;\n                          border-right: 0px solid transparent;\n                          padding-top: 5px;\n                          padding-bottom: 5px;\n                          padding-right: 0px;\n                          padding-left: 0px;\n                        "\n                      >\n                        \x3c!--<![endif]--\x3e\n                        <table\n                          cellpadding="0"\n                          cellspacing="0"\n                          role="presentation"\n                          style="\n                            table-layout: fixed;\n                            vertical-align: top;\n                            border-spacing: 0;\n                            border-collapse: collapse;\n                            mso-table-lspace: 0pt;\n                            mso-table-rspace: 0pt;\n                          "\n                          valign="top"\n                          width="100%"\n                        >\n                          <tr style="vertical-align: top" valign="top">\n                            <td\n                              align="center"\n                              style="\n                                word-break: break-word;\n                                vertical-align: top;\n                                padding-bottom: 20px;\n                                padding-left: 10px;\n                                padding-right: 10px;\n                                padding-top: 10px;\n                                text-align: center;\n                                width: 100%;\n                              "\n                              valign="top"\n                              width="100%"\n                            >\n                              <h1\n                                style="\n                                  color: #444445;\n                                  direction: ltr;\n                                  font-family: \'Helvetica Neue\', Helvetica,\n                                    Arial, sans-serif;\n                                  font-size: 20px;\n                                  font-weight: normal;\n                                  letter-spacing: normal;\n                                  line-height: 120%;\n                                  text-align: left;\n                                  margin-top: 0;\n                                  margin-bottom: 0;\n                                "\n                              >\n                                <strong>Submit your tax and payout info to receive your rewards</strong>\n                              </h1>\n                            </td>\n                          </tr>\n                        </table>\n                        \x3c!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]--\x3e\n                        <div\n                          style="\n                            color: #444445;\n                            font-family: Arial, Helvetica Neue, Helvetica,\n                              sans-serif;\n                            line-height: 1.8;\n                            padding-top: 10px;\n                            padding-right: 10px;\n                            padding-bottom: 10px;\n                            padding-left: 10px;\n                          "\n                        >\n                          <div\n                            class="txtTinyMce-wrapper"\n                            style="\n                              font-size: 14px;\n                              line-height: 1.8;\n                              color: #444445;\n                              font-family: Arial, Helvetica Neue, Helvetica,\n                                sans-serif;\n                              mso-line-height-alt: 25px;\n                            "\n                          >\n                            <p\n                              style="\n                                margin: 0;\n                                font-size: 14px;\n                                line-height: 1.8;\n                                word-break: break-word;\n                                mso-line-height-alt: 25px;\n                                margin-top: 0;\n                                margin-bottom: 0;\n                              "\n                            >\n                              <span style="font-size: 14px"\n                                >Congratulations! You earned a cash reward in our {{programName}}. To\n                                receive your reward payment, log in to your account and submit your\n                                tax and payout information.</span\n                              >\n                            </p>\n                          </div>\n                        </div>\n                        \x3c!--[if mso]></td></tr></table><![endif]--\x3e\n                        <div\n                          align="center"\n                          class="button-container"\n                          style="\n                            padding-top: 10px;\n                            padding-right: 10px;\n                            padding-bottom: 10px;\n                            padding-left: 10px;\n                          "\n                        >\n                          \x3c!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"><tr><td style="padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px" align="center"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" target="_blank" href={{validationLink}} style="height:31.5pt;width:390pt;v-text-anchor:middle;" arcsize="12%" stroke="false" fillcolor="#2270ee"><w:anchorlock/><v:textbox inset="0,0,0,0"><center style="color:#ffffff; font-family:Arial, sans-serif; font-size:14px"><!\n                          [endif]--\x3e<a\n                            href={{loginLink}}\n\t\t\t\t\t\t\ttarget="_blank"\n                            style="\n                              -webkit-text-size-adjust: none;\n                              text-decoration: none;\n                              display: block;\n                              color: #ffffff;\n                              background-color: #2270ee;\n                              border-radius: 5px;\n                              -webkit-border-radius: 5px;\n                              -moz-border-radius: 5px;\n                              width: 100%;\n                              width: calc(100% - 2px);\n                              border-top: var(--sqm-border-thickness, 1px) solid #2270ee;\n                              border-right: var(--sqm-border-thickness, 1px) solid #2270ee;\n                              border-bottom: var(--sqm-border-thickness, 1px) solid #2270ee;\n                              border-left: var(--sqm-border-thickness, 1px) solid #2270ee;\n                              padding-top: 5px;\n                              padding-bottom: 5px;\n                              font-family: \'Helvetica Neue\', Helvetica, Arial,\n                                sans-serif;\n                              text-align: center;\n                              mso-border-alt: none;\n                              word-break: keep-all;\n                            "\n                            target="_blank"\n                            ><span\n                              style="\n                                padding-left: 20px;\n                                padding-right: 20px;\n                                font-size: 14px;\n                                display: inline-block;\n                                letter-spacing: undefined;\n                              "\n                              ><span\n                                style="\n                                  font-size: 16px;\n                                  line-height: 2;\n                                  word-break: break-word;\n                                  mso-line-height-alt: 32px;\n                                "\n                                ><span\n                                  style="font-size: 14px; line-height: 28px"\n                                  >Log In</span\n                                ></span\n                              ></span\n                            ></a\n                          >\n                          \x3c!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]--\x3e\n                        </div>\n                      \x3c!--<![endif]--\x3e\n                    </div>\n                  </div>\n                  \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\n                  \x3c!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--\x3e\n                </div>\n              </div>\n            </div>\n            \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    \x3c!--[if (IE)]></div><![endif]--\x3e\n  </body>\n</html>';var Nr='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n\n<html\n  xmlns="http://www.w3.org/1999/xhtml"\n  xmlns:o="urn:schemas-microsoft-com:office:office"\n  xmlns:v="urn:schemas-microsoft-com:vml"\n>\n  <head>\n    \x3c!--[if gte mso 9\n      ]><xml\n        ><o:OfficeDocumentSettings\n          ><o:AllowPNG /><o:PixelsPerInch\n            >96</o:PixelsPerInch\n          ></o:OfficeDocumentSettings\n        ></xml\n      ><!\n    [endif]--\x3e\n    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />\n    <meta content="width=device-width" name="viewport" />\n    \x3c!--[if !mso]>\x3c!--\x3e\n    <meta content="IE=edge" http-equiv="X-UA-Compatible" />\n    \x3c!--<![endif]--\x3e\n    <title></title>\n    \x3c!--[if !mso]>\x3c!--\x3e\n    \x3c!--<![endif]--\x3e\n    <style type="text/css">\n      body {\n        margin: 0;\n        padding: 0;\n      }\n\n      table,\n      td,\n      tr {\n        vertical-align: top;\n        border-collapse: collapse;\n      }\n\n      * {\n        line-height: inherit;\n      }\n\n      a[x-apple-data-detectors="true"] {\n        color: inherit !important;\n        text-decoration: none !important;\n      }\n    </style>\n    <style id="media-query" type="text/css">\n      @media (max-width: 520px) {\n        .block-grid,\n        .col {\n          min-width: 320px !important;\n          max-width: 100% !important;\n          display: block !important;\n        }\n\n        .block-grid {\n          width: 100% !important;\n        }\n\n        .col {\n          width: 100% !important;\n        }\n\n        .col_cont {\n          margin: 0 auto;\n        }\n\n        img.fullwidth,\n        img.fullwidthOnMobile {\n          max-width: 100% !important;\n        }\n\n        .no-stack .col {\n          min-width: 0 !important;\n          display: table-cell !important;\n        }\n\n        .no-stack.two-up .col {\n          width: 50% !important;\n        }\n\n        .no-stack .col.num2 {\n          width: 16.6% !important;\n        }\n\n        .no-stack .col.num3 {\n          width: 25% !important;\n        }\n\n        .no-stack .col.num4 {\n          width: 33% !important;\n        }\n\n        .no-stack .col.num5 {\n          width: 41.6% !important;\n        }\n\n        .no-stack .col.num6 {\n          width: 50% !important;\n        }\n\n        .no-stack .col.num7 {\n          width: 58.3% !important;\n        }\n\n        .no-stack .col.num8 {\n          width: 66.6% !important;\n        }\n\n        .no-stack .col.num9 {\n          width: 75% !important;\n        }\n\n        .no-stack .col.num10 {\n          width: 83.3% !important;\n        }\n\n        .video-block {\n          max-width: none !important;\n        }\n\n        .mobile_hide {\n          min-height: 0px;\n          max-height: 0px;\n          max-width: 0px;\n          display: none;\n          overflow: hidden;\n          font-size: 0px;\n        }\n\n        .desktop_hide {\n          display: block !important;\n          max-height: none !important;\n        }\n      }\n    </style>\n    <style id="icon-media-query" type="text/css">\n      @media (max-width: 520px) {\n        .icons-inner {\n          text-align: center;\n        }\n\n        .icons-inner td {\n          margin: 0 auto;\n        }\n      }\n    </style>\n  </head>\n  <body\n    class="clean-body"\n    style="\n      margin: 0;\n      padding: 0;\n      -webkit-text-size-adjust: 100%;\n      background-color: #ffffff;\n    "\n  >\n    \x3c!--[if IE]><div class="ie-browser"><![endif]--\x3e\n    <table\n      bgcolor="#FFFFFF"\n      cellpadding="0"\n      cellspacing="0"\n      class="nl-container"\n      role="presentation"\n      style="\n        table-layout: fixed;\n        vertical-align: top;\n        min-width: 320px;\n        border-spacing: 0;\n        border-collapse: collapse;\n        mso-table-lspace: 0pt;\n        mso-table-rspace: 0pt;\n        background-color: #ffffff;\n        width: 100%;\n      "\n      valign="top"\n      width="100%"\n    >\n      <tbody>\n        <tr style="vertical-align: top" valign="top">\n          <td style="word-break: break-word; vertical-align: top" valign="top">\n            \x3c!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#FFFFFF"><![endif]--\x3e\n            <div style="background-color: transparent">\n              <div\n                class="block-grid"\n                style="\n                  min-width: 320px;\n                  max-width: 500px;\n                  overflow-wrap: break-word;\n                  word-wrap: break-word;\n                  word-break: break-word;\n                  margin: 0 auto;\n                  background-color: transparent;\n                "\n              >\n                <div\n                  style="\n                    border-collapse: collapse;\n                    display: table;\n                    width: 100%;\n                    background-color: transparent;\n                  "\n                >\n                  \x3c!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:500px"><tr class="layout-full-width" style="background-color:transparent"><![endif]--\x3e\n                  \x3c!--[if (mso)|(IE)]><td align="center" width="500" style="background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]--\x3e\n                  <div\n                    class="col num12"\n                    style="\n                      min-width: 320px;\n                      max-width: 500px;\n                      display: table-cell;\n                      vertical-align: top;\n                      width: 500px;\n                    "\n                  >\n                    <div class="col_cont" style="width: 100% !important">\n                      \x3c!--[if (!mso)&(!IE)]>\x3c!--\x3e\n                      <div\n                        style="\n                          border-top: 0px solid transparent;\n                          border-left: 0px solid transparent;\n                          border-bottom: 0px solid transparent;\n                          border-right: 0px solid transparent;\n                          padding-top: 5px;\n                          padding-bottom: 5px;\n                          padding-right: 0px;\n                          padding-left: 0px;\n                        "\n                      >\n                        \x3c!--<![endif]--\x3e\n                        <table\n                          cellpadding="0"\n                          cellspacing="0"\n                          role="presentation"\n                          style="\n                            table-layout: fixed;\n                            vertical-align: top;\n                            border-spacing: 0;\n                            border-collapse: collapse;\n                            mso-table-lspace: 0pt;\n                            mso-table-rspace: 0pt;\n                          "\n                          valign="top"\n                          width="100%"\n                        >\n                          <tr style="vertical-align: top" valign="top">\n                            <td\n                              align="center"\n                              style="\n                                word-break: break-word;\n                                vertical-align: top;\n                                padding-bottom: 20px;\n                                padding-left: 10px;\n                                padding-right: 10px;\n                                padding-top: 10px;\n                                text-align: center;\n                                width: 100%;\n                              "\n                              valign="top"\n                              width="100%"\n                            >\n                              <h1\n                                style="\n                                  color: #444445;\n                                  direction: ltr;\n                                  font-family: \'Helvetica Neue\', Helvetica,\n                                    Arial, sans-serif;\n                                  font-size: 20px;\n                                  font-weight: normal;\n                                  letter-spacing: normal;\n                                  line-height: 120%;\n                                  text-align: left;\n                                  margin-top: 0;\n                                  margin-bottom: 0;\n                                "\n                              >\n                                <strong>Verify your email address</strong>\n                              </h1>\n                            </td>\n                          </tr>\n                        </table>\n                        \x3c!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]--\x3e\n                        <div\n                          style="\n                            color: #444445;\n                            font-family: Arial, Helvetica Neue, Helvetica,\n                              sans-serif;\n                            line-height: 1.8;\n                            padding-top: 10px;\n                            padding-right: 10px;\n                            padding-bottom: 10px;\n                            padding-left: 10px;\n                          "\n                        >\n                          <div\n                            class="txtTinyMce-wrapper"\n                            style="\n                              font-size: 14px;\n                              line-height: 1.8;\n                              color: #444445;\n                              font-family: Arial, Helvetica Neue, Helvetica,\n                                sans-serif;\n                              mso-line-height-alt: 25px;\n                            "\n                          >\n                            <p\n                              style="\n                                margin: 0;\n                                font-size: 14px;\n                                line-height: 1.8;\n                                word-break: break-word;\n                                mso-line-height-alt: 25px;\n                                margin-top: 0;\n                                margin-bottom: 0;\n                              "\n                            >\n                              <span style="font-size: 14px"\n                                >Thank you for signing up! Please click the button below\n                                to verify your email address.</span\n                              >\n                            </p>\n                          </div>\n                        </div>\n                        \x3c!--[if mso]></td></tr></table><![endif]--\x3e\n                        <div\n                          align="center"\n                          class="button-container"\n                          style="\n                            padding-top: 10px;\n                            padding-right: 10px;\n                            padding-bottom: 10px;\n                            padding-left: 10px;\n                          "\n                        >\n                          \x3c!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"><tr><td style="padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px" align="center"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" target="_blank" href={{validationLink}} style="height:31.5pt;width:390pt;v-text-anchor:middle;" arcsize="12%" stroke="false" fillcolor="#2270ee"><w:anchorlock/><v:textbox inset="0,0,0,0"><center style="color:#ffffff; font-family:Arial, sans-serif; font-size:14px"><!\n                          [endif]--\x3e<a\n                            href={{validationLink}}\n\t\t\t\t\t\t\ttarget="_blank"\n                            style="\n                              -webkit-text-size-adjust: none;\n                              text-decoration: none;\n                              display: block;\n                              color: #ffffff;\n                              background-color: #2270ee;\n                              border-radius: 5px;\n                              -webkit-border-radius: 5px;\n                              -moz-border-radius: 5px;\n                              width: 100%;\n                              width: calc(100% - 2px);\n                              border-top: var(--sqm-border-thickness, 1px) solid #2270ee;\n                              border-right: var(--sqm-border-thickness, 1px) solid #2270ee;\n                              border-bottom: var(--sqm-border-thickness, 1px) solid #2270ee;\n                              border-left: var(--sqm-border-thickness, 1px) solid #2270ee;\n                              padding-top: 5px;\n                              padding-bottom: 5px;\n                              font-family: \'Helvetica Neue\', Helvetica, Arial,\n                                sans-serif;\n                              text-align: center;\n                              mso-border-alt: none;\n                              word-break: keep-all;\n                            "\n                            target="_blank"\n                            ><span\n                              style="\n                                padding-left: 20px;\n                                padding-right: 20px;\n                                font-size: 14px;\n                                display: inline-block;\n                                letter-spacing: undefined;\n                              "\n                              ><span\n                                style="\n                                  font-size: 16px;\n                                  line-height: 2;\n                                  word-break: break-word;\n                                  mso-line-height-alt: 32px;\n                                "\n                                ><span\n                                  style="font-size: 14px; line-height: 28px"\n                                  >Verify Email</span\n                                ></span\n                              ></span\n                            ></a\n                          >\n                          \x3c!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]--\x3e\n                        </div>\n                      \x3c!--<![endif]--\x3e\n                    </div>\n                  </div>\n                  \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\n                  \x3c!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--\x3e\n                </div>\n              </div>\n            </div>\n            \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    \x3c!--[if (IE)]></div><![endif]--\x3e\n  </body>\n</html>';function Fr(e){var n=e.callbacks,a=e.states,r=e.template;return t("div",null,t("button",{onClick:function(){return n.setPreviewTemplate(a.editedTemplate)}},"Update Preview"),t("button",{style:{marginLeft:"10px"},onClick:function(){return n.setPreviewTemplate(r)}},"Preview Dashboard"))}function Or(e){var n=e.states,a=e.callbacks;return t("div",{style:{height:"50vh"}},t("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return a.setEditedTemplate(e.target.value)}},n.editedTemplate),t(Fr,{states:n,callbacks:a,template:e.template}),t("h2",null,"Navigation"),t("div",{style:{display:"grid",gridTemplateColumns:"repeat(9, 80px)",gridGap:"10px"}},t("button",{onClick:function(){return u.push("/")}},"Dashboard"),e.leadSubmit&&t("button",{onClick:function(){return u.push("/refer")}},"Submit a Referral"),t("button",{onClick:function(){return u.push("/activity")}},"Activity"),t("button",{onClick:function(){return u.push("/editProfile")}},"Edit Profile"),t("button",{onClick:function(){return u.push("/login")}},"Login"),t("button",{onClick:function(){return u.push("/register")}},"Register"),t("button",{onClick:function(){return u.push("/emailVerification")}},"Email Verification"),t("button",{onClick:function(){return u.push("/verifyEmail")}},"Verify Email"),t("button",{onClick:function(){return u.push("/forgotPassword")}},"Forgot Password"),t("button",{onClick:function(){return u.push("/resetPassword")}},"Reset Password")),t("br",null),t("div",{innerHTML:n.previewTemplate}))}var Lr=o((function(e,t){(function(t,n){e.exports=n()})(r,(function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||false;a.configurable=true;if("value"in a)a.writable=true;Object.defineProperty(e,a.key,a)}}function t(t,n,a){if(n)e(t.prototype,n);if(a)e(t,a);return t}function n(e,t){if(!e)return;if(typeof e==="string")return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor)n=e.constructor.name;if(n==="Map"||n==="Set")return Array.from(e);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return a(e,t)}function a(e,t){if(t==null||t>e.length)t=e.length;for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function r(e,t){var a=typeof Symbol!=="undefined"&&e[Symbol.iterator]||e["@@iterator"];if(a)return(a=a.call(e)).next.bind(a);if(Array.isArray(e)||(a=n(e))||t&&e&&typeof e.length==="number"){if(a)e=a;var r=0;return function(){if(r>=e.length)return{done:true};return{done:false,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s={exports:{}};function i(){return{baseUrl:null,breaks:false,extensions:null,gfm:true,headerIds:true,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:true,pedantic:false,renderer:null,sanitize:false,sanitizer:null,silent:false,smartLists:false,smartypants:false,tokenizer:null,walkTokens:null,xhtml:false}}function o(e){s.exports.defaults=e}s.exports={defaults:i(),getDefaults:i,changeDefaults:o};var l=/[&<>"']/;var d=/[&<>"']/g;var u=/[<>"']|&(?!#?\w+;)/;var c=/[<>"']|&(?!#?\w+;)/g;var m={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};var p=function e(t){return m[t]};function h(e,t){if(t){if(l.test(e)){return e.replace(d,p)}}else{if(u.test(e)){return e.replace(c,p)}}return e}var g=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/gi;function f(e){return e.replace(g,(function(e,t){t=t.toLowerCase();if(t==="colon")return":";if(t.charAt(0)==="#"){return t.charAt(1)==="x"?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1))}return""}))}var b=/(^|[^\[])\^/g;function v(e,t){e=e.source||e;t=t||"";var n={replace:function t(a,r){r=r.source||r;r=r.replace(b,"$1");e=e.replace(a,r);return n},getRegex:function n(){return new RegExp(e,t)}};return n}var x=/[^\w:]/g;var w=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function y(e,t,n){if(e){var a;try{a=decodeURIComponent(f(n)).replace(x,"").toLowerCase()}catch(e){return null}if(a.indexOf("javascript:")===0||a.indexOf("vbscript:")===0||a.indexOf("data:")===0){return null}}if(t&&!w.test(n)){n=T(t,n)}try{n=encodeURI(n).replace(/%25/g,"%")}catch(e){return null}return n}var _={};var q=/^[^:]+:\/*[^/]*$/;var E=/^([^:]+:)[\s\S]*$/;var k=/^([^:]+:\/*[^/]*)[\s\S]*$/;function T(e,t){if(!_[" "+e]){if(q.test(e)){_[" "+e]=e+"/"}else{_[" "+e]=S(e,"/",true)}}e=_[" "+e];var n=e.indexOf(":")===-1;if(t.substring(0,2)==="//"){if(n){return t}return e.replace(E,"$1")+t}else if(t.charAt(0)==="/"){if(n){return t}return e.replace(k,"$1")+t}else{return e+t}}var C={exec:function e(){}};function A(e){var t=1,n,a;for(;t<arguments.length;t++){n=arguments[t];for(a in n){if(Object.prototype.hasOwnProperty.call(n,a)){e[a]=n[a]}}}return e}function D(e,t){var n=e.replace(/\|/g,(function(e,t,n){var a=false,r=t;while(--r>=0&&n[r]==="\\"){a=!a}if(a){return"|"}else{return" |"}})),a=n.split(/ \|/);var r=0;if(!a[0].trim()){a.shift()}if(!a[a.length-1].trim()){a.pop()}if(a.length>t){a.splice(t)}else{while(a.length<t){a.push("")}}for(;r<a.length;r++){a[r]=a[r].trim().replace(/\\\|/g,"|")}return a}function S(e,t,n){var a=e.length;if(a===0){return""}var r=0;while(r<a){var s=e.charAt(a-r-1);if(s===t&&!n){r++}else if(s!==t&&n){r++}else{break}}return e.substr(0,a-r)}function R(e,t){if(e.indexOf(t[1])===-1){return-1}var n=e.length;var a=0,r=0;for(;r<n;r++){if(e[r]==="\\"){r++}else if(e[r]===t[0]){a++}else if(e[r]===t[1]){a--;if(a<0){return r}}}return-1}function I(e){if(e&&e.sanitize&&!e.silent){console.warn("marked(): sanitize and sanitizer parameters are deprecated since version 0.7.0, should not be used and will be removed in the future. Read more here: https://marked.js.org/#/USING_ADVANCED.md#options")}}function P(e,t){if(t<1){return""}var n="";while(t>1){if(t&1){n+=e}t>>=1;e+=e}return n+e}var N={escape:h,unescape:f,edit:v,cleanUrl:y,resolveUrl:T,noopTest:C,merge:A,splitCells:D,rtrim:S,findClosingBracket:R,checkSanitizeDeprecation:I,repeatString:P};var F=s.exports.defaults;var O=N.rtrim,L=N.splitCells,B=N.escape,G=N.findClosingBracket;function j(e,t,n,a){var r=t.href;var s=t.title?B(t.title):null;var i=e[1].replace(/\\([\[\]])/g,"$1");if(e[0].charAt(0)!=="!"){a.state.inLink=true;var o={type:"link",raw:n,href:r,title:s,text:i,tokens:a.inlineTokens(i,[])};a.state.inLink=false;return o}else{return{type:"image",raw:n,href:r,title:s,text:B(i)}}}function W(e,t){var n=e.match(/^(\s+)(?:```)/);if(n===null){return t}var a=n[1];return t.split("\n").map((function(e){var t=e.match(/^\s+/);if(t===null){return e}var n=t[0];if(n.length>=a.length){return e.slice(a.length)}return e})).join("\n")}var M=function(){function e(e){this.options=e||F}var t=e.prototype;t.space=function e(t){var n=this.rules.block.newline.exec(t);if(n){if(n[0].length>1){return{type:"space",raw:n[0]}}return{raw:"\n"}}};t.code=function e(t){var n=this.rules.block.code.exec(t);if(n){var a=n[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:n[0],codeBlockStyle:"indented",text:!this.options.pedantic?O(a,"\n"):a}}};t.fences=function e(t){var n=this.rules.block.fences.exec(t);if(n){var a=n[0];var r=W(a,n[3]||"");return{type:"code",raw:a,lang:n[2]?n[2].trim():n[2],text:r}}};t.heading=function e(t){var n=this.rules.block.heading.exec(t);if(n){var a=n[2].trim();if(/#$/.test(a)){var r=O(a,"#");if(this.options.pedantic){a=r.trim()}else if(!r||/ $/.test(r)){a=r.trim()}}var s={type:"heading",raw:n[0],depth:n[1].length,text:a,tokens:[]};this.lexer.inline(s.text,s.tokens);return s}};t.hr=function e(t){var n=this.rules.block.hr.exec(t);if(n){return{type:"hr",raw:n[0]}}};t.blockquote=function e(t){var n=this.rules.block.blockquote.exec(t);if(n){var a=n[0].replace(/^ *> ?/gm,"");return{type:"blockquote",raw:n[0],tokens:this.lexer.blockTokens(a,[]),text:a}}};t.list=function e(t){var n=this.rules.block.list.exec(t);if(n){var a,r,s,i,o,l,d,u,c,m;var p=n[1].trim();var h=p.length>1;var e={type:"list",raw:"",ordered:h,start:h?+p.slice(0,-1):"",loose:false,items:[]};p=h?"\\d{1,9}\\"+p.slice(-1):"\\"+p;if(this.options.pedantic){p=h?p:"[*+-]"}var g=new RegExp("^( {0,3}"+p+")((?: [^\\n]*| *)(?:\\n[^\\n]*)*(?:\\n|$))");while(t){if(this.rules.block.hr.test(t)){break}if(!(n=g.exec(t))){break}c=n[2].split("\n");if(this.options.pedantic){i=2;m=c[0].trimLeft()}else{i=n[2].search(/[^ ]/);i=n[1].length+(i>4?1:i);m=c[0].slice(i-n[1].length)}l=false;a=n[0];if(!c[0]&&/^ *$/.test(c[1])){a=n[1]+c.slice(0,2).join("\n")+"\n";e.loose=true;c=[]}var f=new RegExp("^ {0,"+Math.min(3,i-1)+"}(?:[*+-]|\\d{1,9}[.)])");for(o=1;o<c.length;o++){u=c[o];if(this.options.pedantic){u=u.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")}if(f.test(u)){a=n[1]+c.slice(0,o).join("\n")+"\n";break}if(!l){if(!u.trim()){l=true}if(u.search(/[^ ]/)>=i){m+="\n"+u.slice(i)}else{m+="\n"+u}continue}if(u.search(/[^ ]/)>=i||!u.trim()){m+="\n"+u.slice(i);continue}else{a=n[1]+c.slice(0,o).join("\n")+"\n";break}}if(!e.loose){if(d){e.loose=true}else if(/\n *\n *$/.test(a)){d=true}}if(this.options.gfm){r=/^\[[ xX]\] /.exec(m);if(r){s=r[0]!=="[ ] ";m=m.replace(/^\[[ xX]\] +/,"")}}e.items.push({type:"list_item",raw:a,task:!!r,checked:s,loose:false,text:m});e.raw+=a;t=t.slice(a.length)}e.items[e.items.length-1].raw=a.trimRight();e.items[e.items.length-1].text=m.trimRight();e.raw=e.raw.trimRight();var b=e.items.length;for(o=0;o<b;o++){this.lexer.state.top=false;e.items[o].tokens=this.lexer.blockTokens(e.items[o].text,[]);if(e.items[o].tokens.some((function(e){return e.type==="space"}))){e.loose=true;e.items[o].loose=true}}return e}};t.html=function e(t){var n=this.rules.block.html.exec(t);if(n){var a={type:"html",raw:n[0],pre:!this.options.sanitizer&&(n[1]==="pre"||n[1]==="script"||n[1]==="style"),text:n[0]};if(this.options.sanitize){a.type="paragraph";a.text=this.options.sanitizer?this.options.sanitizer(n[0]):B(n[0]);a.tokens=[];this.lexer.inline(a.text,a.tokens)}return a}};t.def=function e(t){var n=this.rules.block.def.exec(t);if(n){if(n[3])n[3]=n[3].substring(1,n[3].length-1);var a=n[1].toLowerCase().replace(/\s+/g," ");return{type:"def",tag:a,raw:n[0],href:n[2],title:n[3]}}};t.table=function e(t){var n=this.rules.block.table.exec(t);if(n){var a={type:"table",header:L(n[1]).map((function(e){return{text:e}})),align:n[2].replace(/^ *|\| *$/g,"").split(/ *\| */),rows:n[3]?n[3].replace(/\n$/,"").split("\n"):[]};if(a.header.length===a.align.length){a.raw=n[0];var r=a.align.length;var s,i,o,l;for(s=0;s<r;s++){if(/^ *-+: *$/.test(a.align[s])){a.align[s]="right"}else if(/^ *:-+: *$/.test(a.align[s])){a.align[s]="center"}else if(/^ *:-+ *$/.test(a.align[s])){a.align[s]="left"}else{a.align[s]=null}}r=a.rows.length;for(s=0;s<r;s++){a.rows[s]=L(a.rows[s],a.header.length).map((function(e){return{text:e}}))}r=a.header.length;for(i=0;i<r;i++){a.header[i].tokens=[];this.lexer.inlineTokens(a.header[i].text,a.header[i].tokens)}r=a.rows.length;for(i=0;i<r;i++){l=a.rows[i];for(o=0;o<l.length;o++){l[o].tokens=[];this.lexer.inlineTokens(l[o].text,l[o].tokens)}}return a}}};t.lheading=function e(t){var n=this.rules.block.lheading.exec(t);if(n){var a={type:"heading",raw:n[0],depth:n[2].charAt(0)==="="?1:2,text:n[1],tokens:[]};this.lexer.inline(a.text,a.tokens);return a}};t.paragraph=function e(t){var n=this.rules.block.paragraph.exec(t);if(n){var a={type:"paragraph",raw:n[0],text:n[1].charAt(n[1].length-1)==="\n"?n[1].slice(0,-1):n[1],tokens:[]};this.lexer.inline(a.text,a.tokens);return a}};t.text=function e(t){var n=this.rules.block.text.exec(t);if(n){var a={type:"text",raw:n[0],text:n[0],tokens:[]};this.lexer.inline(a.text,a.tokens);return a}};t.escape=function e(t){var n=this.rules.inline.escape.exec(t);if(n){return{type:"escape",raw:n[0],text:B(n[1])}}};t.tag=function e(t){var n=this.rules.inline.tag.exec(t);if(n){if(!this.lexer.state.inLink&&/^<a /i.test(n[0])){this.lexer.state.inLink=true}else if(this.lexer.state.inLink&&/^<\/a>/i.test(n[0])){this.lexer.state.inLink=false}if(!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(n[0])){this.lexer.state.inRawBlock=true}else if(this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(n[0])){this.lexer.state.inRawBlock=false}return{type:this.options.sanitize?"text":"html",raw:n[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(n[0]):B(n[0]):n[0]}}};t.link=function e(t){var n=this.rules.inline.link.exec(t);if(n){var a=n[2].trim();if(!this.options.pedantic&&/^</.test(a)){if(!/>$/.test(a)){return}var r=O(a.slice(0,-1),"\\");if((a.length-r.length)%2===0){return}}else{var s=G(n[2],"()");if(s>-1){var i=n[0].indexOf("!")===0?5:4;var o=i+n[1].length+s;n[2]=n[2].substring(0,s);n[0]=n[0].substring(0,o).trim();n[3]=""}}var l=n[2];var d="";if(this.options.pedantic){var e=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(l);if(e){l=e[1];d=e[3]}}else{d=n[3]?n[3].slice(1,-1):""}l=l.trim();if(/^</.test(l)){if(this.options.pedantic&&!/>$/.test(a)){l=l.slice(1)}else{l=l.slice(1,-1)}}return j(n,{href:l?l.replace(this.rules.inline._escapes,"$1"):l,title:d?d.replace(this.rules.inline._escapes,"$1"):d},n[0],this.lexer)}};t.reflink=function e(t,n){var a;if((a=this.rules.inline.reflink.exec(t))||(a=this.rules.inline.nolink.exec(t))){var r=(a[2]||a[1]).replace(/\s+/g," ");r=n[r.toLowerCase()];if(!r||!r.href){var s=a[0].charAt(0);return{type:"text",raw:s,text:s}}return j(a,r,a[0],this.lexer)}};t.emStrong=function e(t,n,a){if(a===void 0){a=""}var r=this.rules.inline.emStrong.lDelim.exec(t);if(!r)return;if(r[3]&&a.match(/(?:[0-9A-Za-z\xAA\xB2\xB3\xB5\xB9\xBA\xBC-\xBE\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u0660-\u0669\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07C0-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u08A0-\u08B4\u08B6-\u08C7\u0904-\u0939\u093D\u0950\u0958-\u0961\u0966-\u096F\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09E6-\u09F1\u09F4-\u09F9\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A66-\u0A6F\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AE6-\u0AEF\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B66-\u0B6F\u0B71-\u0B77\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0BE6-\u0BF2\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C60\u0C61\u0C66-\u0C6F\u0C78-\u0C7E\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CE6-\u0CEF\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D58-\u0D61\u0D66-\u0D78\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DE6-\u0DEF\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E50-\u0E59\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F20-\u0F33\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F-\u1049\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u1090-\u1099\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1369-\u137C\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19DA\u1A00-\u1A16\u1A20-\u1A54\u1A80-\u1A89\u1A90-\u1A99\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B50-\u1B59\u1B83-\u1BA0\u1BAE-\u1BE5\u1C00-\u1C23\u1C40-\u1C49\u1C4D-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2070\u2071\u2074-\u2079\u207F-\u2089\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2150-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2CFD\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u3192-\u3195\u31A0-\u31BF\u31F0-\u31FF\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\u3400-\u4DBF\u4E00-\u9FFC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA7BF\uA7C2-\uA7CA\uA7F5-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA830-\uA835\uA840-\uA873\uA882-\uA8B3\uA8D0-\uA8D9\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA900-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF-\uA9D9\uA9E0-\uA9E4\uA9E6-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA50-\uAA59\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF10-\uFF19\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDE80-\uDE9C\uDEA0-\uDED0\uDEE1-\uDEFB\uDF00-\uDF23\uDF2D-\uDF4A\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCA0-\uDCA9\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC58-\uDC76\uDC79-\uDC9E\uDCA7-\uDCAF\uDCE0-\uDCF2\uDCF4\uDCF5\uDCFB-\uDD1B\uDD20-\uDD39\uDD80-\uDDB7\uDDBC-\uDDCF\uDDD2-\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE35\uDE40-\uDE48\uDE60-\uDE7E\uDE80-\uDE9F\uDEC0-\uDEC7\uDEC9-\uDEE4\uDEEB-\uDEEF\uDF00-\uDF35\uDF40-\uDF55\uDF58-\uDF72\uDF78-\uDF91\uDFA9-\uDFAF]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2\uDCFA-\uDD23\uDD30-\uDD39\uDE60-\uDE7E\uDE80-\uDEA9\uDEB0\uDEB1\uDF00-\uDF27\uDF30-\uDF45\uDF51-\uDF54\uDFB0-\uDFCB\uDFE0-\uDFF6]|\uD804[\uDC03-\uDC37\uDC52-\uDC6F\uDC83-\uDCAF\uDCD0-\uDCE8\uDCF0-\uDCF9\uDD03-\uDD26\uDD36-\uDD3F\uDD44\uDD47\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDD0-\uDDDA\uDDDC\uDDE1-\uDDF4\uDE00-\uDE11\uDE13-\uDE2B\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDEF0-\uDEF9\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC50-\uDC59\uDC5F-\uDC61\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDCD0-\uDCD9\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE50-\uDE59\uDE80-\uDEAA\uDEB8\uDEC0-\uDEC9\uDF00-\uDF1A\uDF30-\uDF3B]|\uD806[\uDC00-\uDC2B\uDCA0-\uDCF2\uDCFF-\uDD06\uDD09\uDD0C-\uDD13\uDD15\uDD16\uDD18-\uDD2F\uDD3F\uDD41\uDD50-\uDD59\uDDA0-\uDDA7\uDDAA-\uDDD0\uDDE1\uDDE3\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE89\uDE9D\uDEC0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC50-\uDC6C\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46\uDD50-\uDD59\uDD60-\uDD65\uDD67\uDD68\uDD6A-\uDD89\uDD98\uDDA0-\uDDA9\uDEE0-\uDEF2\uDFB0\uDFC0-\uDFD4]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|[\uD80C\uD81C-\uD820\uD822\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879\uD880-\uD883][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE60-\uDE69\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF50-\uDF59\uDF5B-\uDF61\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDE40-\uDE96\uDF00-\uDF4A\uDF50\uDF93-\uDF9F\uDFE0\uDFE1\uDFE3]|\uD821[\uDC00-\uDFF7]|\uD823[\uDC00-\uDCD5\uDD00-\uDD08]|\uD82C[\uDC00-\uDD1E\uDD50-\uDD52\uDD64-\uDD67\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD834[\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB\uDFCE-\uDFFF]|\uD838[\uDD00-\uDD2C\uDD37-\uDD3D\uDD40-\uDD49\uDD4E\uDEC0-\uDEEB\uDEF0-\uDEF9]|\uD83A[\uDC00-\uDCC4\uDCC7-\uDCCF\uDD00-\uDD43\uDD4B\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9]|\uD869[\uDC00-\uDEDD\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]|\uD884[\uDC00-\uDF4A])/))return;var s=r[1]||r[2]||"";if(!s||s&&(a===""||this.rules.inline.punctuation.exec(a))){var i=r[0].length-1;var o,l,d=i,u=0;var c=r[0][0]==="*"?this.rules.inline.emStrong.rDelimAst:this.rules.inline.emStrong.rDelimUnd;c.lastIndex=0;n=n.slice(-1*t.length+i);while((r=c.exec(n))!=null){o=r[1]||r[2]||r[3]||r[4]||r[5]||r[6];if(!o)continue;l=o.length;if(r[3]||r[4]){d+=l;continue}else if(r[5]||r[6]){if(i%3&&!((i+l)%3)){u+=l;continue}}d-=l;if(d>0)continue;l=Math.min(l,l+d+u);if(Math.min(i,l)%2){var m=t.slice(1,i+r.index+l);return{type:"em",raw:t.slice(0,i+r.index+l+1),text:m,tokens:this.lexer.inlineTokens(m,[])}}var p=t.slice(2,i+r.index+l-1);return{type:"strong",raw:t.slice(0,i+r.index+l+1),text:p,tokens:this.lexer.inlineTokens(p,[])}}}};t.codespan=function e(t){var n=this.rules.inline.code.exec(t);if(n){var a=n[2].replace(/\n/g," ");var r=/[^ ]/.test(a);var s=/^ /.test(a)&&/ $/.test(a);if(r&&s){a=a.substring(1,a.length-1)}a=B(a,true);return{type:"codespan",raw:n[0],text:a}}};t.br=function e(t){var n=this.rules.inline.br.exec(t);if(n){return{type:"br",raw:n[0]}}};t.del=function e(t){var n=this.rules.inline.del.exec(t);if(n){return{type:"del",raw:n[0],text:n[2],tokens:this.lexer.inlineTokens(n[2],[])}}};t.autolink=function e(t,n){var a=this.rules.inline.autolink.exec(t);if(a){var r,s;if(a[2]==="@"){r=B(this.options.mangle?n(a[1]):a[1]);s="mailto:"+r}else{r=B(a[1]);s=r}return{type:"link",raw:a[0],text:r,href:s,tokens:[{type:"text",raw:r,text:r}]}}};t.url=function e(t,n){var a;if(a=this.rules.inline.url.exec(t)){var r,s;if(a[2]==="@"){r=B(this.options.mangle?n(a[0]):a[0]);s="mailto:"+r}else{var i;do{i=a[0];a[0]=this.rules.inline._backpedal.exec(a[0])[0]}while(i!==a[0]);r=B(a[0]);if(a[1]==="www."){s="http://"+r}else{s=r}}return{type:"link",raw:a[0],text:r,href:s,tokens:[{type:"text",raw:r,text:r}]}}};t.inlineText=function e(t,n){var a=this.rules.inline.text.exec(t);if(a){var r;if(this.lexer.state.inRawBlock){r=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(a[0]):B(a[0]):a[0]}else{r=B(this.options.smartypants?n(a[0]):a[0])}return{type:"text",raw:a[0],text:r}}};return e}();var U=N.noopTest,V=N.edit,z=N.merge;var H={newline:/^(?: *(?:\n|$))+/,code:/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,fences:/^ {0,3}(`{3,}(?=[^`\n]*\n)|~{3,})([^\n]*)\n(?:|([\s\S]*?)\n)(?: {0,3}\1[~`]* *(?=\n|$)|$)/,hr:/^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3}bull)( [^\n]+?)?(?:\n|$)/,html:"^ {0,3}(?:"+"<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)"+"|comment[^\\n]*(\\n+|$)"+"|<\\?[\\s\\S]*?(?:\\?>\\n*|$)"+"|<![A-Z][\\s\\S]*?(?:>\\n*|$)"+"|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)"+"|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)"+"|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)"+"|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)"+")",def:/^ {0,3}\[(label)\]: *\n? *<?([^\s>]+)>?(?:(?: +\n? *| *\n *)(title))? *(?:\n+|$)/,table:U,lheading:/^([^\n]+)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html| +\n)[^\n]+)*)/,text:/^[^\n]+/};H._label=/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/;H._title=/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/;H.def=V(H.def).replace("label",H._label).replace("title",H._title).getRegex();H.bullet=/(?:[*+-]|\d{1,9}[.)])/;H.listItemStart=V(/^( *)(bull) */).replace("bull",H.bullet).getRegex();H.list=V(H.list).replace(/bull/g,H.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+H.def.source+")").getRegex();H._tag="address|article|aside|base|basefont|blockquote|body|caption"+"|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption"+"|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe"+"|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option"+"|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr"+"|track|ul";H._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/;H.html=V(H.html,"i").replace("comment",H._comment).replace("tag",H._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex();H.paragraph=V(H._paragraph).replace("hr",H.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",H._tag).getRegex();H.blockquote=V(H.blockquote).replace("paragraph",H.paragraph).getRegex();H.normal=z({},H);H.gfm=z({},H.normal,{table:"^ *([^\\n ].*\\|.*)\\n"+" {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?"+"(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"});H.gfm.table=V(H.gfm.table).replace("hr",H.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",H._tag).getRegex();H.pedantic=z({},H.normal,{html:V("^ *(?:comment *(?:\\n|\\s*$)"+"|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)"+"|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",H._comment).replace(/tag/g,"(?!(?:"+"a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub"+"|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)"+"\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:U,paragraph:V(H.normal._paragraph).replace("hr",H.hr).replace("heading"," *#{1,6} *[^\n]").replace("lheading",H.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()});var Y={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:U,tag:"^comment"+"|^</[a-zA-Z][\\w:-]*\\s*>"+"|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>"+"|^<\\?[\\s\\S]*?\\?>"+"|^<![a-zA-Z]+\\s[\\s\\S]*?>"+"|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>",link:/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(?!\s*\])((?:\\[\[\]]?|[^\[\]\\])+)\]/,nolink:/^!?\[(?!\s*\])((?:\[[^\[\]]*\]|\\[\[\]]|[^\[\]])*)\](?:\[\])?/,reflinkSearch:"reflink|nolink(?!\\()",emStrong:{lDelim:/^(?:\*+(?:([punct_])|[^\s*]))|^_+(?:([punct*])|([^\s_]))/,rDelimAst:/^[^_*]*?\_\_[^_*]*?\*[^_*]*?(?=\_\_)|[punct_](\*+)(?=[\s]|$)|[^punct*_\s](\*+)(?=[punct_\s]|$)|[punct_\s](\*+)(?=[^punct*_\s])|[\s](\*+)(?=[punct_])|[punct_](\*+)(?=[punct_])|[^punct*_\s](\*+)(?=[^punct*_\s])/,rDelimUnd:/^[^_*]*?\*\*[^_*]*?\_[^_*]*?(?=\*\*)|[punct*](\_+)(?=[\s]|$)|[^punct*_\s](\_+)(?=[punct*\s]|$)|[punct*\s](\_+)(?=[^punct*_\s])|[\s](\_+)(?=[punct*])|[punct*](\_+)(?=[punct*])/},code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:U,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\spunctuation])/};Y._punctuation="!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~";Y.punctuation=V(Y.punctuation).replace(/punctuation/g,Y._punctuation).getRegex();Y.blockSkip=/\[[^\]]*?\]\([^\)]*?\)|`[^`]*?`|<[^>]*?>/g;Y.escapedEmSt=/\\\*|\\_/g;Y._comment=V(H._comment).replace("(?:--\x3e|$)","--\x3e").getRegex();Y.emStrong.lDelim=V(Y.emStrong.lDelim).replace(/punct/g,Y._punctuation).getRegex();Y.emStrong.rDelimAst=V(Y.emStrong.rDelimAst,"g").replace(/punct/g,Y._punctuation).getRegex();Y.emStrong.rDelimUnd=V(Y.emStrong.rDelimUnd,"g").replace(/punct/g,Y._punctuation).getRegex();Y._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g;Y._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/;Y._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/;Y.autolink=V(Y.autolink).replace("scheme",Y._scheme).replace("email",Y._email).getRegex();Y._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/;Y.tag=V(Y.tag).replace("comment",Y._comment).replace("attribute",Y._attribute).getRegex();Y._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/;Y._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/;Y._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/;Y.link=V(Y.link).replace("label",Y._label).replace("href",Y._href).replace("title",Y._title).getRegex();Y.reflink=V(Y.reflink).replace("label",Y._label).getRegex();Y.reflinkSearch=V(Y.reflinkSearch,"g").replace("reflink",Y.reflink).replace("nolink",Y.nolink).getRegex();Y.normal=z({},Y);Y.pedantic=z({},Y.normal,{strong:{start:/^__|\*\*/,middle:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,endAst:/\*\*(?!\*)/g,endUnd:/__(?!_)/g},em:{start:/^_|\*/,middle:/^()\*(?=\S)([\s\S]*?\S)\*(?!\*)|^_(?=\S)([\s\S]*?\S)_(?!_)/,endAst:/\*(?!\*)/g,endUnd:/_(?!_)/g},link:V(/^!?\[(label)\]\((.*?)\)/).replace("label",Y._label).getRegex(),reflink:V(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",Y._label).getRegex()});Y.gfm=z({},Y.normal,{escape:V(Y.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/});Y.gfm.url=V(Y.gfm.url,"i").replace("email",Y.gfm._extended_email).getRegex();Y.breaks=z({},Y.gfm,{br:V(Y.br).replace("{2,}","*").getRegex(),text:V(Y.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()});var X={block:H,inline:Y};var $=M;var J=s.exports.defaults;var K=X.block,Z=X.inline;var Q=N.repeatString;function ee(e){return e.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…")}function te(e){var t="",n,a;var r=e.length;for(n=0;n<r;n++){a=e.charCodeAt(n);if(Math.random()>.5){a="x"+a.toString(16)}t+="&#"+a+";"}return t}var ne=function(){function e(e){this.tokens=[];this.tokens.links=Object.create(null);this.options=e||J;this.options.tokenizer=this.options.tokenizer||new $;this.tokenizer=this.options.tokenizer;this.tokenizer.options=this.options;this.tokenizer.lexer=this;this.inlineQueue=[];this.state={inLink:false,inRawBlock:false,top:true};var t={block:K.normal,inline:Z.normal};if(this.options.pedantic){t.block=K.pedantic;t.inline=Z.pedantic}else if(this.options.gfm){t.block=K.gfm;if(this.options.breaks){t.inline=Z.breaks}else{t.inline=Z.gfm}}this.tokenizer.rules=t}e.lex=function t(n,a){var r=new e(a);return r.lex(n)};e.lexInline=function t(n,a){var r=new e(a);return r.inlineTokens(n)};var n=e.prototype;n.lex=function e(t){t=t.replace(/\r\n|\r/g,"\n").replace(/\t/g,"    ");this.blockTokens(t,this.tokens);var n;while(n=this.inlineQueue.shift()){this.inlineTokens(n.src,n.tokens)}return this.tokens};n.blockTokens=function e(t,n){var a=this;if(n===void 0){n=[]}if(this.options.pedantic){t=t.replace(/^ +$/gm,"")}var r,s,i,o;while(t){if(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some((function(e){if(r=e.call({lexer:a},t,n)){t=t.substring(r.raw.length);n.push(r);return true}return false}))){continue}if(r=this.tokenizer.space(t)){t=t.substring(r.raw.length);if(r.type){n.push(r)}continue}if(r=this.tokenizer.code(t)){t=t.substring(r.raw.length);s=n[n.length-1];if(s&&(s.type==="paragraph"||s.type==="text")){s.raw+="\n"+r.raw;s.text+="\n"+r.text;this.inlineQueue[this.inlineQueue.length-1].src=s.text}else{n.push(r)}continue}if(r=this.tokenizer.fences(t)){t=t.substring(r.raw.length);n.push(r);continue}if(r=this.tokenizer.heading(t)){t=t.substring(r.raw.length);n.push(r);continue}if(r=this.tokenizer.hr(t)){t=t.substring(r.raw.length);n.push(r);continue}if(r=this.tokenizer.blockquote(t)){t=t.substring(r.raw.length);n.push(r);continue}if(r=this.tokenizer.list(t)){t=t.substring(r.raw.length);n.push(r);continue}if(r=this.tokenizer.html(t)){t=t.substring(r.raw.length);n.push(r);continue}if(r=this.tokenizer.def(t)){t=t.substring(r.raw.length);s=n[n.length-1];if(s&&(s.type==="paragraph"||s.type==="text")){s.raw+="\n"+r.raw;s.text+="\n"+r.raw;this.inlineQueue[this.inlineQueue.length-1].src=s.text}else if(!this.tokens.links[r.tag]){this.tokens.links[r.tag]={href:r.href,title:r.title}}continue}if(r=this.tokenizer.table(t)){t=t.substring(r.raw.length);n.push(r);continue}if(r=this.tokenizer.lheading(t)){t=t.substring(r.raw.length);n.push(r);continue}i=t;if(this.options.extensions&&this.options.extensions.startBlock){(function(){var e=Infinity;var n=t.slice(1);var r=void 0;a.options.extensions.startBlock.forEach((function(t){r=t.call({lexer:this},n);if(typeof r==="number"&&r>=0){e=Math.min(e,r)}}));if(e<Infinity&&e>=0){i=t.substring(0,e+1)}})()}if(this.state.top&&(r=this.tokenizer.paragraph(i))){s=n[n.length-1];if(o&&s.type==="paragraph"){s.raw+="\n"+r.raw;s.text+="\n"+r.text;this.inlineQueue.pop();this.inlineQueue[this.inlineQueue.length-1].src=s.text}else{n.push(r)}o=i.length!==t.length;t=t.substring(r.raw.length);continue}if(r=this.tokenizer.text(t)){t=t.substring(r.raw.length);s=n[n.length-1];if(s&&s.type==="text"){s.raw+="\n"+r.raw;s.text+="\n"+r.text;this.inlineQueue.pop();this.inlineQueue[this.inlineQueue.length-1].src=s.text}else{n.push(r)}continue}if(t){var l="Infinite loop on byte: "+t.charCodeAt(0);if(this.options.silent){console.error(l);break}else{throw new Error(l)}}}this.state.top=true;return n};n.inline=function e(t,n){this.inlineQueue.push({src:t,tokens:n})};n.inlineTokens=function e(t,n){var a=this;if(n===void 0){n=[]}var r,s,i;var o=t;var l;var d,u;if(this.tokens.links){var c=Object.keys(this.tokens.links);if(c.length>0){while((l=this.tokenizer.rules.inline.reflinkSearch.exec(o))!=null){if(c.includes(l[0].slice(l[0].lastIndexOf("[")+1,-1))){o=o.slice(0,l.index)+"["+Q("a",l[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex)}}}}while((l=this.tokenizer.rules.inline.blockSkip.exec(o))!=null){o=o.slice(0,l.index)+"["+Q("a",l[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.blockSkip.lastIndex)}while((l=this.tokenizer.rules.inline.escapedEmSt.exec(o))!=null){o=o.slice(0,l.index)+"++"+o.slice(this.tokenizer.rules.inline.escapedEmSt.lastIndex)}while(t){if(!d){u=""}d=false;if(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some((function(e){if(r=e.call({lexer:a},t,n)){t=t.substring(r.raw.length);n.push(r);return true}return false}))){continue}if(r=this.tokenizer.escape(t)){t=t.substring(r.raw.length);n.push(r);continue}if(r=this.tokenizer.tag(t)){t=t.substring(r.raw.length);s=n[n.length-1];if(s&&r.type==="text"&&s.type==="text"){s.raw+=r.raw;s.text+=r.text}else{n.push(r)}continue}if(r=this.tokenizer.link(t)){t=t.substring(r.raw.length);n.push(r);continue}if(r=this.tokenizer.reflink(t,this.tokens.links)){t=t.substring(r.raw.length);s=n[n.length-1];if(s&&r.type==="text"&&s.type==="text"){s.raw+=r.raw;s.text+=r.text}else{n.push(r)}continue}if(r=this.tokenizer.emStrong(t,o,u)){t=t.substring(r.raw.length);n.push(r);continue}if(r=this.tokenizer.codespan(t)){t=t.substring(r.raw.length);n.push(r);continue}if(r=this.tokenizer.br(t)){t=t.substring(r.raw.length);n.push(r);continue}if(r=this.tokenizer.del(t)){t=t.substring(r.raw.length);n.push(r);continue}if(r=this.tokenizer.autolink(t,te)){t=t.substring(r.raw.length);n.push(r);continue}if(!this.state.inLink&&(r=this.tokenizer.url(t,te))){t=t.substring(r.raw.length);n.push(r);continue}i=t;if(this.options.extensions&&this.options.extensions.startInline){(function(){var e=Infinity;var n=t.slice(1);var r=void 0;a.options.extensions.startInline.forEach((function(t){r=t.call({lexer:this},n);if(typeof r==="number"&&r>=0){e=Math.min(e,r)}}));if(e<Infinity&&e>=0){i=t.substring(0,e+1)}})()}if(r=this.tokenizer.inlineText(i,ee)){t=t.substring(r.raw.length);if(r.raw.slice(-1)!=="_"){u=r.raw.slice(-1)}d=true;s=n[n.length-1];if(s&&s.type==="text"){s.raw+=r.raw;s.text+=r.text}else{n.push(r)}continue}if(t){var m="Infinite loop on byte: "+t.charCodeAt(0);if(this.options.silent){console.error(m);break}else{throw new Error(m)}}}return n};t(e,null,[{key:"rules",get:function e(){return{block:K,inline:Z}}}]);return e}();var ae=s.exports.defaults;var re=N.cleanUrl,se=N.escape;var ie=function(){function e(e){this.options=e||ae}var t=e.prototype;t.code=function e(t,n,a){var r=(n||"").match(/\S*/)[0];if(this.options.highlight){var s=this.options.highlight(t,r);if(s!=null&&s!==t){a=true;t=s}}t=t.replace(/\n$/,"")+"\n";if(!r){return"<pre><code>"+(a?t:se(t,true))+"</code></pre>\n"}return'<pre><code class="'+this.options.langPrefix+se(r,true)+'">'+(a?t:se(t,true))+"</code></pre>\n"};t.blockquote=function e(t){return"<blockquote>\n"+t+"</blockquote>\n"};t.html=function e(t){return t};t.heading=function e(t,n,a,r){if(this.options.headerIds){return"<h"+n+' id="'+this.options.headerPrefix+r.slug(a)+'">'+t+"</h"+n+">\n"}return"<h"+n+">"+t+"</h"+n+">\n"};t.hr=function e(){return this.options.xhtml?"<hr/>\n":"<hr>\n"};t.list=function e(t,n,a){var r=n?"ol":"ul",s=n&&a!==1?' start="'+a+'"':"";return"<"+r+s+">\n"+t+"</"+r+">\n"};t.listitem=function e(t){return"<li>"+t+"</li>\n"};t.checkbox=function e(t){return"<input "+(t?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "};t.paragraph=function e(t){return"<p>"+t+"</p>\n"};t.table=function e(t,n){if(n)n="<tbody>"+n+"</tbody>";return"<table>\n"+"<thead>\n"+t+"</thead>\n"+n+"</table>\n"};t.tablerow=function e(t){return"<tr>\n"+t+"</tr>\n"};t.tablecell=function e(t,n){var a=n.header?"th":"td";var r=n.align?"<"+a+' align="'+n.align+'">':"<"+a+">";return r+t+"</"+a+">\n"};t.strong=function e(t){return"<strong>"+t+"</strong>"};t.em=function e(t){return"<em>"+t+"</em>"};t.codespan=function e(t){return"<code>"+t+"</code>"};t.br=function e(){return this.options.xhtml?"<br/>":"<br>"};t.del=function e(t){return"<del>"+t+"</del>"};t.link=function e(t,n,a){t=re(this.options.sanitize,this.options.baseUrl,t);if(t===null){return a}var r='<a href="'+se(t)+'"';if(n){r+=' title="'+n+'"'}r+=">"+a+"</a>";return r};t.image=function e(t,n,a){t=re(this.options.sanitize,this.options.baseUrl,t);if(t===null){return a}var r='<img src="'+t+'" alt="'+a+'"';if(n){r+=' title="'+n+'"'}r+=this.options.xhtml?"/>":">";return r};t.text=function e(t){return t};return e}();var oe=function(){function e(){}var t=e.prototype;t.strong=function e(t){return t};t.em=function e(t){return t};t.codespan=function e(t){return t};t.del=function e(t){return t};t.html=function e(t){return t};t.text=function e(t){return t};t.link=function e(t,n,a){return""+a};t.image=function e(t,n,a){return""+a};t.br=function e(){return""};return e}();var le=function(){function e(){this.seen={}}var t=e.prototype;t.serialize=function e(t){return t.toLowerCase().trim().replace(/<[!\/a-z].*?>/gi,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")};t.getNextSafeSlug=function e(t,n){var a=t;var r=0;if(this.seen.hasOwnProperty(a)){r=this.seen[t];do{r++;a=t+"-"+r}while(this.seen.hasOwnProperty(a))}if(!n){this.seen[t]=r;this.seen[a]=0}return a};t.slug=function e(t,n){if(n===void 0){n={}}var e=this.serialize(t);return this.getNextSafeSlug(e,n.dryrun)};return e}();var de=ie;var ue=oe;var ce=le;var me=s.exports.defaults;var pe=N.unescape;var he=function(){function e(e){this.options=e||me;this.options.renderer=this.options.renderer||new de;this.renderer=this.options.renderer;this.renderer.options=this.options;this.textRenderer=new ue;this.slugger=new ce}e.parse=function t(n,a){var r=new e(a);return r.parse(n)};e.parseInline=function t(n,a){var r=new e(a);return r.parseInline(n)};var t=e.prototype;t.parse=function e(t,n){if(n===void 0){n=true}var a="",r,s,i,o,l,d,u,c,m,p,h,g,f,b,v,x,w,y,_;var q=t.length;for(r=0;r<q;r++){p=t[r];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[p.type]){_=this.options.extensions.renderers[p.type].call({parser:this},p);if(_!==false||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(p.type)){a+=_||"";continue}}switch(p.type){case"space":{continue}case"hr":{a+=this.renderer.hr();continue}case"heading":{a+=this.renderer.heading(this.parseInline(p.tokens),p.depth,pe(this.parseInline(p.tokens,this.textRenderer)),this.slugger);continue}case"code":{a+=this.renderer.code(p.text,p.lang,p.escaped);continue}case"table":{c="";u="";o=p.header.length;for(s=0;s<o;s++){u+=this.renderer.tablecell(this.parseInline(p.header[s].tokens),{header:true,align:p.align[s]})}c+=this.renderer.tablerow(u);m="";o=p.rows.length;for(s=0;s<o;s++){d=p.rows[s];u="";l=d.length;for(i=0;i<l;i++){u+=this.renderer.tablecell(this.parseInline(d[i].tokens),{header:false,align:p.align[i]})}m+=this.renderer.tablerow(u)}a+=this.renderer.table(c,m);continue}case"blockquote":{m=this.parse(p.tokens);a+=this.renderer.blockquote(m);continue}case"list":{h=p.ordered;g=p.start;f=p.loose;o=p.items.length;m="";for(s=0;s<o;s++){v=p.items[s];x=v.checked;w=v.task;b="";if(v.task){y=this.renderer.checkbox(x);if(f){if(v.tokens.length>0&&v.tokens[0].type==="paragraph"){v.tokens[0].text=y+" "+v.tokens[0].text;if(v.tokens[0].tokens&&v.tokens[0].tokens.length>0&&v.tokens[0].tokens[0].type==="text"){v.tokens[0].tokens[0].text=y+" "+v.tokens[0].tokens[0].text}}else{v.tokens.unshift({type:"text",text:y})}}else{b+=y}}b+=this.parse(v.tokens,f);m+=this.renderer.listitem(b,w,x)}a+=this.renderer.list(m,h,g);continue}case"html":{a+=this.renderer.html(p.text);continue}case"paragraph":{a+=this.renderer.paragraph(this.parseInline(p.tokens));continue}case"text":{m=p.tokens?this.parseInline(p.tokens):p.text;while(r+1<q&&t[r+1].type==="text"){p=t[++r];m+="\n"+(p.tokens?this.parseInline(p.tokens):p.text)}a+=n?this.renderer.paragraph(m):m;continue}default:{var E='Token with "'+p.type+'" type was not found.';if(this.options.silent){console.error(E);return}else{throw new Error(E)}}}}return a};t.parseInline=function e(t,n){n=n||this.renderer;var a="",r,s,i;var o=t.length;for(r=0;r<o;r++){s=t[r];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[s.type]){i=this.options.extensions.renderers[s.type].call({parser:this},s);if(i!==false||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(s.type)){a+=i||"";continue}}switch(s.type){case"escape":{a+=n.text(s.text);break}case"html":{a+=n.html(s.text);break}case"link":{a+=n.link(s.href,s.title,this.parseInline(s.tokens,n));break}case"image":{a+=n.image(s.href,s.title,s.text);break}case"strong":{a+=n.strong(this.parseInline(s.tokens,n));break}case"em":{a+=n.em(this.parseInline(s.tokens,n));break}case"codespan":{a+=n.codespan(s.text);break}case"br":{a+=n.br();break}case"del":{a+=n.del(this.parseInline(s.tokens,n));break}case"text":{a+=n.text(s.text);break}default:{var l='Token with "'+s.type+'" type was not found.';if(this.options.silent){console.error(l);return}else{throw new Error(l)}}}}return a};return e}();var ge=ne;var fe=he;var be=M;var ve=ie;var xe=oe;var we=le;var ye=N.merge,_e=N.checkSanitizeDeprecation,qe=N.escape;var Ee=s.exports.getDefaults,ke=s.exports.changeDefaults,Te=s.exports.defaults;function Ce(e,t,n){if(typeof e==="undefined"||e===null){throw new Error("marked(): input parameter is undefined or null")}if(typeof e!=="string"){throw new Error("marked(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected")}if(typeof t==="function"){n=t;t=null}t=ye({},Ce.defaults,t||{});_e(t);if(n){var a=t.highlight;var r;try{r=ge.lex(e,t)}catch(e){return n(e)}var s=function e(s){var i;if(!s){try{if(t.walkTokens){Ce.walkTokens(r,t.walkTokens)}i=fe.parse(r,t)}catch(e){s=e}}t.highlight=a;return s?n(s):n(null,i)};if(!a||a.length<3){return s()}delete t.highlight;if(!r.length)return s();var i=0;Ce.walkTokens(r,(function(e){if(e.type==="code"){i++;setTimeout((function(){a(e.text,e.lang,(function(t,n){if(t){return s(t)}if(n!=null&&n!==e.text){e.text=n;e.escaped=true}i--;if(i===0){s()}}))}),0)}}));if(i===0){s()}return}try{var o=ge.lex(e,t);if(t.walkTokens){Ce.walkTokens(o,t.walkTokens)}return fe.parse(o,t)}catch(e){e.message+="\nPlease report this to https://github.com/markedjs/marked.";if(t.silent){return"<p>An error occurred:</p><pre>"+qe(e.message+"",true)+"</pre>"}throw e}}Ce.options=Ce.setOptions=function(e){ye(Ce.defaults,e);ke(Ce.defaults);return Ce};Ce.getDefaults=Ee;Ce.defaults=Te;Ce.use=function(){var e=this;for(var t=arguments.length,n=new Array(t),a=0;a<t;a++){n[a]=arguments[a]}var r=ye.apply(void 0,[{}].concat(n));var s=Ce.defaults.extensions||{renderers:{},childTokens:{}};var i;n.forEach((function(t){if(t.extensions){i=true;t.extensions.forEach((function(e){if(!e.name){throw new Error("extension name required")}if(e.renderer){var t=s.renderers?s.renderers[e.name]:null;if(t){s.renderers[e.name]=function(){for(var n=arguments.length,a=new Array(n),r=0;r<n;r++){a[r]=arguments[r]}var s=e.renderer.apply(this,a);if(s===false){s=t.apply(this,a)}return s}}else{s.renderers[e.name]=e.renderer}}if(e.tokenizer){if(!e.level||e.level!=="block"&&e.level!=="inline"){throw new Error("extension level must be 'block' or 'inline'")}if(s[e.level]){s[e.level].unshift(e.tokenizer)}else{s[e.level]=[e.tokenizer]}if(e.start){if(e.level==="block"){if(s.startBlock){s.startBlock.push(e.start)}else{s.startBlock=[e.start]}}else if(e.level==="inline"){if(s.startInline){s.startInline.push(e.start)}else{s.startInline=[e.start]}}}}if(e.childTokens){s.childTokens[e.name]=e.childTokens}}))}if(t.renderer){(function(){var e=Ce.defaults.renderer||new ve;var n=function n(a){var r=e[a];e[a]=function(){for(var n=arguments.length,s=new Array(n),i=0;i<n;i++){s[i]=arguments[i]}var o=t.renderer[a].apply(e,s);if(o===false){o=r.apply(e,s)}return o}};for(var a in t.renderer){n(a)}r.renderer=e})()}if(t.tokenizer){(function(){var e=Ce.defaults.tokenizer||new be;var n=function n(a){var r=e[a];e[a]=function(){for(var n=arguments.length,s=new Array(n),i=0;i<n;i++){s[i]=arguments[i]}var o=t.tokenizer[a].apply(e,s);if(o===false){o=r.apply(e,s)}return o}};for(var a in t.tokenizer){n(a)}r.tokenizer=e})()}if(t.walkTokens){var n=Ce.defaults.walkTokens;r.walkTokens=function(a){t.walkTokens.call(e,a);if(n){n(a)}}}if(i){r.extensions=s}Ce.setOptions(r)}))};Ce.walkTokens=function(e,t){var n=function e(){var n=s.value;t(n);switch(n.type){case"table":{for(var a=r(n.header),i;!(i=a()).done;){var o=i.value;Ce.walkTokens(o.tokens,t)}for(var l=r(n.rows),d;!(d=l()).done;){var u=d.value;for(var c=r(u),m;!(m=c()).done;){var p=m.value;Ce.walkTokens(p.tokens,t)}}break}case"list":{Ce.walkTokens(n.items,t);break}default:{if(Ce.defaults.extensions&&Ce.defaults.extensions.childTokens&&Ce.defaults.extensions.childTokens[n.type]){Ce.defaults.extensions.childTokens[n.type].forEach((function(e){Ce.walkTokens(n[e],t)}))}else if(n.tokens){Ce.walkTokens(n.tokens,t)}}}};for(var a=r(e),s;!(s=a()).done;){n()}};Ce.parseInline=function(e,t){if(typeof e==="undefined"||e===null){throw new Error("marked.parseInline(): input parameter is undefined or null")}if(typeof e!=="string"){throw new Error("marked.parseInline(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected")}t=ye({},Ce.defaults,t||{});_e(t);try{var n=ge.lexInline(e,t);if(t.walkTokens){Ce.walkTokens(n,t.walkTokens)}return fe.parseInline(n,t)}catch(e){e.message+="\nPlease report this to https://github.com/markedjs/marked.";if(t.silent){return"<p>An error occurred:</p><pre>"+qe(e.message+"",true)+"</pre>"}throw e}};Ce.Parser=fe;Ce.parser=fe.parse;Ce.Renderer=ve;Ce.TextRenderer=xe;Ce.Lexer=ge;Ce.lexer=ge.lex;Ce.Tokenizer=be;Ce.Slugger=we;Ce.parse=Ce;var Ae=Ce;return Ae}))}));function Br(e){var n=e.states,a=e.callbacks,r=e.readme;return[t("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return a.setEditedTemplate(e.target.value)}},n.editedTemplate),t("button",{onClick:function(){return a.setPreviewTemplate(n.editedTemplate)}},"Update Preview"),r?t("details",null,t("summary",null,"Props readme"),t("div",{innerHTML:Lr(r)})):"",t("div",{innerHTML:n.previewTemplate})]}var Gr={title:"Templates / Microsite"};function jr(e){var t=i(e),n=t[0],a=t[1];var r=i(e),s=r[0],o=r[1];return{states:{previewTemplate:s,editedTemplate:n},callbacks:{setEditedTemplate:a,setPreviewTemplate:o}}}var Wr=hr((function(){var e=jr(kr),n=e.states,a=e.callbacks;return t(Or,{states:n,callbacks:a,template:Ar})}));var Mr=hr((function(){var e=jr(qr),n=e.states,a=e.callbacks;return t(Or,{states:n,callbacks:a,template:Er})}));var Ur=hr((function(){var e=jr(Tr),n=e.states,a=e.callbacks;return t(Or,{states:n,callbacks:a,template:Cr,leadSubmit:true})}));var Vr=hr((function(){var e=jr(Ir),n=e.states,a=e.callbacks;return t(Or,{states:n,callbacks:a,template:Ir})}));var zr=hr((function(){var e=jr(_r),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var Hr=hr((function(){var e=jr(wr),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var Yr=hr((function(){var e=jr(Dr),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var Xr=hr((function(){var e=jr(fr),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var $r=hr((function(){var e=jr(yr),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var Jr=hr((function(){var e=jr(gr),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var Kr=hr((function(){var e=jr(br),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var Zr=hr((function(){var e=jr(Sr),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var Qr=hr((function(){var e=jr(vr),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var es=hr((function(){var e=jr(xr),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var ts=hr((function(){return t("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:fr}}})}));var ns=hr((function(){var e=jr(Rr),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var as=hr((function(){var e=jr(Nr),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var rs=hr((function(){var e=jr(Pr),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var ss=Object.freeze({__proto__:null,default:Gr,DefaultMicrosite:Wr,MultiProgramMicrosite:Mr,LeadSubmitMicrosite:Ur,TaxAndCash:Vr,Login:zr,ForgotPassword:Hr,Register:Yr,Dashboard:Xr,LeadSubmitIframe:$r,Activity:Jr,EditProfile:Kr,ResetPassword:Zr,EmailVerification:Qr,EmailVerified:es,Widget:ts,ResetPasswordEmail:ns,VerifyEmail:as,taxPayoutReminderEmail:rs});var is={title:"Powered By"};var os=function(){return t(G,null)};var ls=function(){return t(G,{color:"salmon"})};var ds=function(){return t(G,{width:300,height:50})};var us=Object.freeze({__proto__:null,default:is,Default:os,CustomColor:ls,CustomWidthAndHeight:ds});var cs='<sqm-brand brand-color="#4225c4" brand-font="Nunito Sans">\n  <sqm-portal-container\n    direction="column"\n    padding="small"\n    gap="xxx-large"\n    display="grid"\n    max-width="100%"\n    background-color="#ffffff"\n  >\n    <sqm-portal-container\n      direction="column"\n      padding="none"\n      gap="xxx-large"\n      display="grid"\n      max-width="100%"\n    >\n      <sqm-hero-image\n        image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png"\n        header="MyCompany Rewards"\n        description="Refer a friend and earn up to $1200 in rewards"\n        layout="columns"\n        image-pos="right"\n        background-color="#F9F9F9"\n      >\n      </sqm-hero-image>\n    </sqm-portal-container>\n    <sqm-portal-container\n      direction="column"\n      padding="none"\n      gap="xxx-large"\n      max-width="770px"\n      center\n      display="grid"\n    >\n      <sqm-stat-container space="xxx-large" display="flex">\n        <sqm-big-stat\n          flex-reverse="true"\n          alignment="left"\n          stat-type="/referralsCount"\n        >\n          <p>Referrals</p>\n        </sqm-big-stat>\n        <sqm-big-stat\n          flex-reverse="true"\n          alignment="left"\n          stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"\n        >\n          <p>Giftcards</p>\n        </sqm-big-stat>\n      </sqm-stat-container>\n      <sqm-portal-container\n        gap="large"\n        direction="column"\n        display="grid"\n        max-width="100%"\n        padding="none"\n      >\n        <sqm-titled-section\n          text-align="center"\n          label-margin="xxx-small"\n          padding="none"\n        >\n          <h3 slot="label">Get rewarded when your friend uses our product</h3>\n        </sqm-titled-section>\n        <sqm-referral-card vertical-alignment="start">\n          <sqm-portal-container\n            gap="large"\n            slot="left"\n            direction="column"\n            display="grid"\n            max-width="100%"\n            padding="none"\n          >\n            <p>\n              They’ll get a $50 credit towards a new account and you’ll get:\n            </p>\n            <sqm-timeline icon="circle">\n              <sqm-timeline-entry\n                reward="$50"\n                unit="visa giftcard"\n                desc="Your friend purchases a Business plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n              <sqm-timeline-entry\n                reward="$200"\n                unit="visa giftcard"\n                desc="Our sales team qualifies your friend as a good fit for our Enterprise plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n              <sqm-timeline-entry\n                reward="$1000"\n                unit="visa giftcard"\n                desc="Your friend purchases an Enterprise plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n            </sqm-timeline>\n          </sqm-portal-container>\n          <sqm-portal-container\n            gap="large"\n            slot="right"\n            direction="column"\n            display="grid"\n            max-width="100%"\n            padding="none"\n          >\n            <p>>Choose how you want to share</p>\n            <p><sub>Your unique referral link:</sub></p>\n            <sqm-share-link\n              tooltip-text="Copied to Clipboard"\n              tooltip-lifespan="1000"\n            >\n            </sqm-share-link>\n            <sqm-portal-container\n              gap="x-small"\n              direction="column"\n              display="grid"\n              max-width="100%"\n              padding="none"\n            >\n              <sqm-share-button\n                medium="email"\n                icon-slot="prefix"\n                size="medium"\n                type="default"\n              >\n                Share via email\n              </sqm-share-button>\n              <sqm-share-button\n                medium="linkedin"\n                icon-slot="prefix"\n                size="medium"\n                type="default"\n              >\n                Share on LinkedIn\n              </sqm-share-button>\n              <sqm-share-button\n                medium="twitter"\n                icon-slot="prefix"\n                size="medium"\n                type="default"\n              >\n                Post about us on X\n              </sqm-share-button>\n            </sqm-portal-container>\n          </sqm-portal-container>\n        </sqm-referral-card>\n      </sqm-portal-container>\n      <sqm-portal-container\n        gap="large"\n        direction="column"\n        display="grid"\n        max-width="100%"\n        padding="none"\n      >\n        <sqm-titled-section\n          padding="none"\n          text-align="center"\n          label-margin="xx-small"\n        >\n          <h3 slot="label">Referral History</h3>\n        </sqm-titled-section>\n        <sqm-referral-table\n          per-page="4"\n          hidden-columns="2"\n          more-label="Next"\n          prev-label="Prev"\n          sm-breakpoint="599"\n          md-breakpoint="799"\n        >\n          <sqm-referral-table-user-column\n            column-title="User"\n            anonymous-user="Anonymous User"\n            deleted-user="Deleted User"\n          >\n          </sqm-referral-table-user-column>\n          <sqm-referral-table-status-column\n            column-title="Referral status"\n            converted-status-text="Converted"\n            in-progress-status-text="In Progress"\n          >\n          </sqm-referral-table-status-column>\n          <sqm-referral-table-rewards-column\n            column-title="Rewards"\n            expiring-text="Expiring in"\n            fuel-tank-text="Your code is"\n            pending-for-text="{status} for {date}"\n            reward-received-text="Reward received on"\n            status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }"\n            status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n          >\n          </sqm-referral-table-rewards-column>\n          <sqm-referral-table-date-column\n            column-title="Date referred"\n            date-shown="dateReferralStarted"\n          >\n          </sqm-referral-table-date-column>\n          <sqm-empty\n            slot="empty"\n            empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png"\n            empty-state-header="View your referral details"\n            empty-state-text="Refer a friend to view the status of your referrals and rewards earned"\n          ></sqm-empty>\n        </sqm-referral-table>\n      </sqm-portal-container>\n      <sqm-portal-footer\n        support-email="support@example.com"\n        terms-link="https:\\/\\/example.com"\n        faq-link="https:\\/\\/example.com"\n        terms-text="Terms And Conditions"\n        faq-text="FAQ"\n        show-powered-by="true"\n        padding-bottom="none"\n        padding-left="none"\n        padding-right="none"\n        padding-top="none"\n      ></sqm-portal-footer>\n    </sqm-portal-container>\n  </sqm-portal-container>\n</sqm-brand>\n';var ms='<sqm-brand brand-color="#4225c4" brand-font="Nunito Sans">\n  <sqm-portal-container\n    direction="column"\n    padding="small"\n    gap="xxx-large"\n    display="grid"\n    max-width="100%"\n    background-color="#ffffff"\n  >\n    <sqm-portal-container\n      direction="column"\n      padding="none"\n      gap="xxx-large"\n      display="grid"\n      max-width="100%"\n    >\n      <sqm-hero-image\n        image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png"\n        header="MyCompany Rewards"\n        description="Refer friends and complete tasks to earn rewards"\n        layout="columns"\n        image-pos="right"\n        background-color="#F9F9F9"\n        image-mobile-pos="top"\n        image-percentage="50"\n        padding-image="none"\n        padding-text="xxxx-large"\n      >\n      </sqm-hero-image>\n    </sqm-portal-container>\n    <sqm-portal-container\n      direction="column"\n      padding="none"\n      gap="xxx-large"\n      max-width="770px"\n      center\n      display="grid"\n    >\n      <sqm-stat-container space="xxx-large" display="flex">\n        <sqm-big-stat\n          flex-reverse="true"\n          alignment="left"\n          stat-type="/referralsCount"\n        >\n          <p>Referrals</p>\n        </sqm-big-stat>\n        <sqm-big-stat\n          flex-reverse="true"\n          alignment="left"\n          stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"\n        >\n          <p>Giftcards Earned</p>\n        </sqm-big-stat>\n        <sqm-big-stat\n          flex-reverse="true"\n          alignment="left"\n          stat-type="/rewardBalance/CREDIT/POINT/value/global"\n        >\n          <p>Points Balance</p>\n        </sqm-big-stat>\n      </sqm-stat-container>\n      <sqm-portal-container\n        gap="xx-large"\n        direction="column"\n        display="grid"\n        max-width="100%"\n        padding="none"\n      >\n        <sqm-titled-section\n          text-align="center"\n          label-margin="xxx-small"\n          padding="none"\n        >\n          <h3 slot="label">Share $50 with friends</h3>\n          <p slot="content">\n            They’ll get a $50 credit towards a new account and you’ll get up to\n            $1200\n          </p>\n        </sqm-titled-section>\n        <sqm-referral-card vertical-alignment="start">\n          <sqm-portal-container\n            gap="large"\n            slot="left"\n            direction="column"\n            display="grid"\n            max-width="100%"\n            padding="none"\n          >\n            <p>\n              They’ll get a $50 credit towards a new account and you’ll get:\n            </p>\n            <sqm-timeline icon="circle">\n              <sqm-timeline-entry\n                reward="$50"\n                unit="visa giftcard"\n                desc="Your friend purchases a Business plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n              <sqm-timeline-entry\n                reward="$200"\n                unit="visa giftcard"\n                desc="Our sales team qualifies your friend as a good fit for our Enterprise plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n              <sqm-timeline-entry\n                reward="$1000"\n                unit="visa giftcard"\n                desc="Your friend purchases an Enterprise plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n            </sqm-timeline>\n          </sqm-portal-container>\n          <sqm-portal-container\n            gap="large"\n            slot="right"\n            direction="column"\n            display="grid"\n            max-width="100%"\n            padding="none"\n          >\n            <p>Choose how you want to share:</p>\n            <p><sub>Your unique referral link:</sub></p>\n            <sqm-share-link\n              tooltip-text="Copied to Clipboard"\n              tooltip-lifespan="1000"\n            >\n            </sqm-share-link>\n            <sqm-portal-container\n              gap="x-small"\n              direction="column"\n              display="grid"\n              max-width="100%"\n              padding="none"\n            >\n              <sqm-share-button\n                medium="email"\n                icon-slot="prefix"\n                size="medium"\n                type="default"\n              >\n                Share via email\n              </sqm-share-button>\n              <sqm-share-button\n                medium="linkedin"\n                icon-slot="prefix"\n                size="medium"\n                type="default"\n              >\n                Share on LinkedIn\n              </sqm-share-button>\n              <sqm-share-button\n                medium="twitter"\n                icon-slot="prefix"\n                size="medium"\n                type="default"\n              >\n                Post about us on X\n              </sqm-share-button>\n            </sqm-portal-container>\n          </sqm-portal-container>\n        </sqm-referral-card>\n        <sqm-portal-container\n          gap="xx-large"\n          direction="column"\n          display="grid"\n          max-width="100%"\n          min-width=""\n          padding="none"\n        >\n          <sqm-titled-section text-align="center" label-margin="xxx-small">\n            <h3 slot="label">Earn more rewards</h3>\n            <p slot="content">\n              Get points while using our product. Use those points to redeem\n              rewards like one free month of Enterprise or two plane tickets to\n              anywhere in North America\n            </p>\n          </sqm-titled-section>\n          <sqm-card-feed gap="24" width="347">\n            <sqm-task-card\n              reward-amount="20"\n              goal="1"\n              card-title="Complete a Survey"\n              description="Fill out our NPS survey and get 20 points for giving us honest feedback."\n              button-text="Take survey"\n              reward-unit="Points"\n              completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}"\n              ended-message="Ended {endDate}"\n              expiry-message="Ends {endDate}"\n              finite="0"\n              starts-on-message="Starts {startDate}"\n            >\n            </sqm-task-card>\n            <sqm-task-card\n              reward-amount="250"\n              goal="500"\n              show-progress-bar\n              card-title="Spend $500"\n              description="Earn 250 points when you spend $500 or more."\n              button-text="See plans"\n              completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}"\n              ended-message="Ended {endDate}"\n              expiry-message="Ends {endDate}"\n              progress-bar-unit="$"\n              finite="0"\n              reward-unit="Points"\n              starts-on-message="Starts {startDate}"\n            >\n            </sqm-task-card>\n            <sqm-task-card\n              goal="1"\n              reward-amount="50"\n              card-title="Follow Us on X"\n              description="Earn 50 points when you Follow Us on X!"\n              button-text="Follow"\n              button-link="https://twitter.com/"\n              open-new-tab="true"\n              event-key="socialFollow"\n              completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}"\n              ended-message="Ended {endDate}"\n              expiry-message="Ends {endDate}"\n              finite="0"\n              reward-unit="Points"\n              starts-on-message="Starts {startDate}"\n            >\n            </sqm-task-card>\n            <sqm-task-card\n              reward-amount="1"\n              reward-unit="Free Month"\n              goal="1"\n              card-title="Upgrade Your Plan"\n              description="Receive one free month for being a committed customer when you upgrade your plan."\n              button-text="Upgrade"\n              completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}"\n              ended-message="Ended {endDate}"\n              expiry-message="Ends {endDate}"\n              open-new-tab="false"\n              finite="0"\n              starts-on-message="Starts {startDate}"\n            >\n            </sqm-task-card>\n          </sqm-card-feed>\n        </sqm-portal-container>\n        <sqm-tabs>\n          <sqm-tab header="Referral history">\n            <sqm-referral-table\n              per-page="4"\n              hidden-columns="2"\n              more-label="Next"\n              prev-label="Prev"\n              sm-breakpoint="599"\n              md-breakpoint="799"\n            >\n              <sqm-referral-table-user-column\n                column-title="User"\n                anonymous-user="Anonymous User"\n                deleted-user="Deleted User"\n              >\n              </sqm-referral-table-user-column>\n              <sqm-referral-table-status-column\n                column-title="Referral status"\n                converted-status-text="Converted"\n                in-progress-status-text="In Progress"\n              >\n              </sqm-referral-table-status-column>\n              <sqm-referral-table-rewards-column\n                column-title="Rewards"\n                expiring-text="Expiring in"\n                fuel-tank-text="Your code is"\n                pending-for-text="{status} for {date}"\n                reward-received-text="Reward received on"\n                status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }"\n                status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n              >\n              </sqm-referral-table-rewards-column>\n              <sqm-referral-table-date-column\n                column-title="Date referred"\n                date-shown="dateReferralStarted"\n              >\n              </sqm-referral-table-date-column>\n              <sqm-empty\n                slot="empty"\n                empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png"\n                empty-state-header="View your referral details"\n                empty-state-text="Refer a friend to view the status of your referrals and rewards earned"\n              >\n              </sqm-empty>\n            </sqm-referral-table>\n          </sqm-tab>\n          <sqm-tab header="Reward history">\n            <sqm-rewards-table\n              per-page="4"\n              program-id=""\n              hidden-columns="0"\n              more-label="Next"\n              prev-label="Prev"\n              sm-breakpoint="599"\n              md-breakpoint="799"\n            >\n              <sqm-rewards-table-reward-column\n                available-text="{availableAmount} remaining"\n                column-title="Reward"\n                copy-text="Copied!"\n                redeemed-text="{redeemedAmount} redeemed"\n              >\n              </sqm-rewards-table-reward-column>\n              <sqm-rewards-table-source-column\n                anonymous-user="Anonymous User"\n                column-title="Source"\n                deleted-user="Deleted User"\n                referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}"\n                reward-exchange-text="Reward Exchange"\n                reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"\n              >\n              </sqm-rewards-table-source-column>\n              <sqm-rewards-table-status-column\n                column-title="Status"\n                expiry-text="Expires on "\n                status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n              >\n              </sqm-rewards-table-status-column>\n              <sqm-rewards-table-date-column\n                column-title="Date received"\n                date-shown="dateGiven"\n              >\n              </sqm-rewards-table-date-column>\n              <sqm-empty\n                slot="empty"\n                empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png"\n                empty-state-header="View your rewards"\n                empty-state-text="Refer friends and complete tasks to view the details of your rewards"\n              >\n              </sqm-empty>\n            </sqm-rewards-table>\n          </sqm-tab>\n        </sqm-tabs>\n      </sqm-portal-container>\n      <sqm-portal-footer\n        support-email="support@example.com"\n        terms-link="https:\\/\\/example.com"\n        faq-link="https:\\/\\/example.com"\n        terms-text="Terms And Conditions"\n        faq-text="FAQ"\n        show-powered-by="true"\n        padding-bottom="none"\n        padding-left="none"\n        padding-right="none"\n        padding-top="none"\n      ></sqm-portal-footer>\n    </sqm-portal-container>\n  </sqm-portal-container>\n</sqm-brand>\n';var ps='<sqm-brand brand-color="#4225c4" brand-font="Nunito Sans">\n  <sqm-portal-container\n    direction="column"\n    padding="small"\n    gap="xxx-large"\n    display="grid"\n    max-width="100%"\n    background-color="#ffffff"\n  >\n    <sqm-portal-container\n      direction="column"\n      padding="none"\n      gap="xxx-large"\n      display="grid"\n      max-width="100%"\n    >\n      <sqm-hero-image\n        image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png"\n        header="MyCompany Rewards"\n        description="Refer a friend and earn up to $1200 in rewards"\n        layout="columns"\n        image-pos="right"\n        background-color="#F9F9F9"\n      >\n      </sqm-hero-image>\n    </sqm-portal-container>\n    <sqm-portal-container\n      direction="column"\n      padding="none"\n      gap="xxx-large"\n      max-width="770px"\n      center\n      display="grid"\n    >\n      <sqm-stat-container space="xxx-large" display="flex">\n        <sqm-big-stat\n          flex-reverse="true"\n          alignment="left"\n          stat-type="/referralsCount"\n        >\n          <p>Referrals</p>\n        </sqm-big-stat>\n        <sqm-big-stat\n          flex-reverse="true"\n          alignment="left"\n          stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"\n        >\n          <p>Giftcards</p>\n        </sqm-big-stat>\n      </sqm-stat-container>\n      <sqm-portal-container\n        gap="large"\n        direction="column"\n        display="grid"\n        max-width="100%"\n        padding="none"\n      >\n        <sqm-titled-section\n          text-align="center"\n          label-margin="xxx-small"\n          padding="none"\n        >\n          <h3 slot="label">Get rewarded when your friend uses our product</h3>\n        </sqm-titled-section>\n        <sqm-referral-card vertical-alignment="start">\n          <sqm-portal-container\n            gap="large"\n            slot="left"\n            direction="column"\n            display="grid"\n            max-width="100%"\n            padding="none"\n          >\n            <p>\n              They’ll get a $50 credit towards a new account and you’ll get:\n            </p>\n            <sqm-timeline icon="circle">\n              <sqm-timeline-entry\n                reward="$50"\n                unit="visa giftcard"\n                desc="Your friend purchases a Business plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n              <sqm-timeline-entry\n                reward="$200"\n                unit="visa giftcard"\n                desc="Our sales team qualifies your friend as a good fit for our Enterprise plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n              <sqm-timeline-entry\n                reward="$1000"\n                unit="visa giftcard"\n                desc="Your friend purchases an Enterprise plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n            </sqm-timeline>\n          </sqm-portal-container>\n          <sqm-referral-codes slot="right">\n            <sqm-pagination slot="pagination"></sqm-pagination>\n            <sqm-referral-code\n              slot="shareCodes"\n              show-notification-text="true"\n            ></sqm-referral-code>\n            <sqm-portal-container gap="small" slot="shareButtons">\n              <sqm-share-button medium="email"\n                >Share via email</sqm-share-button\n              >\n              <sqm-share-button medium="fbmessenger"\n                >Share on Facebook</sqm-share-button\n              >\n              <sqm-share-button medium="whatsapp"\n                >Share on WhatsApp</sqm-share-button\n              >\n            </sqm-portal-container>\n          </sqm-referral-codes>\n        </sqm-referral-card>\n      </sqm-portal-container>\n      <sqm-portal-container\n        gap="large"\n        direction="column"\n        display="grid"\n        max-width="100%"\n        padding="none"\n      >\n        <sqm-titled-section\n          padding="none"\n          text-align="center"\n          label-margin="xx-small"\n        >\n          <h3 slot="label">Referral History</h3>\n        </sqm-titled-section>\n        <sqm-referral-table\n          per-page="4"\n          hidden-columns="2"\n          more-label="Next"\n          prev-label="Prev"\n          sm-breakpoint="599"\n          md-breakpoint="799"\n        >\n          <sqm-referral-table-user-column\n            column-title="User"\n            anonymous-user="Anonymous User"\n            deleted-user="Deleted User"\n          >\n          </sqm-referral-table-user-column>\n          <sqm-referral-table-status-column\n            column-title="Referral status"\n            converted-status-text="Converted"\n            in-progress-status-text="In Progress"\n          >\n          </sqm-referral-table-status-column>\n          <sqm-referral-table-rewards-column\n            column-title="Rewards"\n            expiring-text="Expiring in"\n            fuel-tank-text="Your code is"\n            pending-for-text="{status} for {date}"\n            reward-received-text="Reward received on"\n            status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }"\n            status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n          >\n          </sqm-referral-table-rewards-column>\n          <sqm-referral-table-date-column\n            column-title="Date referred"\n            date-shown="dateReferralStarted"\n          >\n          </sqm-referral-table-date-column>\n          <sqm-empty\n            slot="empty"\n            empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png"\n            empty-state-header="View your referral details"\n            empty-state-text="Refer a friend to view the status of your referrals and rewards earned"\n          ></sqm-empty>\n        </sqm-referral-table>\n      </sqm-portal-container>\n      <sqm-portal-footer\n        support-email="support@example.com"\n        terms-link="https:\\/\\/example.com"\n        faq-link="https:\\/\\/example.com"\n        terms-text="Terms And Conditions"\n        faq-text="FAQ"\n        show-powered-by="true"\n        padding-bottom="none"\n        padding-left="none"\n        padding-right="none"\n        padding-top="none"\n      ></sqm-portal-footer>\n    </sqm-portal-container>\n  </sqm-portal-container>\n</sqm-brand>\n';var hs='<sqm-brand brand-color="#4225c4" brand-font="Nunito Sans">\n  <sqm-portal-container\n    direction="column"\n    padding="small"\n    gap="xxxx-large"\n    display="grid"\n    max-width="100%"\n    background-color="#ffffff"\n  >\n    <sqm-portal-container\n      direction="column"\n      padding="none"\n      gap="xxx-large"\n      display="grid"\n      max-width="100%"\n    >\n      <sqm-hero-image\n        image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png"\n        header="MyCompany Rewards"\n        description="Complete tasks to earn rewards"\n        layout="overlay"\n        padding-image="xxxx-large"\n        padding-text="xxx-large"\n        image-pos="center"\n        overlay-color="#5e5669"\n        overlay-opacity="0.9"\n      >\n      </sqm-hero-image>\n      <sqm-portal-container\n        direction="column"\n        padding="none"\n        gap="xxx-large"\n        max-width="770px"\n        center\n        display="grid"\n      >\n        <sqm-program-explainer header="How it works">\n          <sqm-program-explainer-step\n            description="Complete tasks like uploading your first video or sharing videos with friends"\n            header="Earn points for using our product"\n            icon="cash-stack"\n            text-color="#000000"\n          >\n          </sqm-program-explainer-step>\n          <sqm-program-explainer-step\n            description="Redeem rewards like one free month of Enterprise or two plane tickets to anywhere in North America"\n            header="Redeem rewards with your points"\n            icon="people"\n            text-color="#000000"\n          >\n          </sqm-program-explainer-step>\n        </sqm-program-explainer>\n        <sqm-portal-container\n          center\n          direction="row"\n          display="flex"\n          justify-content="space-between"\n          gap="xxx-large"\n          max-width="100%"\n          padding="none"\n        >\n          <sqm-stat-container space="xxx-large" display="flex">\n            <sqm-big-stat\n              flex-reverse="true"\n              alignment="left"\n              stat-type="/rewardsRedeemed/CREDIT/POINTS"\n            >\n              <p>Points Redeemed</p>\n            </sqm-big-stat>\n            <sqm-big-stat\n              flex-reverse="true"\n              alignment="left"\n              stat-type="/rewardBalance/CREDIT/POINT/value/global"\n            >\n              <p>Points Balance</p>\n            </sqm-big-stat>\n          </sqm-stat-container>\n        </sqm-portal-container>\n        <sqm-portal-container\n          direction="column"\n          padding="none"\n          gap="xx-large"\n          display="grid"\n          max-width="100%"\n        >\n          <sqm-titled-section\n            label-margin="small"\n            padding="none"\n            text-align="center"\n          >\n            <h3 slot="label">Earn points</h3>\n          </sqm-titled-section>\n          <sqm-card-feed gap="24" width="347">\n            <sqm-task-card\n              reward-amount="20"\n              goal="1"\n              card-title="Complete a Survey"\n              description="Fill out our NPS survey and get 20 points for giving us honest feedback."\n              button-text="Take survey"\n              reward-unit="Points"\n              completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}"\n              ended-message="Ended {endDate}"\n              expiry-message="Ends {endDate}"\n              finite="0"\n              starts-on-message="Starts {startDate}"\n            >\n            </sqm-task-card>\n            <sqm-task-card\n              reward-amount="250"\n              goal="500"\n              show-progress-bar\n              card-title="Spend $500"\n              description="Earn 250 points when you spend $500 or more."\n              button-text="See plans"\n              completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}"\n              ended-message="Ended {endDate}"\n              expiry-message="Ends {endDate}"\n              progress-bar-unit="$"\n              finite="0"\n              reward-unit="Points"\n              starts-on-message="Starts {startDate}"\n            >\n            </sqm-task-card>\n            <sqm-task-card\n              goal="1"\n              reward-amount="50"\n              card-title="Follow Us on X"\n              description="Earn 50 points when you Follow Us on X!"\n              button-text="Follow"\n              button-link="https://twitter.com/"\n              open-new-tab="true"\n              event-key="socialFollow"\n              completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}"\n              ended-message="Ended {endDate}"\n              expiry-message="Ends {endDate}"\n              finite="0"\n              reward-unit="Points"\n              starts-on-message="Starts {startDate}"\n            >\n            </sqm-task-card>\n            <sqm-task-card\n              reward-amount="1"\n              reward-unit="Free Month"\n              goal="1"\n              card-title="Upgrade Your Plan"\n              description="Receive one free month for being a committed customer when you upgrade your plan."\n              button-text="Upgrade"\n              completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}"\n              ended-message="Ended {endDate}"\n              expiry-message="Ends {endDate}"\n              open-new-tab="false"\n              finite="0"\n              starts-on-message="Starts {startDate}"\n            >\n            </sqm-task-card>\n          </sqm-card-feed>\n          <sqm-portal-container\n            gap="large"\n            direction="column"\n            display="grid"\n            max-width="100%"\n            padding="none"\n          >\n            <sqm-titled-section\n              padding="none"\n              text-align="center"\n              label-margin="xx-small"\n            >\n              <h3 slot="label">Reward History</h3>\n            </sqm-titled-section>\n            <sqm-rewards-table\n              per-page="4"\n              hidden-columns="0"\n              more-label="Next"\n              prev-label="Prev"\n              sm-breakpoint="599"\n              md-breakpoint="799"\n            >\n              <sqm-rewards-table-reward-column\n                available-text="{availableAmount} remaining"\n                column-title="Reward"\n                copy-text="Copied!"\n                redeemed-text="{redeemedAmount} redeemed"\n              >\n              </sqm-rewards-table-reward-column>\n              <sqm-rewards-table-source-column\n                anonymous-user="Anonymous User"\n                column-title="Source"\n                deleted-user="Deleted User"\n                referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}"\n                reward-exchange-text="Reward Exchange"\n                reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"\n              >\n              </sqm-rewards-table-source-column>\n              <sqm-rewards-table-status-column\n                column-title="Status"\n                expiry-text="Expires on "\n                status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n              >\n              </sqm-rewards-table-status-column>\n              <sqm-rewards-table-date-column\n                column-title="Date received"\n                date-shown="dateGiven"\n              >\n              </sqm-rewards-table-date-column>\n              <sqm-empty\n                slot="empty"\n                empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png"\n                empty-state-header="View your rewards"\n                empty-state-text="Refer friends and complete tasks to view the details of your rewards"\n              >\n              </sqm-empty>\n            </sqm-rewards-table>\n          </sqm-portal-container>\n        </sqm-portal-container>\n        <sqm-portal-footer\n          support-email="support@example.com"\n          terms-link="https:\\/\\/example.com"\n          faq-link="https:\\/\\/example.com"\n          terms-text="Terms And Conditions"\n          faq-text="FAQ"\n          show-powered-by="true"\n          padding-bottom="none"\n          padding-left="none"\n          padding-right="none"\n          padding-top="none"\n        ></sqm-portal-footer>\n      </sqm-portal-container>\n    </sqm-portal-container>\n  </sqm-portal-container>\n</sqm-brand>\n';var gs='<sqm-hero\n  background="https://res.cloudinary.com/saasquatch/image/upload/v1683589933/Portal%20Assets/Screen-Shot-2022-01-06-at-3.23.58-AM.png"\n  columns="2"\n  padding-size="medium"\n  wrap-direction="wrap"\n  secondary-background="#FFFFFF"\n  min-height="200"\n  ><sqm-referral-card\n    vertical-alignment="start"\n    slot="secondary-column"\n    padding-bottom="small"\n    padding-left="x-large"\n    padding-right="x-large"\n    padding-top="small"\n  >\n    <sqm-titled-section\n      text-align="center"\n      label-margin="none"\n      padding="none"\n      slot="header"\n      ><h1 slot="label">Invite your friends to unlock rewards!</h1>\n      <p slot="content">\n        They&#x2019;ll get a &#x24;50 credit towards a new account and\n        you&#x2019;ll get a &#x24;50 in credit for each friend you refer.\n      </p></sqm-titled-section\n    >\n    <sqm-portal-container\n      gap="small"\n      direction="column"\n      display="grid"\n      max-width="100%"\n      padding="none"\n      slot="left"\n    >\n      <p style="margin: 0">Choose how you want to share:</p>\n      <sqm-share-link\n        tooltip-text="Copied to Clipboard"\n        tooltip-lifespan="1000"\n      >\n      </sqm-share-link>\n      <sqm-share-button\n        medium="email"\n        icon-slot="prefix"\n        size="medium"\n        type="default"\n      >\n        Share via email\n      </sqm-share-button>\n      <sqm-share-button\n        medium="linkedin"\n        icon-slot="prefix"\n        size="medium"\n        type="default"\n      >\n        Share on LinkedIn\n      </sqm-share-button>\n      <sqm-share-button\n        medium="twitter"\n        icon-slot="prefix"\n        size="medium"\n        type="default"\n      >\n        Post about us on X\n      </sqm-share-button> </sqm-portal-container\n    ><sqm-portal-container\n      display="flex"\n      slot="footer"\n      gap="small"\n      justify-content="center"\n    >\n      <sqm-logout-current-user\n        user-identification-text="{email}"\n        switch-user-link="#"\n        switch-user-text="not you?"\n        email-error-text="Error fetching email"\n      ></sqm-logout-current-user>\n      <sqm-portal-footer\n        support-email="support@example.com"\n        show-powered-by="true"\n        padding-bottom="x-small"\n        padding-left="none"\n        padding-right="none"\n        padding-top="none"\n        hide-support-text\n        terms-text="Terms And Conditions"\n        terms-link="https://example.com"\n      ></sqm-portal-footer></sqm-portal-container\n  ></sqm-referral-card>\n</sqm-hero>\n';var fs='<sqm-hero\n  background="https://res.cloudinary.com/saasquatch/image/upload/v1683589933/Portal%20Assets/Screen-Shot-2022-01-06-at-3.23.58-AM.png"\n  columns="2"\n  padding-size="medium"\n  wrap-direction="wrap"\n  secondary-background="#FFFFFF"\n>\n  <sqm-referral-card\n    vertical-alignment="start"\n    padding-bottom="small"\n    padding-left="x-large"\n    padding-right="x-large"\n    padding-top="small"\n    slot="secondary-column"\n  >\n    <sqm-portal-container\n      gap="large"\n      direction="column"\n      display="flex"\n      justify-content="center"\n      max-width="100%"\n      padding="none"\n      slot="header"\n    >\n      <sqm-titled-section\n        text-align="center"\n        label-margin="xxx-small"\n        padding="none"\n      >\n        <h1 slot="label">You got &#x24;50 off thanks to a friend!</h1>\n        <p slot="content">\n          <span> Use this reward to get &#x24;50 off your next purchase. </span>\n        </p>\n      </sqm-titled-section>\n\n      <sqm-coupon-code copy-button-style="button-outside"></sqm-coupon-code>\n    </sqm-portal-container>\n\n    <sqm-portal-footer\n      slot="footer"\n      show-powered-by="true"\n      padding-bottom="none"\n      padding-left="none"\n      padding-right="none"\n      padding-top="none"\n      hide-support-text\n      terms-text="Terms And Conditions"\n      terms-link="https://example.com"\n    ></sqm-portal-footer>\n  </sqm-referral-card>\n</sqm-hero>\n';var bs='<sqm-hero\n  background="https://res.cloudinary.com/saasquatch/image/upload/v1683589933/Portal%20Assets/Screen-Shot-2022-01-06-at-3.23.58-AM.png"\n  columns="2"\n  padding-size="medium"\n  wrap-direction="wrap"\n  secondary-background="#FFFFFF"\n  ><sqm-instant-access-registration\n    padding-bottom="small"\n    padding-left="x-large"\n    padding-right="x-large"\n    padding-top="small"\n    slot="secondary-column"\n    ><sqm-titled-section\n      text-align="center"\n      label-margin="small"\n      padding="none"\n      slot="top"\n      ><div slot="label"><h1>Invite your friends to unlock rewards!</h1></div>\n\n      <p slot="content">\n        They&#x2019;ll get a &#x24;50 credit towards a new account and\n        you&#x2019;ll get a &#x24;50 in credit for each friend you refer.\n      </p> </sqm-titled-section\n    ><sqm-portal-footer\n      slot="bottom"\n      support-email="support@example.com"\n      show-powered-by="true"\n      padding-bottom="x-small"\n      padding-left="none"\n      padding-right="none"\n      padding-top="none"\n      hide-support-text\n      terms-text="Terms And Conditions"\n      terms-link="https://example.com"\n    ></sqm-portal-footer\n  ></sqm-instant-access-registration>\n</sqm-hero>\n';var vs='<sqm-hero\n  background="https://res.cloudinary.com/saasquatch/image/upload/v1683589933/Portal%20Assets/Screen-Shot-2022-01-06-at-3.23.58-AM.png"\n  columns="2"\n  padding-size="medium"\n  wrap-direction="wrap"\n  secondary-background="#FFFFFF"\n  ><sqm-referred-registration\n    slot="secondary-column"\n    register-label="Get $50 off"\n    padding-bottom="small"\n    padding-left="x-large"\n    padding-right="x-large"\n    padding-top="small"\n    ><sqm-titled-section\n      text-align="center"\n      label-margin="small"\n      padding="none"\n      slot="top"\n      ><h1 slot="label">You got &#x24;50 off thanks to a friend!</h1>\n      <p slot="content">\n        <span>Use this reward to get &#x24;50 off your next purchase.</span>\n      </p>\n    </sqm-titled-section>\n    <div slot="bottom">\n      <p style="text-align: center">*Valid on purchases of &#x24;75 or more</p>\n      <sqm-portal-footer\n        slot="footer"\n        show-powered-by="true"\n        padding-bottom="none"\n        padding-left="none"\n        padding-right="none"\n        padding-top="none"\n        hide-support-text\n        terms-text="Terms And Conditions"\n        terms-link="https://example.com"\n      ></sqm-portal-footer>\n    </div> </sqm-referred-registration\n></sqm-hero>\n';var xs='<sqm-brand brand-color="#4225c4" brand-font="Nunito Sans">\n  <sqm-portal-container\n    direction="column"\n    padding="small"\n    gap="xxx-large"\n    display="grid"\n    max-width="100%"\n    background-color="#ffffff"\n  >\n    <sqm-portal-container\n      direction="column"\n      padding="none"\n      gap="xxx-large"\n      display="grid"\n      max-width="100%"\n    >\n      <sqm-hero-image\n        image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png"\n        header="MyCompany Rewards"\n        description="Refer a friend and earn up to $1200 in rewards"\n        layout="columns"\n        image-pos="right"\n        background-color="#F9F9F9"\n      >\n      </sqm-hero-image>\n    </sqm-portal-container>\n    <sqm-portal-container\n      direction="column"\n      padding="none"\n      gap="xxx-large"\n      max-width="770px"\n      center\n      display="grid"\n    >\n      <sqm-stat-container space="xxx-large" display="flex">\n        <sqm-big-stat\n          flex-reverse="true"\n          alignment="left"\n          stat-type="/referralsCount"\n        >\n          <p>Referrals</p>\n        </sqm-big-stat>\n        <sqm-big-stat\n          flex-reverse="true"\n          alignment="left"\n          stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"\n        >\n          <p>Giftcards</p>\n        </sqm-big-stat>\n      </sqm-stat-container>\n      <sqp-account-details\n        schedule-header-text="Schedule"\n        integration-alert-text="Looks like this feature is turned off at the moment. Come back later to see if it’s enabled. "\n        integration-alert-header="PayPal payouts are currently disabled"\n        details-header-text="Payout details"\n        pay-pal-account-header-text="PayPal account"\n        connect-pay-pal-description-text="Connect your PayPal account to automatically receive payments/cash rewards."\n        connect-pay-pal-account-button-text="Connect account"\n        w-9-tax-label="Awaiting W-9 tax form"\n        upcoming-payment-label="Upcoming"\n        recent-payment-label="Recent payment"\n        other-currencies-label="other currencies"\n        next-payout-label="Next payout"\n        next-payment-label="Next payment"\n        header-text="PayPal account"\n        edit-text="Edit"\n        account-label="Account"\n        success-message="Success!"\n        submit-pay-pal-account-button-text="Connect account"\n        pay-pal-email-label-help-text="Enter the email used for your PayPal account."\n        pay-pal-email-label="PayPal email"\n        modal-connect-pay-pal-account-header="Connect PayPal account"\n        disconnect-account-header-text="Disconnect account"\n        disconnect-account-description-text="You will not be able to receive payments if you disconnect your PayPal account."\n      ></sqp-account-details>\n      <sqm-portal-container\n        gap="large"\n        direction="column"\n        display="grid"\n        max-width="100%"\n        padding="none"\n      >\n        <sqm-titled-section\n          text-align="center"\n          label-margin="xxx-small"\n          padding="none"\n        >\n          <h3 slot="label">Get rewarded when your friend uses our product</h3>\n        </sqm-titled-section>\n        <sqm-referral-card vertical-alignment="start">\n          <sqm-portal-container\n            gap="large"\n            slot="left"\n            direction="column"\n            display="grid"\n            max-width="100%"\n            padding="none"\n          >\n            <p>\n              They’ll get a $50 credit towards a new account and you’ll get:\n            </p>\n            <sqm-timeline icon="circle">\n              <sqm-timeline-entry\n                reward="$50"\n                unit="visa giftcard"\n                desc="Your friend purchases a Business plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n              <sqm-timeline-entry\n                reward="$200"\n                unit="visa giftcard"\n                desc="Our sales team qualifies your friend as a good fit for our Enterprise plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n              <sqm-timeline-entry\n                reward="$1000"\n                unit="visa giftcard"\n                desc="Your friend purchases an Enterprise plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n            </sqm-timeline>\n          </sqm-portal-container>\n          <sqm-portal-container\n            gap="large"\n            slot="right"\n            direction="column"\n            display="grid"\n            max-width="100%"\n            padding="none"\n          >\n            <p>>Choose how you want to share</p>\n            <p><sub>Your unique referral link:</sub></p>\n            <sqm-share-link\n              tooltip-text="Copied to Clipboard"\n              tooltip-lifespan="1000"\n            >\n            </sqm-share-link>\n            <sqm-portal-container\n              gap="x-small"\n              direction="column"\n              display="grid"\n              max-width="100%"\n              padding="none"\n            >\n              <sqm-share-button\n                medium="email"\n                icon-slot="prefix"\n                size="medium"\n                type="default"\n              >\n                Share via email\n              </sqm-share-button>\n              <sqm-share-button\n                medium="linkedin"\n                icon-slot="prefix"\n                size="medium"\n                type="default"\n              >\n                Share on LinkedIn\n              </sqm-share-button>\n              <sqm-share-button\n                medium="twitter"\n                icon-slot="prefix"\n                size="medium"\n                type="default"\n              >\n                Post about us on X\n              </sqm-share-button>\n            </sqm-portal-container>\n          </sqm-portal-container>\n        </sqm-referral-card>\n      </sqm-portal-container>\n      <sqm-portal-container\n        gap="large"\n        direction="column"\n        display="grid"\n        max-width="100%"\n        padding="none"\n      >\n        <sqm-titled-section\n          padding="none"\n          text-align="center"\n          label-margin="xx-small"\n        >\n          <h3 slot="label">Referral History</h3>\n        </sqm-titled-section>\n        <sqm-referral-table\n          per-page="4"\n          hidden-columns="2"\n          more-label="Next"\n          prev-label="Prev"\n          sm-breakpoint="599"\n          md-breakpoint="799"\n        >\n          <sqm-referral-table-user-column\n            column-title="User"\n            anonymous-user="Anonymous User"\n            deleted-user="Deleted User"\n          >\n          </sqm-referral-table-user-column>\n          <sqm-referral-table-status-column\n            column-title="Referral status"\n            converted-status-text="Converted"\n            in-progress-status-text="In Progress"\n          >\n          </sqm-referral-table-status-column>\n          <sqp-rewards-column\n            column-title="Rewards"\n            expiring-text="Expiring in"\n            fuel-tank-text="Your code is"\n            pending-for-text="{status} for {date}"\n            reward-blocked-text="Payout blocked on {date}."\n            reward-on-hold-text="Payout on hold and in review since {date}."\n            reward-paid-out-text="Paid out on {date}."\n            reward-payout-failed-text="This payout will be retried up to 3 times. If it still fails it will be retried in the next payout cycle. Last attempted on {date}."\n            reward-payout-in-progress-text="Payout processing started on {date}."\n            reward-received-text="Reward received on"\n            reward-refunded-text="Payout refunded on {date}."\n            reward-returned-text="The email you provided does not link to an existing PayPal account. Payout expired on {date}."\n            reward-reversed-text="Payout reversed on {date}."\n            reward-unclaimed-text="The email you provided does not link to an existing PayPal account. Payout expires on {date}."\n            status-long-text="{status, select, INPROGRESS {In Progress} TRANSFERRED {Transferred} AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} REDEEMED {Redeemed on} PENDING {Available on} EXPIRED {Reward expired on} SUCCESS {Paid out on} FAILED {This payout will be retried up to 3 times. If it still fails it will be retried in the next payout cycle. Last attempted on} PAYPAL_PENDING {Payout process started on} UNCLAIMED {The email you provided does not link to an existing PayPal account. Payout expires on} ONHOLD {Payout on hold and in review since} REFUNDED {Payout refunded on} RETURNED {Payout returned on} REVERSED {Payout reversed on} BLOCKED {Payout blocked on} other {Not available} }"\n            status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} EXPIRED {Expired} REDEEMED {Redeemed} PENDING {Pending} SUCCESS {Paid Out} FAILED {Failed} PAYPAL_PENDING {In progress} UNCLAIMED {Unclaimed} ONHOLD {In progress} REFUNDED {Refunded} RETURNED {Returned} REVERSED {Reversed} BLOCKED {Blocked} other {Not available}  }"\n          ></sqp-rewards-column>\n          <sqm-referral-table-date-column\n            column-title="Date referred"\n            date-shown="dateReferralStarted"\n          >\n          </sqm-referral-table-date-column>\n          <sqm-empty\n            slot="empty"\n            empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png"\n            empty-state-header="View your referral details"\n            empty-state-text="Refer a friend to view the status of your referrals and rewards earned"\n          ></sqm-empty>\n        </sqm-referral-table>\n      </sqm-portal-container>\n      <sqm-portal-footer\n        support-email="support@example.com"\n        terms-link="https:\\/\\/example.com"\n        faq-link="https:\\/\\/example.com"\n        terms-text="Terms And Conditions"\n        faq-text="FAQ"\n        show-powered-by="true"\n        padding-bottom="none"\n        padding-left="none"\n        padding-right="none"\n        padding-top="none"\n      ></sqm-portal-footer>\n    </sqm-portal-container>\n  </sqm-portal-container>\n</sqm-brand>\n';var ws='<sqm-brand brand-color="#4225c4" brand-font="Nunito Sans">\n  <sqm-portal-container\n    direction="column"\n    padding="small"\n    gap="xxx-large"\n    display="grid"\n    max-width="100%"\n    background-color="#ffffff"\n  >\n    <sqm-portal-container\n      direction="column"\n      padding="none"\n      gap="xxx-large"\n      display="grid"\n      max-width="100%"\n    >\n      <sqm-hero-image\n        image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png"\n        header="MyCompany Rewards"\n        description="Refer friends and complete tasks to earn rewards"\n        layout="columns"\n        image-pos="right"\n        background-color="#F9F9F9"\n        image-mobile-pos="top"\n        image-percentage="50"\n        padding-image="none"\n        padding-text="xxxx-large"\n      >\n      </sqm-hero-image>\n    </sqm-portal-container>\n    <sqm-portal-container\n      direction="column"\n      padding="none"\n      gap="xxx-large"\n      max-width="770px"\n      center\n      display="grid"\n    >\n      <sqm-stat-container space="xxx-large" display="flex">\n        <sqm-big-stat\n          flex-reverse="true"\n          alignment="left"\n          stat-type="/referralsCount"\n        >\n          <p>Referrals</p>\n        </sqm-big-stat>\n        <sqm-big-stat\n          flex-reverse="true"\n          alignment="left"\n          stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"\n        >\n          <p>Giftcards Earned</p>\n        </sqm-big-stat>\n        <sqm-big-stat\n          flex-reverse="true"\n          alignment="left"\n          stat-type="/rewardBalance/CREDIT/POINT/value/global"\n        >\n          <p>Points Balance</p>\n        </sqm-big-stat>\n      </sqm-stat-container>\n      <sqp-account-details\n        schedule-header-text="Schedule"\n        integration-alert-text="Looks like this feature is turned off at the moment. Come back later to see if it’s enabled. "\n        integration-alert-header="PayPal payouts are currently disabled"\n        details-header-text="Payout details"\n        pay-pal-account-header-text="PayPal account"\n        connect-pay-pal-description-text="Connect your PayPal account to automatically receive payments/cash rewards."\n        connect-pay-pal-account-button-text="Connect account"\n        w-9-tax-label="Awaiting W-9 tax form"\n        upcoming-payment-label="Upcoming"\n        recent-payment-label="Recent payment"\n        other-currencies-label="other currencies"\n        next-payout-label="Next payout"\n        next-payment-label="Next payment"\n        header-text="PayPal account"\n        edit-text="Edit"\n        account-label="Account"\n        success-message="Success!"\n        submit-pay-pal-account-button-text="Connect account"\n        pay-pal-email-label-help-text="Enter the email used for your PayPal account."\n        pay-pal-email-label="PayPal email"\n        modal-connect-pay-pal-account-header="Connect PayPal account"\n        disconnect-account-header-text="Disconnect account"\n        disconnect-account-description-text="You will not be able to receive payments if you disconnect your PayPal account."\n      ></sqp-account-details>\n      <sqm-portal-container\n        gap="xx-large"\n        direction="column"\n        display="grid"\n        max-width="100%"\n        padding="none"\n      >\n        <sqm-titled-section\n          text-align="center"\n          label-margin="xxx-small"\n          padding="none"\n        >\n          <h3 slot="label">Share $50 with friends</h3>\n          <p slot="content">\n            They’ll get a $50 credit towards a new account and you’ll get up to\n            $1200\n          </p>\n        </sqm-titled-section>\n        <sqm-referral-card vertical-alignment="start">\n          <sqm-portal-container\n            gap="large"\n            slot="left"\n            direction="column"\n            display="grid"\n            max-width="100%"\n            padding="none"\n          >\n            <p>\n              They’ll get a $50 credit towards a new account and you’ll get:\n            </p>\n            <sqm-timeline icon="circle">\n              <sqm-timeline-entry\n                reward="$50"\n                unit="visa giftcard"\n                desc="Your friend purchases a Business plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n              <sqm-timeline-entry\n                reward="$200"\n                unit="visa giftcard"\n                desc="Our sales team qualifies your friend as a good fit for our Enterprise plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n              <sqm-timeline-entry\n                reward="$1000"\n                unit="visa giftcard"\n                desc="Your friend purchases an Enterprise plan"\n                icon="circle"\n              >\n              </sqm-timeline-entry>\n            </sqm-timeline>\n          </sqm-portal-container>\n          <sqm-portal-container\n            gap="large"\n            slot="right"\n            direction="column"\n            display="grid"\n            max-width="100%"\n            padding="none"\n          >\n            <p>Choose how you want to share:</p>\n            <p><sub>Your unique referral link:</sub></p>\n            <sqm-share-link\n              tooltip-text="Copied to Clipboard"\n              tooltip-lifespan="1000"\n            >\n            </sqm-share-link>\n            <sqm-portal-container\n              gap="x-small"\n              direction="column"\n              display="grid"\n              max-width="100%"\n              padding="none"\n            >\n              <sqm-share-button\n                medium="email"\n                icon-slot="prefix"\n                size="medium"\n                type="default"\n              >\n                Share via email\n              </sqm-share-button>\n              <sqm-share-button\n                medium="linkedin"\n                icon-slot="prefix"\n                size="medium"\n                type="default"\n              >\n                Share on LinkedIn\n              </sqm-share-button>\n              <sqm-share-button\n                medium="twitter"\n                icon-slot="prefix"\n                size="medium"\n                type="default"\n              >\n                Post about us on X\n              </sqm-share-button>\n            </sqm-portal-container>\n          </sqm-portal-container>\n        </sqm-referral-card>\n        <sqm-portal-container\n          gap="xx-large"\n          direction="column"\n          display="grid"\n          max-width="100%"\n          min-width=""\n          padding="none"\n        >\n          <sqm-titled-section text-align="center" label-margin="xxx-small">\n            <h3 slot="label">Earn more rewards</h3>\n            <p slot="content">\n              Get points while using our product. Use those points to redeem\n              rewards like one free month of Enterprise or two plane tickets to\n              anywhere in North America\n            </p>\n          </sqm-titled-section>\n          <sqm-card-feed gap="24" width="347">\n            <sqm-task-card\n              reward-amount="20"\n              goal="1"\n              card-title="Complete a Survey"\n              description="Fill out our NPS survey and get 20 points for giving us honest feedback."\n              button-text="Take survey"\n              reward-unit="Points"\n              completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}"\n              ended-message="Ended {endDate}"\n              expiry-message="Ends {endDate}"\n              finite="0"\n              starts-on-message="Starts {startDate}"\n            >\n            </sqm-task-card>\n            <sqm-task-card\n              reward-amount="250"\n              goal="500"\n              show-progress-bar\n              card-title="Spend $500"\n              description="Earn 250 points when you spend $500 or more."\n              button-text="See plans"\n              completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}"\n              ended-message="Ended {endDate}"\n              expiry-message="Ends {endDate}"\n              progress-bar-unit="$"\n              finite="0"\n              reward-unit="Points"\n              starts-on-message="Starts {startDate}"\n            >\n            </sqm-task-card>\n            <sqm-task-card\n              goal="1"\n              reward-amount="50"\n              card-title="Follow Us on X"\n              description="Earn 50 points when you Follow Us on X!"\n              button-text="Follow"\n              button-link="https://twitter.com/"\n              open-new-tab="true"\n              event-key="socialFollow"\n              completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}"\n              ended-message="Ended {endDate}"\n              expiry-message="Ends {endDate}"\n              finite="0"\n              reward-unit="Points"\n              starts-on-message="Starts {startDate}"\n            >\n            </sqm-task-card>\n            <sqm-task-card\n              reward-amount="1"\n              reward-unit="Free Month"\n              goal="1"\n              card-title="Upgrade Your Plan"\n              description="Receive one free month for being a committed customer when you upgrade your plan."\n              button-text="Upgrade"\n              completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}"\n              ended-message="Ended {endDate}"\n              expiry-message="Ends {endDate}"\n              open-new-tab="false"\n              finite="0"\n              starts-on-message="Starts {startDate}"\n            >\n            </sqm-task-card>\n          </sqm-card-feed>\n        </sqm-portal-container>\n        <sqm-tabs>\n          <sqm-tab header="Referral history">\n            <sqm-referral-table\n              per-page="4"\n              hidden-columns="2"\n              more-label="Next"\n              prev-label="Prev"\n              sm-breakpoint="599"\n              md-breakpoint="799"\n            >\n              <sqm-referral-table-user-column\n                column-title="User"\n                anonymous-user="Anonymous User"\n                deleted-user="Deleted User"\n              >\n              </sqm-referral-table-user-column>\n              <sqm-referral-table-status-column\n                column-title="Referral status"\n                converted-status-text="Converted"\n                in-progress-status-text="In Progress"\n              >\n              </sqm-referral-table-status-column>\n              <sqp-rewards-column\n                column-title="Rewards"\n                expiring-text="Expiring in"\n                fuel-tank-text="Your code is"\n                pending-for-text="{status} for {date}"\n                reward-blocked-text="Payout blocked on {date}."\n                reward-on-hold-text="Payout on hold and in review since {date}."\n                reward-paid-out-text="Paid out on {date}."\n                reward-payout-failed-text="This payout will be retried up to 3 times. If it still fails it will be retried in the next payout cycle. Last attempted on {date}."\n                reward-payout-in-progress-text="Payout processing started on {date}."\n                reward-received-text="Reward received on"\n                reward-refunded-text="Payout refunded on {date}."\n                reward-returned-text="The email you provided does not link to an existing PayPal account. Payout expired on {date}."\n                reward-reversed-text="Payout reversed on {date}."\n                reward-unclaimed-text="The email you provided does not link to an existing PayPal account. Payout expires on {date}."\n                status-long-text="{status, select, INPROGRESS {In Progress} TRANSFERRED {Transferred} AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} REDEEMED {Redeemed on} PENDING {Available on} EXPIRED {Reward expired on} SUCCESS {Paid out on} FAILED {This payout will be retried up to 3 times. If it still fails it will be retried in the next payout cycle. Last attempted on} PAYPAL_PENDING {Payout process started on} UNCLAIMED {The email you provided does not link to an existing PayPal account. Payout expires on} ONHOLD {Payout on hold and in review since} REFUNDED {Payout refunded on} RETURNED {Payout returned on} REVERSED {Payout reversed on} BLOCKED {Payout blocked on} other {Not available} }"\n                status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} EXPIRED {Expired} REDEEMED {Redeemed} PENDING {Pending} SUCCESS {Paid Out} FAILED {Failed} PAYPAL_PENDING {In progress} UNCLAIMED {Unclaimed} ONHOLD {In progress} REFUNDED {Refunded} RETURNED {Returned} REVERSED {Reversed} BLOCKED {Blocked} other {Not available}  }"\n              ></sqp-rewards-column>\n              <sqm-referral-table-date-column\n                column-title="Date referred"\n                date-shown="dateReferralStarted"\n              >\n              </sqm-referral-table-date-column>\n              <sqm-empty\n                slot="empty"\n                empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png"\n                empty-state-header="View your referral details"\n                empty-state-text="Refer a friend to view the status of your referrals and rewards earned"\n              >\n              </sqm-empty>\n            </sqm-referral-table>\n          </sqm-tab>\n          <sqm-tab header="Reward history">\n            <sqm-rewards-table\n              per-page="4"\n              program-id=""\n              hidden-columns="0"\n              more-label="Next"\n              prev-label="Prev"\n              sm-breakpoint="599"\n              md-breakpoint="799"\n            >\n              <sqm-rewards-table-reward-column\n                available-text="{availableAmount} remaining"\n                column-title="Reward"\n                copy-text="Copied!"\n                redeemed-text="{redeemedAmount} redeemed"\n              >\n              </sqm-rewards-table-reward-column>\n              <sqm-rewards-table-source-column\n                anonymous-user="Anonymous User"\n                column-title="Source"\n                deleted-user="Deleted User"\n                referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}"\n                reward-exchange-text="Reward Exchange"\n                reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"\n              >\n              </sqm-rewards-table-source-column>\n              <sqp-status-column\n                column-title="Status"\n                expiry-text="Expires on "\n                pending-scheduled="Until"\n                pending-unhandled="Fulfillment error"\n                pending-us-tax="W-9 required"\n                reward-blocked-text="Payout blocked on"\n                reward-on-hold-text="Payout on hold and in review since"\n                reward-paid-out-text="Paid out on"\n                reward-payout-failed-text="This payout will be retried up to 3 times. If it still fails it will be retried in the next payout cycle. Last attempted on"\n                reward-payout-in-progress-text="Payout processing started on"\n                reward-refunded-text="Payout refunded on"\n                reward-returned-text="The email you provided does not link to an existing PayPal account. Payout expired on"\n                reward-reversed-text="Payout reversed on"\n                reward-unclaimed-text="The email you provided does not link to an existing PayPal account. Payout expires on"\n                status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} EXPIRED {Expired} REDEEMED {Redeemed} PENDING {Pending} SUCCESS {Paid Out} FAILED {Failed} PAYPAL_PENDING {In progress} UNCLAIMED {Unclaimed} ONHOLD {In progress} REFUNDED {Refunded} RETURNED {Returned} REVERSED {Reversed} BLOCKED {Blocked} other {Not available}  }"\n              ></sqp-status-column>\n              <sqm-rewards-table-date-column\n                column-title="Date received"\n                date-shown="dateGiven"\n              >\n              </sqm-rewards-table-date-column>\n              <sqm-empty\n                slot="empty"\n                empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png"\n                empty-state-header="View your rewards"\n                empty-state-text="Refer friends and complete tasks to view the details of your rewards"\n              >\n              </sqm-empty>\n            </sqm-rewards-table>\n          </sqm-tab>\n        </sqm-tabs>\n      </sqm-portal-container>\n      <sqm-portal-footer\n        support-email="support@example.com"\n        terms-link="https://example.com"\n        faq-link="https://example.com"\n        terms-text="Terms And Conditions"\n        faq-text="FAQ"\n        show-powered-by="true"\n        padding-bottom="none"\n        padding-left="none"\n        padding-right="none"\n        padding-top="none"\n      ></sqm-portal-footer>\n    </sqm-portal-container>\n  </sqm-portal-container>\n</sqm-brand>\n';var ys={title:"Templates / Widgets"};function _s(e){var t=i(e),n=t[0],a=t[1];var r=i(e),s=r[0],o=r[1];return{states:{previewTemplate:s,editedTemplate:n},callbacks:{setEditedTemplate:a,setPreviewTemplate:o}}}var qs=hr((function(){var e=_s(cs),n=e.states,a=e.callbacks;return t(Or,{states:n,callbacks:a,template:cs})}));var Es=hr((function(){var e=_s(ms),n=e.states,a=e.callbacks;return t(Or,{states:n,callbacks:a,template:ms})}));var ks=hr((function(){var e=_s(hs),n=e.states,a=e.callbacks;return t(Or,{states:n,callbacks:a,template:hs})}));var Ts=hr((function(){var e=_s(ps),n=e.states,a=e.callbacks;return t(Or,{states:n,callbacks:a,template:cs})}));var Cs=hr((function(){var e=_s(gs),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var As=hr((function(){var e=_s(ws),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var Ds=hr((function(){var e=_s(xs),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var Ss=hr((function(){var e=_s(fs),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var Rs=hr((function(){var e=_s(bs),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var Is=hr((function(){var e=_s(vs),n=e.states,a=e.callbacks;return t(Br,{states:n,callbacks:a})}));var Ps=Object.freeze({__proto__:null,default:ys,ReferralWidget:qs,MonoWidget:Es,Loyalty:ks,PromoCodeReferralWidget:Ts,InstantAccessReferrerShareWidget:Cs,PaypalMonoWidget:As,PaypalReferralWidget:Ds,InstantAccessFriendCouponWidget:Ss,InstantAccessReferrerRegistrationWidget:Rs,InstantAccessFriendRegistrationWidget:Is});var Ns={title:"Components/Microsite Base Registration"};var Fs={states:{validationErrors:{}},callbacks:{handleEmailSubmit:function(){return console.log("Submit!")}},content:{pageLabel:"Register",requiredFieldErrorMessage:"Cannot be empty",invalidEmailErrorMessage:"Must be a valid email address",googleButton:t("sl-button",null,"Register with Google"),secondaryButton:t("span",null,"Already have an account?"," ",t("sl-button",{padding:"0",style:{width:"60px"},size:"large",type:"text"},"Sign in")," ")}};var Os=__assign(__assign({},Fs),{states:{validationErrors:{error:"Something went wrong. Please try again."}}});var Ls=function(){return t(D,Object.assign({},Fs))};var Bs=function(){return t(D,Object.assign({},Os))};var Gs=Object.freeze({__proto__:null,default:Ns,Default:Ls,EmailError:Bs});var js='@author:sam\n@owner:sam\nFeature: Big Stat\n\n  Big stat is a component for displaying a statistic as a large number with a label\n\n  @minutia\n  Scenario: Demo hook retrieves label using stat pattern\n    Given isDemo() returns true\n    And the component renders with props:\n      | type            |\n      | /referralsCount |\n    Then the label is: "REFERRALS - COUNT"\n    And the value is: "12345"\n\n  @minutia\n  Scenario: Demo hook falls back to default label on invalid path\n    Given isDemo() returns true\n    And the component renders with props:\n      | type       |\n      | a bad path |\n    Then the label is: "Demo Label"\n    And the value is: "12345"\n\n  @motivating\n  Scenario: Displays error on unrecognized path\n    Given isDemo() returns false\n    And the component renders with props:\n      | type                       |\n      | /(doesNotExistNopeNotHere) |\n    Then the label is: "BAD PROP TYPE"\n    And the value is: "!!!"\n\n  @motivating\n  Scenario Outline: Label displays correctly\n    Given the type prop is set to <type>\n    When the component renders\n    Then the label is <label>\n    Given isDemo() returns true\n    When the component renders\n    Then the label is <inferredLabel>\n    Examples:\n      | path             | label                   | inferredLabel     |\n      | rewardsAssigned  | Rewards Earned          | Rewards Assigned  |\n      | rewardsRedeemed  | Rewards Paid            | Rewards Redeemed  |\n      | rewardsAvailable | Rewards Available       | Rewards Available |\n      | referralsCount   | Referrals - Count       | Referrals Count   |\n      | referralsMonth   | Referrals - This Month  | Referrals Month   |\n      | referralsWeek    | Referrals - This Week   | Referrals Week    |\n      | rewardsCount     | Rewards - Count         | Rewards Count     |\n      | rewardsMonth     | Rewards - This Month    | Rewards Month     |\n      | rewardsWeek      | Rewards - This Week     | Rewards Week      |\n      | rewardBalance    | Balance - Credit Earned | Reward Balance    |\n      | customField      | Custom Fields           | Custom Fields     |\n      | programGoals     | Program Goals           | Program Goals     |\n\n  @motivating\n  Scenario: Display user\'s credit\n    Given isDemo() returns false\n    And the user has earned 34 COFFEE from the program\n    And the component renders with props:\n      | type                                     |\n      | /rewardBalance/CREDIT/COFFEE/prettyValue |\n    Then the label is: "Balance - Credit Earned"\n    And the value is: "34 COFFEE"\n\n  @minutia\n  Scenario: Memoizes most recent query\n    Given isDemo() returns false\n    And the component\'s type prop is set to a variable named PATH\n    And PATH is "/referralsWeek"\n    Then the component shows a loading state before showing the result\n    When the component reloads given some external reload\n    Then the component doesn\'t show a loading state\n    When PATH is set to "/rewardsWeek"\n    Then the component shows a loading state before showing the result\n    When PATH is set to "/referralsWeek"\n    Then the component shows a loading state before showing the result\n\n  @motivating\n  Scenario: Stat has a loading state\n    Given isDemo() returns false\n    And the component\'s stat type prop is valid\n    When the component renders\n    Then The stat value displays "..."\n    And when the stat query is completed\n    And the stat value displays a value\n\n  @motivating\n  Scenario Outline: Program Goal stat requires metricType and goalId\n    Given the statType prop is <statType>\n    When the component renders\n    Then the label is <label>\n    And the stat value is <InvalidStatValue>\n    Examples:\n      | statType                              | label         | InvalidStatValue |\n      | /programGoals                         | BAD PROP TYPE | true             |\n      | /programGoals/count                   | BAD PROP TYPE | true             |\n      | /programGoals/conversionCount         | BAD PROP TYPE | true             |\n      | /programGoals/My-Goal                 | BAD PROP TYPE | true             |\n      | /programGoals/count/My-Goal           | Program Goals | false            |\n      | /programGoals/conversionCount/My-Goal | Program Goals | false            |\n\n  @motivating\n  Scenario Outline: rewardCountFiltered supports many formats\n    Given the statType begins with "/rewardCountFiltered"\n    When the component renders with <statType>\n    Then the stat <mayRender> a value\n    Examples:\n      | statType                                               | mayRender      |\n      | /rewardsCountFiltered                                  | renders        |\n      | /rewardsCountFiltered/COFFEE                           | doesn\'t render |\n      | /rewardsCountFiltered/global                           | renders        |\n      | /rewardsCountFiltered/INTEGRATION                      | renders        |\n      | /rewardsCountFiltered/INTEGRATION/global               | renders        |\n      | /rewardsCountFiltered/PCT_DISCOUNT                     | renders        |\n      | /rewardsCountFiltered/PCT_DISCOUNT/global              | renders        |\n      | /rewardsCountFiltered/CREDIT                           | renders        |\n      | /rewardsCountFiltered/CREDIT/COFFEE                    | renders        |\n      | /rewardsCountFiltered/CREDIT/global                    | renders        |\n      | /rewardsCountFiltered/CREDIT/COFFEE/PENDING            | renders        |\n      | /rewardsCountFiltered/CREDIT/COFFEE/AVAILABLE          | renders        |\n      | /rewardsCountFiltered/CREDIT/CASH%2FUSD                | renders        |\n      | /rewardsCountFiltered/CREDIT/CASH%2FUSD/global         | renders        |\n      | /rewardsCountFiltered/CREDIT/CASH%2FUSD/PENDING        | renders        |\n      | /rewardsCountFiltered/CREDIT/CASH%2FUSD/PENDING/global | renders        |\n\n  @motivating\n  Scenario Outline: Program Goals and Reward units with currencies must be encoded\n    Given the statType is <statType>\n    When the stat is queried\n    Then the stat is filtered by <decodedFilter>\n    And a value <mayBe> rendered\n    Examples:\n      | statType                                | decodedFilter     | may   |\n      | /rewardBalance/CREDIT/COFFEE            | COFFEE            | is    |\n      | /rewardBalance/CREDIT/CENTS             | CENTS             | is    |\n      | /rewardBalance/CREDIT/COFFEE%2FUSD      | COFFEE/USD        | is    |\n      | /rewardBalance/CREDIT/COFFEE/USD        | COFFEE            | is    |\n      | /rewardBalance/CREDIT/CASH              | CASH              | is    |\n      | /rewardBalance/CREDIT/CASH/USD          | CASH              | is    |\n      | /rewardBalance/CREDIT/CASH%2FUSD        | CASH/USD          | is    |\n      | /programGoals/count/My-Goal             | My-Goal           | is    |\n      | /programGoals/count/My-Goal/referrals   |                   | isn\'t |\n      | /programGoals/count/My-Goal%2Freferrals | My-Goal/referrals | is    |\n\n  @motivating\n  Scenario Outline: User custom fields can be queried\n    Given the StatType is <statType>\n    When the stat is queried\n    Then the value matches that of the users <customField>\n    Examples:\n      | statType                         | customField        |\n      | /customFields/videosShared       | videosShared       |\n      | /customFields/totalPurchaseCount | totalPurchaseCount |\n\n  @motivating\n  Scenario Outline: Some stats can use a global value instead of filtered by program\n    Given the stat <statName>\n    Then the global value <mayBe> available\n    Examples:\n      | statName                        | mayBe |\n      | referralsCount                  | isn\'t |\n      | referralsMonth                  | isn\'t |\n      | referralsWeek                   | isn\'t |\n      | rewardsCount                    | is    |\n      | rewardsCountFiltered            | is    |\n      | integrationRewardsCountFiltered | is    |\n      | rewardsMonth                    | is    |\n      | rewardsWeek                     | is    |\n      | rewardsAssigned                 | is    |\n      | rewardsRedeemed                 | is    |\n      | rewardsRedeemedWeek             | is    |\n      | rewardsRedeemedMonth            | is    |\n      | rewardsPending                  | is    |\n      | rewardsAvailable                | is    |\n      | rewardBalance                   | is    |\n\n  @motivating\n  Scenario Outline: referralsCount stat can be filtered by Converted and Started\n    Given statType prop is <statType>\n    Then the stat returned has a <filter>\n    Examples:\n      | statType                  | filter                                                   |\n      | /referralsCount           | { programId_eq: programId }                              |\n      | /referralsCount/converted | { programId_eq: programId, dateConverted_exists: true }  |\n      | /referralsCount/started   | { programId_eq: programId, dateConverted_exists: false } |\n\n  @motivating\n  Scenario: Program context is used by default to source the programId used for queries\n    Given a valid "statType"\n    And its not a global stat\n    And the stat is loaded in an environment for "program-a"\n    And the "program-id" prop is not used\n    When the stat is queried\n    Then the query is filtered by "{ programId_eq: \'program-a\' }"\n    And only results from "program-a" are returned\n\n  @motivating\n  Scenario Outline: ProgramId can be specified to overwrite the program context default\n    Given a valid "statType"\n    And its not a global stat\n    And the "program-id" prop has <value>\n    When the stat is queried\n    Then the query has a <filter>\n    And only results from <value> are returned\n    Examples:\n      | value     | filter                        |\n      | program-b | { programId_eq: "program-b" } |\n      | program-c | { programId_eq: "program-c" } |\n\n\n  @motivating\n  Scenario: "/rewardsReedemedWeek" stat shows rewards that have been redeemed this week\n    Given a user reeemed the following rewards\n      | reward     | dateRedeemed | programId |\n      | $1.00 USD  | 2023-08-18   | A         |\n      | $1.00 CAD  | 2023-08-18   | A         |\n      | $1.00 AUD  | 2023-08-18   | A         |\n      | $1.00 USD  | 2023-08-10   | A         |\n      | $20.00 USD | 2023-08-18   | B         |\n      | $20.00 CAD | 2023-08-18   | B         |\n      | $20.00 AUD | 2023-08-18   | B         |\n      | $20.00 USD | 2023-08-01   | B         |\n      | $20.00 GBP | 2023-08-01   | B         |\n      | $20.00 GBP | 2023-08-20   |           |\n    And the current date is "2023-08-22"\n    And the program of the stat is <programId>\n    And the statType is <statType>\n    Then the stat displays <statValue>\n      | programId | statType                               | statValue |\n      | A         | /rewardsReedemedWeek/CREDIT/USD        | USD1.00   |\n      | A         | /rewardsReedemedWeek/CREDIT/CAD        | CAD1.00   |\n      | A         | /rewardsReedemedWeek/CREDIT/AUD        | AUD1.00   |\n      | B         | /rewardsReedemedWeek/CREDIT/USD        | USD20.00  |\n      | B         | /rewardsReedemedWeek/CREDIT/CAD        | CAD20.00  |\n      | B         | /rewardsReedemedWeek/CREDIT/AUD        | AUD20.00  |\n      | N/A       | /rewardsReedemedWeek/CREDIT/USD/global | USD21.00  |\n      | N/A       | /rewardsReedemedWeek/CREDIT/CAD/global | CAD21.00  |\n      | N/A       | /rewardsReedemedWeek/CREDIT/GBP/global | GBP20.00  |\n\n  @motivating\n  Scenario: "/rewardsReedemedMonth" stat shows rewards that have been redeemed this month\n    Given a user reeemed the following rewards\n      | reward     | dateRedeemed | programId |\n      | $1.00 USD  | 2023-08-18   | A         |\n      | $1.00 CAD  | 2023-08-18   | A         |\n      | $1.00 AUD  | 2023-08-18   | A         |\n      | $1.00 USD  | 2023-07-31   | A         |\n      | $20.00 USD | 2023-08-18   | B         |\n      | $20.00 CAD | 2023-08-18   | B         |\n      | $20.00 AUD | 2023-08-18   | B         |\n      | $20.00 USD | 2023-08-01   | B         |\n      | $20.00 GBP | 2023-08-01   | B         |\n      | $20.00 GBP | 2023-08-20   |           |\n      | $20.00 GBP | 2023-07-31   |           |\n    And the current date is "2023-08-22"\n    And the program of the stat is <programId>\n    And the statType is <statType>\n    Then the stat displays <statValue>\n      | programId | statType                                | statValue |\n      | A         | /rewardsReedemedMonth/CREDIT/USD        | USD1.00   |\n      | A         | /rewardsReedemedMonth/CREDIT/CAD        | CAD1.00   |\n      | A         | /rewardsReedemedMonth/CREDIT/AUD        | AUD1.00   |\n      | B         | /rewardsReedemedMonth/CREDIT/USD        | USD20.00  |\n      | B         | /rewardsReedemedMonth/CREDIT/CAD        | CAD20.00  |\n      | B         | /rewardsReedemedMonth/CREDIT/AUD        | AUD20.00  |\n      | N/A       | /rewardsReedemedMonth/CREDIT/USD/global | USD41.00  |\n      | N/A       | /rewardsReedemedMonth/CREDIT/CAD/global | CAD21.00  |\n      | N/A       | /rewardsReedemedMonth/CREDIT/GBP/global | GBP40.00  |\n\n\n  @landmine\n  Scenario Outline: Rewards redeemed by week and month stats only include rewards that have been fully redeemed\n    Given statType prop is <statType>\n    And the user has fully redeemed a $50.00 USD reward\n    And the user has redeemed <amountRedeemed> of a $50.00 USD reward\n    Then the stat displays <statValue>\n    Examples:\n      | statType                                | amountRedeemed | statValue |\n      | /rewardsRedeemed/CREDIT/USD/global      | $0.00          | $50.00    |\n      | /rewardsRedeemedWeek/CREDIT/USD/global  | $0.00          | $50.00    |\n      | /rewardsRedeemedMonth/CREDIT/USD/global | $0.00          | $50.00    |\n      | /rewardsRedeemed/CREDIT/USD/global      | $25.00         | $75.00    |\n      | /rewardsRedeemedWeek/CREDIT/USD/global  | $25.00         | $50.00    |\n      | /rewardsRedeemedMonth/CREDIT/USD/global | $25.00         | $50.00    |\n      | /rewardsRedeemed/CREDIT/USD/global      | $50.00         | $100.00   |\n      | /rewardsRedeemedWeek/CREDIT/USD/global  | $50.00         | $100.00   |\n      | /rewardsRedeemedMonth/CREDIT/USD/global | $50.00         | $100.00   |\n\n  @landmine\n  Scenario Outline: Rewards redeemed by week and month stats can only count up to 1000 redeemed rewards during the period\n    Given statType prop is <statType>\n    And the user has fully redeemed 1001 $1.00 USD rewards in the past <timeframe>\n    Then the stat displays <statValue>\n    Examples:\n      | statType                                | timeframe | statValue |\n      | /rewardsRedeemed/CREDIT/USD/global      | N/A       | $1001.00  |\n      | /rewardsRedeemedWeek/CREDIT/USD/global  | week      | $1000.00  |\n      | /rewardsRedeemedMonth/CREDIT/USD/global | month     | $1000.00  |\n';var Ws={title:"Components/Big Stat",parameters:{scenario:js}};var Ms=function(){var e={value:99e4,statvalue:"9.900,00",loading:false};return t(O,Object.assign({},e),"Big stat")};var Us=function(){var e={value:500,statvalue:"500",alignment:"left",loading:false};return t(O,Object.assign({},e),"Big stat")};var Vs=function(){var e={value:500,statvalue:"500",alignment:"right",loading:false};return t(O,Object.assign({},e),"Big stat")};var zs=function(){var e={value:500,statvalue:"500",flexReverse:true,loading:false};return t(O,Object.assign({},e),"Big stat")};var Hs=function(){var e={value:500,statvalue:"500",flexReverse:true,alignment:"right",loading:false};return t(O,Object.assign({},e),"Big stat")};var Ys=function(){var e={value:500,statvalue:"500",flexReverse:true,alignment:"left",loading:false};return t(O,Object.assign({},e),"Big stat")};var Xs=function(){var e={value:0,statvalue:"...",loading:false};return t(O,Object.assign({},e),"Big stat")};var $s=function(){var e={value:0,statvalue:"!!!",loading:false};return t(O,Object.assign({},e),"Big stat")};var Js=function(){return t("sqm-big-stat",{"stat-font-weight":"500","stat-text-color":"#1ed760","stat-font-size":"45","description-text-color":"#121212","description-font-size":"18",alignment:"center","stat-type":"/integrationRewardsCountFiltered/AVAILABLE/global","flex-reverse":true},t("p",null,"Giftcards Earned"))};var Ks=function(){return t("sqm-stat-container",{space:"xxx-large",display:"flex"},t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/referralsCount"},t("sqm-text",null,t("p",null,"Rewards Redeemed"))),t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardsRedeemed/CREDIT/global"},t("sqm-text",null,t("p",null,"Rewards Redeemed"))),t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardBalance/CREDIT/POINT/value/global"},t("sqm-text",null,t("p",null,"Points Balance"))))};var Zs=function(){return t("sqm-stat-container",{space:"xxx-large",display:"grid",alignment:"center","hide-border":"true"},t("sqm-big-stat",{"stat-font-weight":"500","stat-text-color":"#1ed760","stat-font-size":"45","description-text-color":"#121212","description-font-size":"18",alignment:"center","stat-type":"/integrationRewardsCountFiltered/AVAILABLE/global","flex-reverse":true},t("p",null,"Giftcards Earned")),t("sqm-big-stat",{"stat-font-weight":"500","stat-text-color":"#1ed760","stat-font-size":"45","description-text-color":"#121212","description-font-size":"18",alignment:"center","stat-type":"/integrationRewardsCountFiltered/AVAILABLE/global","flex-reverse":true},t("p",null,"Referrals")),t("sqm-big-stat",{"stat-font-weight":"500","stat-text-color":"#1ed760","stat-font-size":"45","description-text-color":"#121212","description-font-size":"18",alignment:"center","stat-type":"/integrationRewardsCountFiltered/AVAILABLE/global","flex-reverse":true},t("p",null,"Points balance")))};var Qs=Object.freeze({__proto__:null,default:Ws,Default:Ms,LeftAlign:Us,RightAlign:Vs,FlexReverse:zs,FlexReverseRight:Hs,FlexReverseLeft:Ys,NoStatValue:Xs,InvalidStatValue:$s,CustomStyles:Js,MultipleStats:Ks,MultipleStatsWithCustomBranding:Zs});var ei={title:"Hooks / useBigStat"};function ti(){var e="zach.harrison@referralsaasquatch.com";var t=e;var n="klip-referral-program";window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com",programId:n};l((function(){c({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI"});return function(){window.widgetIdent=undefined;c(undefined)}}),[])}var ni=function(e,n,a){ti();return t("div",null,t("b",null,"Stat format:"),t("pre",null,n),t("br",null),t("b",null,"Stat selected:")," ",t("pre",{style:{color:"green"}},e),t("sqm-big-stat",{"stat-type":e},a))};var ai=function(){var e=i("/someRandomThing/with/someArguments/1234"),n=e[0],a=e[1];var r=j({statType:n,render:function(){},disconnectedCallback:function(){},ignored:true}),s=r.props,o=r.label;return t("div",null,t("div",null,"Stat type:"," ",t("input",{style:{width:"300px"},type:"text",value:n,onInput:function(e){return a(e.target.value)}})),t("hr",null),t("div",null,t(O,Object.assign({},s),o)))};var ri=hr(ai);var si=hr((function(){return ni("/referralsCount","/(referralsCount)/:status?")}));var ii=hr((function(){return ni("/referralsCount/converted","/(referralsCount)/:status?")}));var oi=hr((function(){return ni("/referralsCount/started","/(referralsCount)/:status?")}));var li=hr((function(){return ni("/referralsMonth","/(referralsMonth)")}));var di=hr((function(){return ni("/referralsWeek","/(referralsWeek)")}));var ui=hr((function(){return ni("/rewardsCount","/(rewardsCount)/:global?")}));var ci=hr((function(){return ni("/rewardsCount/global","/(rewardsCount)/:global")}));var mi=hr((function(){return ni("/rewardsCountFiltered/global","/(rewardsCountFiltered)/:statType([INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var pi=hr((function(){return ni("/rewardsCountFiltered/PCT_DISCOUNT/global","/(rewardsCountFiltered)/:statType([INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var hi=hr((function(){return ni("/rewardsCountFiltered/PCT_DISCOUNT/PENDING/global","/(rewardsCountFiltered)/:statType([INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var gi=hr((function(){return ni("/rewardsCountFiltered/CREDIT/COFFEE","/(rewardsCountFiltered)/:statType([INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var fi=hr((function(){return ni("/rewardsCountFiltered/CREDIT/COFFEE/global","/(rewardsCountFiltered)/:statType([INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var bi=hr((function(){return ni("/rewardsCountFiltered/CREDIT/COFFEE/PENDING/global","/(rewardsCountFiltered)/:statType([INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var vi=hr((function(){return ni("/rewardsCountFiltered/AVAILABLE","/(rewardsCountFiltered)/:statType([INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var xi=hr((function(){return ni("/integrationRewardsCountFiltered/AVAILABLE/global","/(integrationRewardsCountFiltered)/:format([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var wi=hr((function(){return ni("/integrationRewardsCountFiltered/PENDING/global","/(integrationRewardsCountFiltered)/:format([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var yi=hr((function(){return ni("/rewardsMonth","/(rewardsMonth)/:global?")}));var _i=hr((function(){return ni("/rewardsWeek","/(rewardsWeek)/:global?")}));var qi=hr((function(){return ni("/rewardsAssigned/CREDIT/COFFEE","/(rewardsAssigned)/:statType/:unit/:global?")}));var Ei=hr((function(){return ni("/rewardsAssigned/CREDIT/CASH%2FUSD","/(rewardsAssigned)/:statType/:unit/:global?")}));var ki=hr((function(){return ni("/rewardsPending/CREDIT/USD","/(rewardsPending)/:statType/:unit/:global?")}));var Ti=hr((function(){return ni("/rewardsPending/CREDIT/USD/global","/(rewardsPending)/:statType/:unit/:global?")}));var Ci=hr((function(){return ni("/rewardsRedeemed/CREDIT/USD","/(rewardsRedeemed)/:statType/:unit/:global?")}));var Ai=hr((function(){return ni("/rewardsRedeemedWeek/CREDIT/USD","/(rewardsRedeemedWeek)/:statType/:unit/:global?")}));var Di=hr((function(){return ni("/rewardsRedeemedMonth/CREDIT/USD","/(rewardsRedeemedMonth)/:statType/:unit/:global?")}));var Si=hr((function(){return ni("/rewardsRedeemed/CREDIT/USD/global","/(rewardsRedeemed)/:statType/:unit/:global?")}));var Ri=hr((function(){return ni("/rewardsRedeemedWeek/CREDIT/USD/global","/(rewardsRedeemedWeek)/:statType/:unit/:global?")}));var Ii=hr((function(){return ni("/rewardsRedeemedMonth/CREDIT/USD/global","/(rewardsRedeemedMonth)/:statType/:unit/:global?")}));var Pi=hr((function(){return ni("/rewardsAvailable/CREDIT/COFFEE","/(rewardsAvailable)/:statType/:unit/:global?")}));var Ni=hr((function(){return ni("/rewardsAvailable/CREDIT/CASH%2FUSD","/(rewardsAvailable)/:statType/:unit/:global?")}));var Fi=hr((function(){return ni("/rewardBalance/CREDIT/COFFEE/prettyValue","/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?")}));var Oi=hr((function(){var e=encodeURIComponent("CASH/USD");return ni("/rewardBalance/CREDIT/"+e+"/prettyValue","/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?")}));var Li=hr((function(){var e=encodeURIComponent("Paid-Member-Goal/referrals");return ni("/programGoals/count/"+e,"/(programGoals)/:metricType/:goalId")}));var Bi=hr((function(){return ni("/customFields/thingCount","/(customFields)/:customField")}));var Gi=hr((function(){return ni("/customFields/thingCount","/(customFields)/:customField",t("sqm-text",null,"Thing Count"))}));var ji=hr((function(){return ni("/customFields/thingCount","/(customFields)/:customField","   ")}));var Wi=hr((function(){return ni("/customFields/thingCount","/(customFields)/:customField","\n   ")}));var Mi=hr((function(){return ni("/customFields/thingCount","/(customFields)/:customField","Thing Count")}));var Ui=hr((function(){return ni("/traffic","/(traffic)")}));var Vi=hr((function(){return ni("/userStats/traffic","/(userStat)/:statId","Traffic")}));var zi=hr((function(){return ni("/userStats/referrals","/(userStat)/:statId","Referrals")}));var Hi=hr((function(){return ni("/userStats/conversions","/(userStat)/:statId","Conversions")}));var Yi=hr((function(){return ni("/userStats/goals","/(userStat)/:statId","Goals")}));var Xi=hr((function(){return ni("/userStats/rewards","/(userStat)/:statId","Rewards")}));var $i=hr((function(){return ni("/userStats/widgetLoads","/(userStat)/:statId","Widget Loads")}));var Ji=hr((function(){return ni("/userStats/revenue","/(userStat)/:statId","Revenue")}));var Ki=hr((function(){return ni("/userStats/generatedRevenue","/(userStat)/:statId","Generated Revenue")}));var Zi=hr((function(){return ni("/userStats/referredRevenue","/(userStat)/:statId","Referred Revenue")}));var Qi=hr((function(){return ni("/payoutBalance","/(payoutBalance)")}));var eo=Object.freeze({__proto__:null,default:ei,Demo:ri,ReferralsCount:si,referralsConvertedCount:ii,referralsStartedCount:oi,ReferralsMonth:li,ReferralsWeek:di,RewardsCount:ui,GlobalRewardsCount:ci,GlobalRewardsCountFiltered:mi,GlobalRewardsCountPctDiscount:pi,GlobalRewardsCountPctDiscountPending:hi,RewardsCountByUnit:gi,GlobalRewardsCountByUnit:fi,GlobalPendingRewardsCount:bi,RewardsAvailableCount:vi,GlobalRewardsCountByIntegration:xi,GlobalRewardsCountByPendingIntegration:wi,RewardsMonth:yi,RewardsWeek:_i,RewardsAssigned:qi,RewardsAssignedCashUSD:Ei,RewardsPending:ki,RewardsPendingGlobal:Ti,RewardsRedeemed:Ci,RewardsRedeemedWeek:Ai,RewardsRedeemedMonth:Di,RewardsRedeemedGlobal:Si,RewardsRedeemedWeekGlobal:Ri,RewardsRedeemedMonthGlobal:Ii,RewardsAvailable:Pi,RewardsAvailableWithSlash:Ni,RewardBalance:Fi,RewardBalanceCashUSD:Oi,ProgramGoals:Li,CustomField:Bi,CustomFieldWithLabel:Gi,CustomFieldWithEmptyLabel:ji,CustomFieldWithEmptySpaceLabel:Wi,CustomFieldWithTextLabel:Mi,Traffic:Ui,TrafficTwo:Vi,Referrals:zi,Conversions:Hi,Goals:Yi,Rewards:Xi,WidgetLoads:$i,Revenue:Ji,GeneratedRevenue:Ki,ReferredRevenue:Zi,PayoutBalance:Qi});var to='@author:derek\n@owner:logan\nFeature: Brand Configuration\n\n\t@motivating\n\tScenario: The brand components creates a colour pallet from a brand colour and applies it to children\n\t\tGiven a brand component with "brand-color" "#4225c4"\n\t\tAnd it is wrapping several mint components\n\t\tWhen a user views the children components\n\t\tThen the following css variables are set\n\t\t\t| variable                      | value                       |\n\t\t\t| --sl-color-primary-50         | hsla(251, 68%, 95%, 1)      |\n\t\t\t| --sl-color-primary-100        | hsla(251, 68%, 86%, 1)      |\n\t\t\t| --sl-color-primary-200        | hsla(251, 68%, 76%, 1)      |\n\t\t\t| --sl-color-primary-300        | hsla(251, 68%, 66%, 1)      |\n\t\t\t| --sl-color-primary-400        | hsla(251, 68%, 56%, 1)      |\n\t\t\t| --sl-color-primary-500        | hsla(251, 68%, 46%, 1)      |\n\t\t\t| --sl-color-primary-600        | hsla(251, 68%, 39%, 1)      |\n\t\t\t| --sl-color-primary-700        | hsla(251, 68%, 32%, 1)      |\n\t\t\t| --sl-color-primary-800        | hsla(251, 68%, 25%, 1)      |\n\t\t\t| --sl-color-primary-900        | hsla(251, 68%, 18%, 1)      |\n\t\t\t| --sl-color-primary-950        | hsla(251, 68%, 15%, 1)      |\n\t\t\t| --sl-focus-ring-color-primary | var(--sl-color-primary-100) |\n\t\t\t| --sl-input-border-color-focus | var(--sl-color-primary-500) |\n\t\t\t| --sl-color-primary-hue        | var(--sl-color-primary-500) |\n\t\tAnd they are applied to the children components\n\t\tBut they are not applied to any components outside of the brand component\n\t\tAnd they are not applied to any vanilla components\n\n\t@minutia\n\tScenario Outline: The brand colour can be hex, HSL or rgb\n\t\tGiven a brand component with "brand-color" <colour>\n\t\tAnd it is wrapping several mint components\n\t\tWhen a user views the children components\n\t\tThen the colour is used to create a brand palete\n\t\tAnd it is applied to the children components\n\t\tExamples:\n\t\t\t| colour                 |\n\t\t\t| #4225c4                |\n\t\t\t| rgb(66, 37, 196)       |\n\t\t\t| hsl(251, 68%, 46%)     |\n\t\t\t| hsla(251, 68%, 46%, 1) |\n\n\t@motivating\n\tScenario: The brand component can apply a brand font to children components\n\t\tGiven a brand component with "brand-font" "Nunito Sans"\n\t\tAnd it is wrapping several mint components\n\t\tWhen a user views the children components\n\t\tThen the following css variables are set\n\t\t\t| variable                 | value                |\n\t\t\t| --sl-font-sans           | "Nunito Sans", arial |\n\t\t\t| --sl-input-font-family   | "Nunito Sans", arial |\n\t\t\t| --sl-tooltip-font-family | "Nunito Sans", arial |\n\t\t\t| font-family              | "Nunito Sans", arial |\n\t\tAnd they are applied to the children components\n\t\tAnd the children component\'s text is "Nunito Sans"';var no={title:"Components/Brand",parameters:{scenario:to}};var ao=function(){return t("div",{style:{padding:"10px",border:"5px solid #EEE"}},t("div",{style:{display:"flex",gap:"5px",padding:"5px"}},t("sl-button",{type:"default"},"Default"),t("sl-button",{type:"primary"},"Primary"),t("sl-button",{type:"success"},"Success"),t("sl-button",{type:"neutral"},"Neutral"),t("sl-button",{type:"warning"},"Warning"),t("sl-button",{type:"danger"},"Danger")),t("div",{style:{display:"flex",gap:"5px",padding:"5px"}},t("sl-badge",{type:"primary"},"Primary"),t("sl-badge",{type:"success"},"Success"),t("sl-badge",{type:"neutral"},"Neutral"),t("sl-badge",{type:"warning"},"Warning"),t("sl-badge",{type:"danger"},"Danger")),t("div",{class:"color-palette"},t("div",{class:"color-palette__name"},"Primary",t("br",null),t("code",null,"--sl-color-primary-",t("em",null,"{n}"))),t("div",{style:{display:"flex",gap:"5px"}},t(io,{depth:50}),t(io,{depth:100}),t(io,{depth:200}),t(io,{depth:300}),t(io,{depth:400}),t(io,{depth:500}),t(io,{depth:600}),t(io,{depth:700}),t(io,{depth:800}),t(io,{depth:900}),t(io,{depth:950}))))};var ro=function(){return t("div",null,t(ao,null),t("sqm-brand",{"brand-color":"#FF0000"},t(ao,null)),t("sqm-brand",{"brand-color":"#00FF00"},t(ao,null)),t("sqm-brand",{"brand-color":"#0000FF"},t(ao,null)),t("sqm-brand",{"brand-color":"#000000"},t(ao,null)))};var so=function(){return t("div",null,"Default ",t(ao,null),t("sqm-brand",{"brand-color":"#FF0000"},"Red:",t(ao,null),t("sqm-brand",{"brand-color":"#00FF00"},"Green:",t(ao,null),t("sqm-brand",{"brand-color":"#0000FF"},"Blue:",t(ao,null),t("sqm-brand",{"brand-color":"#000000"},"Black:",t(ao,null))))))};function io(e){var n=e.depth;return t("div",{style:{backgroundColor:"var(--sl-color-primary-"+n+")",color:"var(--sl-color-neutral-"+(1e3-n)+")",width:"50px",height:"50px",display:"flex",justifyContent:"center",alignItems:"center"}},n)}var oo=function(){return t("div",null,t(ao,null),t("sqm-brand",{"brand-font":"Roboto"},"Roboto",t(ao,null)),t("sqm-brand",{"brand-font":"Open Sans"},"Open Sans",t(ao,null)),t("sqm-brand",{"brand-font":"Lato"},"Lato",t(ao,null)),t("sqm-brand",{"brand-font":"Oswald"},"Oswald",t(ao,null)))};var lo=Object.freeze({__proto__:null,default:no,Examples:ro,Nested:so,Fonts:oo});var uo='@author:kutay\n@owner:kutay\nFeature: Card Feed\n\n\tThe Card Feed component displays Task Card components in a grid layout.\n\n\tBackground: A user on the portal is viewing the widget\n\t\tGiven a user viewing the Card Feed component\n\n\t@motivating\n\tScenario: The Card Feed component displays Task Cards given as children slots\n\t\tGiven a Card Feed component\n\t\tAnd it is wrapping a number of task cards as children\n\t\tWhen the user views the Card Feed\n\t\tThen the task cards are displayed in a masonry layout\n\t\tWhen the card feed with grows or shrinks in width\n\t\tThen the number of columns adjust to the given width\n\n\t@motivating\n\t@ui\n\tScenario Outline: The Card Feed component can have a maximum width\n\t\tGiven a Card Feed component\n\t\tAnd it is wrapping a number of task cards as children\n\t\tAnd has prop "width" has a provided <value>\n\t\tThen the task cards are displayed in a masonry layout\n\t\tWhen the card feed with grows or shrinks in width\n\t\tThen the number of columns adjust to the given width\n\t\tAnd the task cards do not exceed <width>\n\t\tExamples:\n\t\t\t| value | width |\n\t\t\t|       | 347px |\n\t\t\t| 200   | 200px |\n\t\t\t| 400   | 400px |\n\n\t@motivating\n\t@ui\n\tScenario Outline: The Card Feed component gap between task cards can be customized\n\t\tGiven a Card Feed component\n\t\tAnd it is wrapping a number of task cards as children\n\t\tAnd has prop "gap" has a provided <value>\n\t\tThen the task cards are displayed in a masonry layout\n\t\tAnd the gap between the columns is the <gap>\n\t\tExamples:\n\t\t\t| value | gap  |\n\t\t\t|       | 24px |\n\t\t\t| 20    | 20px |\n\t\t\t| 50    | 50px |';var co={title:"Components/Card Feed",parameters:{scenario:uo}};var mo={callbacks:{sendEvent:function(){return void 0},onClick:function(){return void 0}},content:{rewardAmount:"20",rewardUnit:"SaaSquatch Points",cardTitle:"Complete a survey",description:"Description of action and reward. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget quisque commodo leo.",repeatable:false,showProgressBar:false,steps:false,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:false,rewardDuration:null,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",expiryMessage:"Ends {endDate}",startsOnMessage:"Starts {startDate}",endedMessage:"Ended {endDate}",finite:0,goal:1,locale:"en"},states:{progress:0,loading:false,loadingEvent:false}};var po={callbacks:{sendEvent:function(){return void 0},onClick:function(){return void 0}},content:{rewardAmount:"40",rewardUnit:"SaaSquatch Points",cardTitle:"Comment on 5 articles",description:"Description of action and reward. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget quisque commodo leo.",repeatable:false,showProgressBar:true,steps:true,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:false,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",rewardDuration:null,expiryMessage:"Ends {endDate}",startsOnMessage:"Starts {startDate}",endedMessage:"Ended {endDate}",finite:0,goal:5,locale:"en"},states:{progress:1,loading:false,loadingEvent:false}};var ho={callbacks:{sendEvent:function(){return void 0},onClick:function(){return void 0}},content:{rewardAmount:"150",rewardUnit:"SaaSquatch Points",cardTitle:"Spend $500 at our Store",description:"Description of action and reward. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget quisque commodo leo.",repeatable:false,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",showProgressBar:true,steps:false,progressBarUnit:"$",buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:false,rewardDuration:null,expiryMessage:"Ends {endDate}",startsOnMessage:"Starts {startDate}",endedMessage:"Ended {endDate}",finite:0,goal:500,locale:"en"},states:{progress:100,loading:false,loadingEvent:false}};var go=function(){return t(M,{width:347,gap:24},t(W,Object.assign({},mo)),t("div",null,t(W,Object.assign({},po))),t("div",null,t("div",null,t(W,Object.assign({},mo)))),t(W,Object.assign({},po)),t(W,Object.assign({},po)),t("div",null,t(W,Object.assign({},po))),t("div",null,t("div",null,t(W,Object.assign({},mo)))),t(W,Object.assign({},ho)))};var fo=function(){return t(M,{width:400,gap:150},t(W,Object.assign({},mo)),t("div",null,t(W,Object.assign({},po))),t("div",null,t("div",null,t(W,Object.assign({},mo)))),t(W,Object.assign({},po)),t(W,Object.assign({},po)),t("div",null,t(W,Object.assign({},po))),t("div",null,t("div",null,t(W,Object.assign({},mo)))),t(W,Object.assign({},ho)))};var bo=function(){return t(M,{width:400,gap:12},t(W,Object.assign({},mo)),t("div",null,t(W,Object.assign({},po))),t("div",null,t("div",null,t(W,Object.assign({},mo)))),t(W,Object.assign({},po)),t(W,Object.assign({},po)),t("div",null,t(W,Object.assign({},po))),t("div",null,t("div",null,t(W,Object.assign({},mo)))),t(W,Object.assign({},ho)))};var vo=function(){return t(M,{width:1e3,gap:24},t(W,Object.assign({},mo)),t("div",null,t(W,Object.assign({},po))),t("div",null,t("div",null,t(W,Object.assign({},mo)))),t(W,Object.assign({},po)),t(W,Object.assign({},po)),t("div",null,t(W,Object.assign({},po))),t("div",null,t("div",null,t(W,Object.assign({},mo)))),t(W,Object.assign({},ho)))};var xo=function(){return t(M,{width:250,gap:24},t(W,Object.assign({},mo)),t("div",null,t(W,Object.assign({},po))),t("div",null,t("div",null,t(W,Object.assign({},mo)))),t(W,Object.assign({},po)),t(W,Object.assign({},po)),t("div",null,t(W,Object.assign({},po))),t("div",null,t("div",null,t(W,Object.assign({},mo)))),t(W,Object.assign({},ho)))};var wo=function(){return t(M,{width:300,gap:24},t("div",{style:{padding:"100px",border:"1px dashed black",background:"#eee",display:"inline-block"}},"PLACEHOLDER"),t("div",{style:{padding:"100px",border:"1px dashed black",background:"#eee",display:"inline-block"}},"PLACEHOLDER"),t("div",{style:{padding:"100px",border:"1px dashed black",background:"#eee",display:"inline-flex",alignItems:"center",justifyContent:"center"}},"PLACEHOLDER"),t("div",{style:{padding:"100px",border:"1px dashed black",background:"#eee",display:"inline-block"}},"PLACEHOLDER"),t("div",{style:{padding:"100px",border:"1px dashed black",background:"#eee",display:"inline-block"}},"PLACEHOLDER"),t("div",{style:{padding:"100px",border:"1px dashed black",background:"#eee",display:"inline-block"}},"PLACEHOLDER"),t("div",{style:{padding:"100px",border:"1px dashed black",background:"#eee",display:"inline-block"}},"PLACEHOLDER"))};var yo=Object.freeze({__proto__:null,default:co,TaskCardGrid:go,TaskCardGridHighGap:fo,TaskCardGridLowGap:bo,TaskCardGridHighWidth:vo,TaskCardGridLowWidth:xo,CardFeedGeneric:wo});var _o='@owner:sam\n@author:sam\nFeature: Checkbox Field\n\n  Field to be used to be used as a checkbox during registration. A motivating use case is to use this component as a terms\n  and conditions field, to sastisfy legal requirements that a customer might have for their end users.\n\n  Background: A user is on the portal registration page\n    Given a user is viewing the "/register"\n    And "/register" contains the registration form\n    And the registration form has the following fields\n      | fields     |\n      | first name |\n      | last name  |\n      | email      |\n      | password   |\n      | checkbox   |\n\n  @motivating\n  Scenario: Checkbox is required by default\n    Given the user is filling out the registration form\n    And the name fields have valid input\n    And the email field has valid input\n    And the password field has valid input\n    And the checkbox is not checked\n    When they try to register\n    Then the checkbox is highlighted in red\n    And the error message says "Must be checked"\n\n  @landmine\n  Scenario: Checkboxes with the same "checkbox-name" are not submitted in the form data\n    Given the register form has the following html\n      """\n      <sqm-portal-register>\n      <sqm-name-fields slot="formData"></sqm-name-fields>\n      <sqm-checkbox-field\n      slot="formData"\n      checkbox-label="I am not a robot"\n      error-message="Cannot be a robot"\n      checkbox-name="isHuman"\n      ></sqm-checkbox-field>\n      <div slot="terms">\n      <sqm-checkbox-field checkbox-name="isHuman"></sqm-checkbox-field>\n      </div>\n      </sqm-portal-register>\n      """\n    And the checkboxes are checked\n    When the user tries to register\n    Then the form is submitted\n    But no field with key "isHuman" is included in the form data\n\n  @motivating\n  Scenario: Multiple checkboxes need different "checkbox-name" values\n    Given the register form has the following html\n      """\n      <sqm-portal-register>\n      <sqm-name-fields slot="formData"></sqm-name-fields>\n      <sqm-checkbox-field\n      slot="formData"\n      checkbox-label="I am not a robot"\n      error-message="Cannot be a robot"\n      checkbox-name="isHuman"\n      ></sqm-checkbox-field>\n      <div slot="terms">\n      <sqm-checkbox-field checkbox-name="myCheckbox"></sqm-checkbox-field>\n      </div>\n      </sqm-portal-register>\n      """\n    And the checkboxes are not checked\n    When the user tries to register\n    Then both checkboxes are bordered in red\n    And the checkboxes have different error messages\n    When the user checks the boxes\n    And tries to register\n    Then the form is submitted\n    And the following fields are included in the form data\n      | feilds     |\n      | isHuman    |\n      | myCheckbox |\n\n  @motivating\n  Scenario: Checkboxes can be optional\n    Given the register form has the following html\n      """\n      <sqm-portal-register>\n      <sqm-name-fields slot="formData"></sqm-name-fields>\n      <sqm-checkbox-field\n      slot="formData"\n      checkbox-label="I am not a robot"\n      checkbox-optional="true"\n      checkbox-name="isHuman"\n      />\n      </sqm-portal-register>\n      """\n    And the checkbox is not checked\n    When the user tries to register\n    Then there is no error for the checkbox\n\n  @minutia\n  Scenario Outline: Validation error message is configurable\n    The error message string is evaluated as an ICU string, but currently is provided no context\n    Given the checkbox is required\n    And the checkbox has prop "error-message" with <propValue>\n    When the user tries to register\n    But they havent checked the checkbox\n    Then they see <errorMessage> below\n    Examples:\n      | propValue         | errorMessage      |\n      |                   | Must be checked   |\n      | My Custom Message | My Custom Message |\n\n  @motivating\n  Scenario Outline: Checkbox text and link are configurable\n    Given the checkbox has the following prop values\n      | prop                     | value           |\n      | checkbox-label           | <labelText>     |\n      | checkbox-label-link      | <labelLink>     |\n      | checkbox-label-link-text | <labelLinkText> |\n    When the user views the checkbox\n    Then they see <text>\n    And when they click <labelLinkText> they are redirected to <labelLink>\n    #First example below is the defaults set by the controller\n    Examples:\n      | labelText                                            | labelLinkText        | labelLink                 | text                                                 |\n      | By signing up you agree to the {labelLink}           | Terms and Conditions | https://example.com       | By signing up you agree to the Terms and Conditions  |\n      | Read our {labelLink} before registration             | Terms of Service     | https://example.com/terms | Read our Terms of Service before registration        |\n      | By registering you agree to our terms and conditions | N/A                  | N/A                       | By registering you agree to our terms and conditions |\n\n  @motivating\n  Scenario: The form field name attribute is configurable\n    Given the checkbox has prop "checkbox-name" with value "myCheckBox"\n    When the user checks the box\n    And they register\n    Then the boolean value of the checkbox is submitted under "myCheckBox" field\n\n  @minutia\n  Scenario Outline: The checkbox field component fails fast if a checkbox name isn\'t provided\n    Given the checkbox <mayHave> prop "checkbox-name"\n    And it <mayHavePropValue>\n    When a user views the checkbox\n    Then an alert with an error message is displayed in place of the checkbox\n    And it has a details section\n    When "More details" is clicked\n    Then the following information is displayed\n      | information          |\n      | component being used |\n      | missing attribute(s) |\n    Examples:\n      | mayBeAnAttribute | mayHavePropValue |\n      | doesn\'t have     | N/A              |\n      | has              | ""               |\n      | has              |                  |';var qo={title:"Components/Checkbox Field",parameters:{scenario:_o}};var Eo={states:{registrationFormState:{validationErrors:{}},checked:false},content:{checkboxName:"terms",checkboxLabel:"By signing up you agree to the {labelLink}",checkboxLabelLink:"https://example.com",checkboxLabelLinkText:"Terms and Conditions",errorMessage:"Must be checked"},callbacks:{setChecked:function(){}}};var ko={states:{registrationFormState:{},error:"",loading:false,confirmPassword:true,hideInputs:false,loginPath:"/login"},callbacks:{submit:function(){return console.log("Submit!")},inputFunction:function(){}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password",requiredFieldErrorMessage:"Cannot be empty",invalidEmailErrorMessage:"Must be a valid email address"}};var To=hr((function(){return t(U,Object.assign({},Eo))}));var Co=hr((function(){return t(U,Object.assign({},Eo,{states:__assign(__assign({},Eo.states),{checked:true})}))}));var Ao=hr((function(){return t(U,Object.assign({},Eo,{content:__assign(__assign({},Eo.content),{checkboxLabel:"I Agree"})}))}));var Do=hr((function(){return t(U,Object.assign({},Eo,{states:__assign(__assign({},Eo.states),{registrationFormState:{validationErrors:{agree:"Must be checked"}}})}))}));var So=hr((function(){return t(U,Object.assign({},Eo,{states:__assign(__assign({},Eo.states),{registrationFormState:{validationErrors:{agree:"Must be checked"}}}),content:__assign(__assign({},Eo.content),{errorMessage:"This checkbox must be checked to continue"})}))}));var Ro=hr((function(){return t(V,Object.assign({},ko,{content:__assign(__assign({},ko.content),{terms:t("p",null,t("sqm-checkbox-field",null))})}))}));var Io=hr((function(){return t(V,Object.assign({},ko,{content:__assign(__assign({},ko.content),{terms:t("p",null,"By signing up you agree to the"," ",t("a",{href:"https://example.com",target:"_blank"},"Terms and Conditions"),t("sqm-checkbox-field",{"checkbox-label":"I agree"}))})}))}));var Po=hr((function(){return t(V,Object.assign({},ko,{content:__assign(__assign({},ko.content),{terms:t("sqm-checkbox-field",{"checkbox-label":"Participants must be at least 18 years of age and a legal resident of the U.S. or Canada. By signing up to participate in the rewards program, you agree to the {labelLink}.","checkbox-label-link":"https://www.example.com","checkbox-label-link-text":"terms","checkbox-name":"termsAndConditions"})})}))}));var No=Object.freeze({__proto__:null,default:qo,Default:To,DefaultChecked:Co,CustomLabel:Ao,Error:Do,CustomError:So,TermsAndConditions:Ro,TermsAndConditionsCustomLabel:Io,TermsAndConditionsLongCustomLabel:Po});var Fo={title:"Hooks / useCheckboxField",parameters:{scenario:_o}};function Oo(){var e="testestest";var t=e;var n="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:n};l((function(){c({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;c(undefined)}}),[]);return{id:e,accountId:t}}var Lo=hr((function(){Oo();return t("sqm-portal-register",null,t("div",{slot:"terms"},t("sqm-checkbox-field",{"checkbox-name":"terms"})))}));var Bo=hr((function(){Oo();return t("sqm-portal-register",null,t("div",{slot:"terms"},t("sqm-checkbox-field",{"checkbox-label":"I agree","checkbox-name":"terms"})))}));var Go=hr((function(){Oo();return t("sqm-portal-register",null,t("sqm-name-fields",{slot:"formData"}),t("sqm-checkbox-field",{slot:"formData","checkbox-label":"I am not a robot","error-message":"Cannot be a robot","checkbox-name":"isHuman"}),t("div",{slot:"terms"},t("sqm-checkbox-field",{"checkbox-name":"otherCheckbox"})))}));var jo=hr((function(){Oo();return t("sqm-portal-register",null,t("sqm-name-fields",{slot:"formData"}),t("sqm-checkbox-field",{slot:"formData","checkbox-label":"I am not a robot","checkbox-optional":"true","checkbox-name":"isHuman"}),t("div",{slot:"terms"},t("sqm-checkbox-field",{"checkbox-name":"required"})))}));var Wo=hr((function(){Oo();return t("sqm-portal-register",null,t("div",{slot:"terms"},t("sqm-checkbox-field",null)))}));var Mo=Object.freeze({__proto__:null,default:Fo,TermsAndConditions:Lo,TermsAndConditionsWithLabel:Bo,MultipleCheckboxes:Go,OptionalCheckboxes:jo,MissingName:Wo});var Uo={title:"Components/Close Button",parameters:{}};var Vo={};var zo={position:"relative",width:"500px",height:"500px",border:"1px solid black",padding:"25px"};var Ho=function(){return t(w,Object.assign({},Vo))};var Yo=function(){return t("div",{style:zo},t(w,Object.assign({},Vo)))};var Xo=function(){return t("div",{style:zo},t(w,Object.assign({},__assign(__assign({},Vo),{color:"blue"}))))};var $o=Object.freeze({__proto__:null,default:Uo,Default:Ho,InAContainer:Yo,CustomColor:Xo});var Jo='@author:truman\n@owner:truman\nFeature: Coupon Code\n\n  The coupon code component is a box that allows users to see and copy their coupon code for a given program\n\n  @motivating\n  Scenario: Component only fetches codes from current program\n    Given a user has multiple rewards from various programs\n    When the component is loaded\n    Then it fetches the user\'s rewards from only the program associated with the widget\n\n  @motivating\n  Scenario: Component only looks at fueltank rewards\n    Given a user has multiple rewards of different types\n    When the component is loaded\n    Then it filters the user\'s reward to only return FUELTANK rewards\n\n\n  @motivating\n  Scenario: The first (i.e. most recently received) reward is the reward that is displayed\n    Given a user has at least one fueltank reward\n    And the fueltank reward is available\n    Then the coupon code component shows the first reward returned\n    And this reward is the most recently received reward by the user\n\n  @motivating\n  Scenario Outline: Coupon code has multiple states depending on reward status\n    Given a user has at least one fueltank reward\n    And the reward has most recent status <status>\n    And the dateScheduledFor field is <dateScheduledFor>\n    Then the component\'s status is set to <componentStatus>\n    And the <errorMessageTextProp> is displayed under the input field\n\n    Examples:\n      | status    | dateScheduledFor | componentStatus | errorMessageTextProp     |\n      | AVAILABLE | null             | AVAILABLE       | N/A                      |\n      | EXPIRED   | null             | EXPIRED         | expiredErrorMessage      |\n      | REDEEMED  | null             | REDEEMED        | redeemedMessage          |\n      | CANCELLED | null             | CANCELLED       | cancelledErrorMessage    |\n      | PENDING   | null             | EMPTY_TANK      | fullfillmentErrorMessage |\n      | PENDING   | 123412341234     | PENDING         | pendingErrorMessage      |\n      | null      | null             | ERROR           | genericErrorMessage      |\n\n  Scenario Outline: Coupon code\'s error message text props are grouped\n    Given an end user is viewing the coupon code component in the widget editor\n    And they are looking at the component\'s properties\n    Then they see <prop>\n    And <prop> is grouped under "Coupon code error"\n    Examples:\n      | prop                     |\n      | N/A                      |\n      | expiredErrorMessage      |\n      | redeemedMessage          |\n      | cancelledErrorMessage    |\n      | fullfillmentErrorMessage |\n      | pendingErrorMessage      |\n      | genericErrorMessage      |\n\n  @minutia\n  Scenario: Tooltip lifespan defaults to 2000\n    Given the tooltip\'s lifespan is set to 2000\n    And there is tooltip text\n    When the component renders\n    And the clipboard icon is clicked\n    Then a tooltip appears for ~2 seconds\n\n  @ui\n  Scenario: Component shows an error state when there is an error\n    Given a user is viewing the coupon code component\n    When there is an error in the coupon code\n    Then in place of the coupon code is an alert banner\n    And the alert banner gives information about the error to the user\n\n  @ui\n  Scenario: Component shows an loading state\n    Given a user is viewing the coupon code component\n    When the coupon code is loading in\n    Then the text inside the input is "Loading..."\n    And the coupon code input box has a gray background\n    And the cursor is set to "default"\n    And the user cannot copy the text\n\n  @ui\n  Scenario Outline: User can edit the alignment of the coupon code text\n    Given a user is editing the coupon code component\n    Then they see "Align text" props\n    And the default value is "left"\n    When they change the option to <option>\n    Then they see the text in <position>\n    Examples:\n      | option | position |\n      | left   | left     |\n      | center | center   |\n      | right  | right    |\n\n  @ui\n  Scenario Outline: The position of the copy button can be changed\n    Given a user is editing the coupon code component\n    Then they see "Style" props\n    And the default value is "icon"\n    When they change the option to <option>\n    Then they see the copy button in <position>\n    Examples:\n      | option         | position                        |\n      | button outside | outside the input, on the right |\n      | button below   | outside the input, below        |\n      | icon           | inside the input as an icon     |\n\n  @minutia\n  Scenario: ICU string converts to a date\n    Given a user is viewing a live coupon code code component\n    And the "pendingErrorText" has the "{unpendDate}" ICU string\n    And the program is configured for rewards to be pending\n    Then the user will see an info alert banner\n    And the ICU string is converted to the unpend date\n';var Ko={title:"Components/Coupon Code",parameters:{scenario:Jo}};var Zo={tooltiptext:"Copied to Clipboard",copyString:"THANKSJANE125uv125",open:false,copyButtonLabel:"Copy Coupon",inputPlaceholderText:"CODE ERROR",couponCodeLabel:"Your coupon code:",error:false,buttonType:"primary"};var Qo=function(){return t("sqm-coupon-code",{tooltiptext:"Copied to Clipboard"})};var el=function(){return t("sqm-coupon-code",{tooltiptext:"Copied to Clipboard",buttonType:"secondary",buttonStyle:"button-outside"})};var tl=function(){return t("sqm-coupon-code",{tooltiptext:"CUSTOM TOOLTIP TEXT"})};var nl=function(){return t("sqm-coupon-code",{tooltiplifespan:5e3,tooltiptext:"CUSTOM TOOLTIP TEXT"})};var al=function(){return t("sqm-coupon-code",{textAlign:"center"})};var rl=function(){return t("sqm-coupon-code",{textAlign:"right"})};var sl=function(){return t("sqm-coupon-code",Object.assign({},Zo,{buttonStyle:"button-outside"}))};var il=function(){return t("sqm-coupon-code",Object.assign({},Zo,{buttonStyle:"button-outside","copy-button-label":"test long custom label"}))};var ol=function(){return t("sqm-coupon-code",Object.assign({},Zo,{buttonStyle:"button-below"}))};var ll=function(){return t("sqm-coupon-code",Object.assign({},Zo,{buttonStyle:"button-below","copy-button-label":"test long custom label"}))};var dl=function(){return t(z,Object.assign({},Zo,{loading:true}))};var ul=function(){return t(z,Object.assign({},Zo,{buttonStyle:"button-outside",loading:true}))};var cl=function(){return t(z,Object.assign({},Zo,{buttonStyle:"button-below",loading:true}))};var ml=function(){return t(z,Object.assign({},Zo,{errorType:"warning",error:true,errorText:"We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue."}))};var pl=function(){return t(z,Object.assign({},Zo,{errorType:"info",error:true,errorText:"Your code will be available on April 24, 2023. Mark your calendar and come back then to redeem your reward!"}))};var hl=function(){return t(z,Object.assign({},Zo,{errorType:"warning",error:true,errorText:"We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue."}))};var gl=function(){return t(z,Object.assign({},Zo,{errorType:"warning",error:true,errorText:"This code has been cancelled. Please reach out to the Support team for help resolving this issue."}))};var fl=function(){return t(z,Object.assign({},Zo,{errorType:"warning",error:true,errorText:"Looks like this code has expired. Please reach out to the Support team for help resolving this issue."}))};var bl=function(){return t(z,Object.assign({},Zo,{errorType:"success",error:true,errorText:"Looks like you’ve already redeemed this code."}))};var vl=Object.freeze({__proto__:null,default:Ko,CouponCode:Qo,CouponCodeWithSecondaryButtonType:el,CustomTooltipText:tl,CustomTooltipDuration:nl,TextAlignCenter:al,TextAlignRight:rl,CopyButton:sl,CopyButtonCustomLabel:il,CopyButtonBelow:ol,CopyButtonBelowCustomLabel:ll,Loading:dl,CopyButtonLoading:ul,CopyButtonBelowLoading:cl,ErrorGeneric:ml,ErrorPending:pl,ErrorFullfillment:hl,ErrorCancelled:gl,ErrorExpired:fl,ErrorRedeemed:bl});var xl={title:"Components/Divided Layout"};var wl={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var yl={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};var _l=function(){return t(k,null,t(T,Object.assign({},wl)),t(T,Object.assign({},yl)))};var ql=function(){return t("sqm-divided-layout",{direction:"row"},t(_l,null),t("div",{style:{padding:"48px"}},t(Se,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("p",null,"Welcome back,")),content:t("sqm-text",null,t("h1",null,"Joe Smith"))}))))};var El=function(){return t("sqm-divided-layout",{direction:"column"},t(_l,null),t("div",{style:{padding:"48px"}},t(Se,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("p",null,"Welcome back,")),content:t("sqm-text",null,t("h1",null,"Joe Smith"))}))))};var kl=function(){return t("sqm-divided-layout",{direction:"column",dividerStyle:"1px solid red"},t(_l,null),t("div",{style:{padding:"48px"}},t(Se,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("p",null,"Welcome back,")),content:t("sqm-text",null,t("h1",null,"Joe Smith"))}))))};var Tl=Object.freeze({__proto__:null,default:xl,Row:ql,Column:El,ColumnCustomDivider:kl});var Cl={title:"Components/Dropdown Field"};var Al={states:{registrationFormState:{}},content:{dropdownName:"options",dropdownLabel:"Select an option",errorMessage:"Must select an option",selectOptions:[t("sl-menu-item",{value:"option-1"},"Option 1"),t("sl-menu-item",{value:"option-2"},"Option 2"),t("sl-menu-item",{value:"option-3"},"Option 3")]}};var Dl=hr((function(){return t(H,Object.assign({},Al))}));var Sl=hr((function(){return t(H,Object.assign({},Al,{content:__assign(__assign({},Al.content),{dropdownLabel:"Pick your favorite"})}))}));var Rl=hr((function(){return t(H,Object.assign({},Al,{states:__assign(__assign({},Al.states),{registrationFormState:{validationErrors:{options:"Must select an option"}}})}))}));var Il=hr((function(){return t(H,Object.assign({},Al,{content:__assign(__assign({},Al.content),{errorMessage:"An option must be selected to continue"}),states:__assign(__assign({},Al.states),{registrationFormState:{validationErrors:{options:"Must select an option"}}})}))}));var Pl=Object.freeze({__proto__:null,default:Cl,Default:Dl,CustomLabel:Sl,Error:Rl,CustomError:Il});var Nl={title:"Hooks / useDropdownField"};function Fl(){var e="testestest";var t=e;var n="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:n};l((function(){c({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;c(undefined)}}),[]);return{id:e,accountId:t}}var Ol=hr((function(){Fl();return t("sqm-portal-register",null,t("sqm-dropdown-field",{slot:"formData","dropdown-label":"Select an option","dropdown-name":"options"},t("sl-menu-item",{value:"option-1"},"Option 1"),t("sl-menu-item",{value:"option-2"},"Option 2"),t("sl-menu-item",{value:"option-3"},"Option 3")))}));var Ll=hr((function(){Fl();return t("sqm-portal-register",null,t("sqm-dropdown-field",{slot:"formData","dropdown-label":"Country","dropdown-name":"countryCode"},t("sl-menu-item",{value:"CA"},"Canada"),t("sl-menu-item",{value:"US"},"United States"),t("sl-menu-item",{value:"GB"},"United Kingdom")))}));var Bl=hr((function(){Fl();return t("sqm-portal-register",null,t("sqm-dropdown-field",{slot:"formData","dropdown-label":"Country"},t("sl-menu-item",{value:"CA"},"Canada"),t("sl-menu-item",{value:"US"},"United States"),t("sl-menu-item",{value:"GB"},"United Kingdom")))}));var Gl=Object.freeze({__proto__:null,default:Nl,SelectOptions:Ol,Countries:Ll,MissingName:Bl});var jl={title:"Components/Edit Profile Form"};var Wl={states:{loading:false,submitDisabled:false,formState:{currentRegion:"Canada",firstName:"Bill",lastName:"Bob",errors:{},error:"An error string"},user:{firstName:"Bill",lastName:"Bob",email:"billbob@example.com"},showEdit:false,text:{editprofileheader:"Edit Profile",editprofiletext:"Update your profile.",firstnametext:"Bill",lastnametext:"Bob",canceltext:"Cancel",updatetext:"Update",currentregiontext:"Canada"}},callbacks:{onSubmit:function(e){console.log(e)},resetForm:function(){console.log("reset")},onChange:function(){console.log("change")},setShowEdit:function(e){console.log(e)}}};var Ml=function(){var e=Wl;return t(Y,Object.assign({},e))};var Ul=function(){var e=__assign(__assign({},Wl),{states:__assign(__assign({},Wl.states),{showEdit:true})});return t(Y,Object.assign({},e))};var Vl=function(){return t("sqm-edit-profile",{editprofileheader:"Edit Profile",editprofiletext:"Update your profile.",firstnametext:"Bill",lastnametext:"Bob",canceltext:"Cancel",updatetext:"Update",currentregiontext:"Current Region",showregion:true})};var zl=Object.freeze({__proto__:null,default:jl,EditProfileFormDisabled:Ml,EditProfileFormEnabled:Ul,FullStackFrameWithMenu:Vl});function Hl(){var e="worried-camera@uexwltgh.mailosaur.net";var t=e;var n="a-referral-program";window.widgetIdent={tenantAlias:"test_as36zjtpfy7oo",appDomain:"https://staging.referralsaasquatch.com",programId:n};l((function(){c({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJpZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJmaXJzdE5hbWUiOiJ0ZXN0IiwibGFzdE5hbWUiOiJ0ZXN0In19.ziDWbdCwsTo1ijxl8d2__Ga-6iFOVShaJUPp2ZBMeO0"});return function(){window.widgetIdent=undefined;c(undefined)}}),[])}var Yl={title:"Hooks / useEditProfile"};var Xl=hr((function(){Hl();return t("sqm-edit-profile",Object.assign({},{editprofileheader:"HEADER",editprofiletext:"TEXT",firstnametext:"FIRST NAME",lastnametext:"LAST NAME",canceltext:"CANCEL",updatetext:"UPDATE",currentregiontext:"CURRENT REGION TEXT"}))}));var $l=Object.freeze({__proto__:null,default:Yl,RegularView:Xl});var Jl='@author:derek\n@owner:derek\nFeature: Empty State\n\n    The sqm-empty component acts as a universal template for the empty states that are used accross our mint components.\n\n    @motivating\n    @ui\n    Scenario: The empty state displays an image, a header and description text\n        Given a empty component with the following props\n            | prop               | value                                                                                           |\n            | empty-state-image  | https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png |\n            | empty-state-header | My Custom Empty State                                                                           |\n            | empty-state-text   | Description about why this empty state is being shown!                                          |\n        And it is wrapped by a component with an "empty" slot\n        When a user views a component using the empty state\n        Then it is displayed in the "empty" slot\n        And they see an image\n        And below they see "My Custom Empty State"\n        And below they see "Description about why this empty state is being shown!"\n        And the images/text are centered aligned';var Kl={title:"Components/Empty State",parameters:{scenario:Jl}};var Zl={usersheading:"TOP REFERRERS",statsheading:"NEW CUSTOMERS"};var Ql=function(){return t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"})};var ed={empty:t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"}),essentials:t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1715360191/squatch-assets/Leaderboard_Not_Available.svg","empty-state-header":"Leaderboards aren’t available on your plan","empty-state-text":"Contact {supportText} to upgrade your plan and start leveraging gamification in your program.","support-text":"Support"}),loadingstate:t("slot",{name:"loading"},t("table",null,__spreadArrays(Array(10)).map((function(){return t("tr",null,t("td",null,t("sqm-skeleton",null)))}))))};var td=function(){var e={states:{loading:false,hasLeaders:false,isEssentials:false,styles:__assign({},Zl)},data:{rankType:"rowNumber",leaderboard:[],rowNumber:10,showUser:true,userRank:{firstName:"Kutay",lastInitial:"C",value:8,rowNumber:11,rank:23}},elements:__assign({},ed)};return t(X,Object.assign({},e))};var nd=Object.freeze({__proto__:null,default:Kl,Empty:Ql,SlottedIntoComponent:td});var ad={title:"Components/Form Message"};var rd=function(){return t("sqm-form-message",{type:"success"},t("p",{part:"alert-title"},"This is the title"),t("p",{part:"alert-description"},"This is the description"))};var sd=function(){return t("sqm-form-message",{type:"error"},t("p",{part:"alert-title"},"This is the title"),t("p",{part:"alert-description"},"This is the description"))};var id=function(){return t("sqm-form-message",{type:"warning"},t("p",{part:"alert-title"},"This is the title"),t("p",{part:"alert-description"},"This is the description"))};var od=function(){return t("sqm-form-message",{type:"info"},t("p",{part:"alert-title"},"This is the title"),t("p",{part:"alert-description"},"This is the description"))};var ld=function(){return t("sqm-form-message",{type:"success",transparent:true},t("p",{part:"alert-title"},"This is the title"),t("p",{part:"alert-description"},"This is the description"))};var dd=function(){return t("sqm-form-message",{type:"error",transparent:true},t("p",{part:"alert-title"},"This is the title"),t("p",{part:"alert-description"},"This is the description"))};var ud=function(){return t("sqm-form-message",{type:"warning",transparent:true},t("p",{part:"alert-title"},"This is the title"),t("p",{part:"alert-description"},"This is the description"))};var cd=function(){return t("sqm-form-message",{type:"info",transparent:true},t("p",{part:"alert-title"},"This is the title"),t("p",{part:"alert-description"},"This is the description"))};var md=function(){return t("sqm-form-message",{type:"success",loading:true},t("p",{part:"alert-title"},"This is the title"),t("p",{part:"alert-description"},"This is the description"))};var pd=Object.freeze({__proto__:null,default:ad,SuccessAlert:rd,ErrorAlert:sd,WarningAlert:id,InfoAlert:od,SuccessAlertTransparent:ld,ErrorAlertTransparent:dd,WarningAlertTransparent:ud,InfoAlertTransparent:cd,Loading:md});var hd='@author:kutay\n@owner:kutay\nFeature: Hero Image\n\n\tThe Hero Image component displays media images with a header, description and button using an overlay or a double column layout to offer an attrative widget page.\n\n\tBackground: A user on the portal is viewing the widget\n\t\tGiven a user viewing the Hero Image component\n\n\t@motivating\n\t@ui\n\tScenario: Overlay image displays header, description, and button with brand color\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop        | value                                                              |\n\t\t\t| image-url   | "https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png"                                 |\n\t\t\t| header      | "Klip Rewards"                                                     |\n\t\t\t| description | "Refer friends or complete tasks while using Klip to earn rewards" |\n\t\t\t| button-text | "Start earning"                                                    |\n\t\t\t| layout      | "overlay"                                                          |\n\t\tThen they see their image\n\t\tAnd the image has no padding\n\t\tAnd it has a brand colour overlay\n\t\tAnd "Klip Rewards" is displayed over top of the image in xxx-large font\n\t\tAnd below "Refer friends or complete tasks while using Klip to earn rewards" is displayed over top of the image in x-large font\n\t\tAnd below they see a brand coloured button with text "Start earning"\n\t\tAnd the text section has xxx-large padding\n\t\tWhen the component is scaled down to 599px\n\t\tThen the image is scaled to fit content\n\n\t@motivating\n\t@ui\n\tScenario Outline: Overlay image crop can be aligned left, center or right\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop        | value                                                              |\n\t\t\t| image-url   | "https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png"                                 |\n\t\t\t| header      | "Klip Rewards"                                                     |\n\t\t\t| description | "Refer friends or complete tasks while using Klip to earn rewards" |\n\t\t\t| button-text | "Start earning"                                                    |\n\t\t\t| layout      | "overlay"                                                          |\n\t\t\t| image-pos   | <value>                                                            |\n\t\tThen the image with overlay is displayed\n\t\tWhen the component is scaled down to 599px\n\t\tThen the image is <alignment> to fit content\n\t\tExamples:\n\t\t\t| value  | alignment     |\n\t\t\t| left   | left aligned  |\n\t\t\t| center | centered      |\n\t\t\t| right  | right aligned |\n\t\t\t| N/A    | centered      |\n\n\t@motivating\n\t@ui\n\tScenario Outline: Overlay padding is configurable\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop         | value                                                              |\n\t\t\t| image-url    | "https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png"                                 |\n\t\t\t| header       | "Klip Rewards"                                                     |\n\t\t\t| description  | "Refer friends or complete tasks while using Klip to earn rewards" |\n\t\t\t| button-text  | "Start earning"                                                    |\n\t\t\t| layout       | "overlay"                                                          |\n\t\t\t| padding-text | <value>                                                            |\n\t\tThen the image with overlay is displayed\n\t\tAnd <padding> is applied around header, description and button\n\t\tExamples:\n\t\t\t| value      | padding    |\n\t\t\t| none       | no padding |\n\t\t\t| xxx-small  | xxx-small  |\n\t\t\t| xx-small   | xx-small   |\n\t\t\t| x-small    | x-small    |\n\t\t\t| small      | small      |\n\t\t\t| medium     | medium     |\n\t\t\t| large      | large      |\n\t\t\t| x-large    | x-large    |\n\t\t\t| xx-large   | xx-large   |\n\t\t\t| xxx-large  | xxx-large  |\n\t\t\t| xxxx-large | xxxx-large |\n\t\t\t| N/A        | no padding |\n\n\t@motivating\n\t@ui\n\tScenario Outline: Overlay color and background is configurable\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop            | value                                                              |\n\t\t\t| image-url       | "https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png"                                 |\n\t\t\t| header          | "Klip Rewards"                                                     |\n\t\t\t| description     | "Refer friends or complete tasks while using Klip to earn rewards" |\n\t\t\t| button-text     | "Start earning"                                                    |\n\t\t\t| layout          | "overlay"                                                          |\n\t\t\t| text-color      | <textColor>                                                        |\n\t\t\t| overlay-color   | <overlayColor>                                                     |\n\t\t\t| overlay-opacity | <overlayOpacity>                                                   |\n\t\tThen the image with overlay is displayed\n\t\tAnd the overlay is <overlayColor>\n\t\tAnd the overlay has <overlayOpacity>\n\t\tAnd the text is <textColor>\n\t\tExamples:\n\t\t\t| textColor | overlayColor | overlayOpacity |\n\t\t\t| #fffc4b   | #ff7f7f      | 0.9            |\n\t\t\t| #1d0314   | #4baa1a      | 0              |\n\t\t\t| #211a27   | #aa481a      | 1              |\n\n\t@motivating\n\t@ui\n\tScenario: Two-column layout displays an image on one side and on the other side a header, description, and button\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop        | value                                                              |\n\t\t\t| image-url   | "https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png"                                 |\n\t\t\t| header      | "Klip Rewards"                                                     |\n\t\t\t| description | "Refer friends or complete tasks while using Klip to earn rewards" |\n\t\t\t| button-text | "Start earning"                                                    |\n\t\t\t| layout      | "columns"                                                          |\n\t\tThen the image is displayed on the left\n\t\tAnd the following elements are displayed on the right\n\t\t\t| elements    |\n\t\t\t| header      |\n\t\t\t| description |\n\t\t\t| button      |\n\t\tWhen the component is scaled down to 599px\n\t\tThen the two-column layout switches to a row layout\n\t\tAnd the image is displayed on top\n\t\tAnd the content is displayed below\n\n\t@motivating\n\t@ui\n\tScenario Outline: Image position is configurable for desktop and mobile\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop             | value                                                              |\n\t\t\t| image-url        | "https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png"                                 |\n\t\t\t| header           | "Klip Rewards"                                                     |\n\t\t\t| description      | "Refer friends or complete tasks while using Klip to earn rewards" |\n\t\t\t| button-text      | "Start earning"                                                    |\n\t\t\t| layout           | "columns"                                                          |\n\t\t\t| image-pos        | <imagePos>                                                         |\n\t\t\t| image-mobile-pos | <imageMobilePos>                                                   |\n\t\tThen the image is displayed on the <imagePos>\n\t\tWhen the component is scaled down to 599px\n\t\tThen two-column layout switches to a row layout\n\t\tAnd image is displayed on the <imageMobilePos>\n\t\tExamples:\n\t\t\t| imagePos | imageMobilePos |\n\t\t\t| left     | top            |\n\t\t\t| right    | bottom         |\n\n\t@motivating\n\t@ui\n\tScenario Outline: Padding is configurable for the image and text of two column layouts\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop          | value                                                              |\n\t\t\t| image-url     | "https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png"                                 |\n\t\t\t| header        | "Klip Rewards"                                                     |\n\t\t\t| description   | "Refer friends or complete tasks while using Klip to earn rewards" |\n\t\t\t| button-text   | "Start earning"                                                    |\n\t\t\t| layout        | "columns"                                                          |\n\t\t\t| padding-text  | <paddingText>                                                      |\n\t\t\t| padding-image | <paddingImage>                                                     |\n\t\tThen the two column layout is displayed\n\t\tAnd the image has padding <paddingImage>\n\t\tAnd the text has padding <paddingText>\n\t\tExamples:\n\t\t\t| paddingText | paddingImage |\n\t\t\t| xxx-small   | xxx-small    |\n\t\t\t| xx-small    | xx-small     |\n\t\t\t| x-small     | x-small      |\n\t\t\t| small       | small        |\n\t\t\t| medium      | medium       |\n\t\t\t| large       | large        |\n\t\t\t| x-large     | x-large      |\n\t\t\t| xx-large    | xx-large     |\n\t\t\t| xxx-large   | xxx-large    |\n\t\t\t| xxxx-large  | xxxx-large   |\n\t\t\t| none        | none         |\n\n\t@motivating\n\t@ui\n\tScenario Outline: Two-column layout image division percentage is configurable\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop             | value                                                              |\n\t\t\t| image-url        | "https://res.cloudinary.com/saasquatch/image/upload/v1644000248/squatch-assets/MVgOJn7.png"                                 |\n\t\t\t| header           | "Klip Rewards"                                                     |\n\t\t\t| description      | "Refer friends or complete tasks while using Klip to earn rewards" |\n\t\t\t| button-text      | "Start earning"                                                    |\n\t\t\t| layout           | "columns"                                                          |\n\t\t\t| image-percentage | <percent>                                                          |\n\t\tThen the two column layout is displayed\n\t\tAnd the image takes up <percent> of the two-column layout\n\t\tAnd the text elements take up the remainder of the space\n\t\tExamples:\n\t\t\t| percent |\n\t\t\t| 25%     |\n\t\t\t| 42%     |\n\t\t\t| 66%     |\n\n\t@motivating\n\t@ui\n\tScenario: Two-column layout text and background color is configurable\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop             | value                                                              |\n\t\t\t| image-url        | "https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png"                                 |\n\t\t\t| header           | "Klip Rewards"                                                     |\n\t\t\t| description      | "Refer friends or complete tasks while using Klip to earn rewards" |\n\t\t\t| button-text      | "Start earning"                                                    |\n\t\t\t| layout           | "columns"                                                          |\n\t\t\t| text-color       | <textColor>                                                        |\n\t\t\t| background-color | <backgroundColor>                                                  |\n\t\tThen the two column layout is displayed\n\t\tAnd the text has color <textColor>\n\t\tAnd the background has color <backgroundColor>\n\t\tExamples:\n\t\t\t| textColor | backgroundColor |\n\t\t\t| #fffc4b   | #ff7f7f         |\n\t\t\t| #1d0314   | #4baa1a         |\n\t\t\t| #211a27   | #aa481a         |';var gd={title:"Components/Hero Image",parameters:{scenario:hd}};var fd=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png",header:"Klip Rewards",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var bd=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var vd=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var xd=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","padding-image":"none","padding-text":"xxx-small"})};var wd=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png",header:"Klip Rewards",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum","button-text":"Start earning",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var yd=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","image-pos":"left","padding-image":"none","padding-text":"xxxx-large"})};var _d=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","image-pos":"center","padding-image":"none","padding-text":"xxxx-large"})};var qd=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","image-pos":"right","padding-image":"none","padding-text":"xxxx-large"})};var Ed=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning","text-color":"#fffc4b","overlay-color":"#ff7f7f","overlay-opacity":"0.9",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var kd=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning","text-color":"#fffc4b","overlay-color":"#ff7f7f","overlay-opacity":"0.3",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var Td=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"columns","padding-image":"none","padding-text":"xxxx-large"})};var Cd=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"columns","padding-image":"xxxx-large","padding-text":"large"})};var Ad=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png",header:"Klip Rewards",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum","button-text":"Start earning",layout:"columns","padding-image":"none","padding-text":"xxxx-large"})};var Dd=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"columns",imagePos:"right",imageMobilePos:"bottom","padding-image":"none","padding-text":"xxxx-large"})};var Sd=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000248/squatch-assets/MVgOJn7.png",description:"Be one of the top 3 referrers at the end of the year and receive Klip free for 1 year!",layout:"columns","image-percentage":"33%","padding-image":"large","padding-text":"large","background-color":"#EFF8FE"})};var Rd=function(){return t("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"columns","text-color":"#fffc4b","background-color":"#ff7f7f","padding-image":"none","padding-text":"xxxx-large"})};var Id=Object.freeze({__proto__:null,default:gd,OverlayHeader:fd,OverlayDescription:bd,OverlayButton:vd,OverlayPadding:xd,OverlayLong:wd,OverlayLeft:yd,OverlayCenter:_d,OverlayRight:qd,OverlayCustomColors:Ed,OverlayCustomOpacity:kd,Columns:Td,ColumnsPadding:Cd,ColumnsLong:Ad,ColumnsReverse:Dd,ColumnsCustomPercentage:Sd,ColumnsCustomColors:Rd});var Pd='@author:noah\n@owner:noah\n\nFeature: Hero Unit\n\n    Background: A portal with a hero unit exists\n        Given a hosted portal\n        And the portal has hero unit on the login page\n        And a user is viewing the login page\n\n    Scenario: The hero unit defaults to a single column layout\n        Given a hero unit does not have a "columns" prop\n        But the following html is wrapped by the hero unit\n            """\n            <sqm-portal-login></sqm-portal-login>\n            <div slot="secondary-column">\n            <h1 style="text-align:center">Get Referring!</h1>\n            <p style="text-align:center">\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim\n            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n            aliquip ex ea commodo consequat. Duis aute irure dolor in\n            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n            pariatur.\n            </p>\n            </div>\n            """\n        Then only a single column will be displayed\n        And within it will be the login component\n\n    Scenario Outline: Hero layout can hide a column at 1023px or less\n        Given the user is viewing a hero unit with a "primary" and "secondary" column\n        And the "column-to-hide-in-mobile" is set to <columnToHide>\n        When the user views the hero unit at 1023px or less\n        Then the <columnToHide> column <isHidden>\n\n        Examples:\n            | column_to_hide | isHidden     |\n            | primary        | is hidden    |\n            | secondary      | is hidden    |\n            | none           | is not hidden|\n\n    Scenario Outline: The hero unit supports single or dual column layouts\n        Given a hero unit with prop "columns" having <columnValue>\n        And it wraps <html>\n        Then the hero unit displays <columnValue> columns\n        Examples:\n            | columnValue | html                                                                                              |\n            | 1           | <h1>Column 1!</h1>                                                                                |\n            | 2           | <h1>Column 1!</h1><div slot="secondary-column"><h1 style="text-align:center">Column 2!</h1></div> |\n\n    Scenario: HTML to be displayed in the second column comes from the "secondary-column" slot\n        Given a hero unit with "columns" "2"\n        And the following html\n            """\n            <h1>Column 1!</h1>\n            <div>\n            <h1 style="text-align:center">Column 2!</h1>\n            </div>\n            """\n        When the hero unit is rendered\n        Then only one column is displayed with content\n        And column 1 will contain the "Column 1!" text\n        And column 1 will contain the "Column 2!" text\n        When the div for column two is updated to have \'slot="secondary-column"\'\n        Then the two columns are displayed with content\n        And column 1 will contain the "Column 1!" text\n        And column 2 will contain the "Column 2!" text\n\n    Scenario Outline: A background for the hero unit can be set as an image or colour\n        Given a hero unit with <backgroundPropValue>\n        Then the background will be <background>\n        Examples:\n            | background                                                   | background               |\n            | https://images.unsplash.com/photo-1599676821464-3555954838dc | image of misty mountains |\n            | LightSlateGrey                                               | light slate grey         |\n            | #00FF00                                                      | green                    |\n            | rgb(128,0,128)                                               | purple                   |\n\n    Scenario Outline: Wrap Direction can be configured for mobile experiences\n        Given a hero unit with the following HTML\n            """\n            <h1>Column 1!</h1>\n            <div slot="secondary-column">\n            <h1 style="text-align:center">Column 2!</h1>\n            </div>\n            """\n        And prop "wrap-direction" has <value>\n        When the window width is less than 600px\n        Then the two columns will stack\n        And <column> will be on top\n        Examples:\n            | value        | column |\n            | wrap         | 1      |\n            | wrap-reverse | 2      |\n            | <null>       | 1      |\n\n    Scenario Outline: Minimum height can be customized\n        Given the option "Mininum Height (in px)" is <value>\n        Then the hero image minimum height is <effectiveValue>\n        And the change is reflected in mobile view\n        Examples:\n            | value                 | effectiveValue |\n            | unset (default value) | 200px          |\n            | 200px                 | 500px          |';var Nd={title:"Components/Hero Layout",parameters:{scenario:Pd}};var Fd=function(){var e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large",minHeight:0},content:{primaryColumn:[t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("sqm-portal-login",null)]}};return t("div",{style:{height:"800px"}},t($,Object.assign({},e)))};var Od=function(){return t("sqm-hero",{background:"https://res.cloudinary.com/saasquatch/image/upload/v1683589933/Portal%20Assets/Screen-Shot-2022-01-06-at-3.23.58-AM.png",columns:1,"padding-size":"medium","wrap-direction":"wrap","secondary-background":"#FFFFFF"},t("sqm-portal-login",null))};var Ld=function(){var e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large",minHeight:0,background:"LightSlateGrey"},content:{primaryColumn:t("sqm-portal-login",null)}};return t("div",{style:{height:"800px"}},t($,Object.assign({},e)))};var Bd=function(){var e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large",minHeight:0,background:"https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"},content:{primaryColumn:t("sqm-portal-login",null)}};return t("div",{style:{height:"800px"}},t($,Object.assign({},e)))};var Gd=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"large",minHeight:0,background:"https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80",secondaryBackground:"LightSlateGrey"},content:{primaryColumn:t("sqm-portal-login",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($,Object.assign({},e)))};var jd=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"medium",minHeight:0,background:"https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80",secondaryBackground:"LightSlateGrey"},content:{primaryColumn:t("sqm-portal-login",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($,Object.assign({},e)))};var Wd=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"small",minHeight:0,background:"https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80",secondaryBackground:"LightSlateGrey"},content:{primaryColumn:t("sqm-portal-login",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($,Object.assign({},e)))};var Md=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"none",minHeight:0,background:"https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80",secondaryBackground:"LightSlateGrey"},content:{primaryColumn:t("sqm-portal-login",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($,Object.assign({},e)))};var Ud=function(){var e={states:{columns:2,wrapDirection:"wrap-reverse",background:"LightSlateGrey",paddingSize:"large",minHeight:0,secondaryBackground:"https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"},content:{primaryColumn:t("sqm-portal-change-password",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($,Object.assign({},e)))};var Vd=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"large",minHeight:0},content:{primaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("sqm-portal-login",null)),secondaryColumn:t("div",null,t("img",{src:"https://images.unsplash.com/photo-1487528278747-ba99ed528ebc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80"}),t("p",null,"Pellentesque mauris urna, lacinia non turpis sed, pulvinar congue ligula. Sed mattis condimentum eros nec vulputate. Cras consectetur eget libero at viverra. Aliquam suscipit feugiat ante sit amet sagittis. Fusce pulvinar interdum odio ut dapibus. Nulla aliquet ultricies augue nec dignissim. Morbi vulputate hendrerit sem."))}};return t("div",{style:{height:"800px"}},t($,Object.assign({},e)))};var zd=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"large",minHeight:600,background:"https://images.unsplash.com/photo-1487528278747-ba99ed528ebc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80"},content:{secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("sqm-portal-login",null))}};return t($,Object.assign({},e))};var Hd=function(){return t("sqm-hero",{background:"https://res.cloudinary.com/saasquatch/image/upload/v1683589933/Portal%20Assets/Screen-Shot-2022-01-06-at-3.23.58-AM.png",columns:2,"padding-size":"medium","wrap-direction":"wrap","secondary-background":"var(--sqm-portal-background)","column-to-hide-in-mobile":"primary"},t("sqm-referred-registration",{slot:"secondary-column","register-label":"Get $50 off","padding-bottom":"small","padding-left":"x-large","padding-right":"x-large","padding-top":"small"},t("sqm-titled-section",{"text-align":"center","label-margin":"small",padding:"none",slot:"top"},t("h1",{slot:"label"},"You got $50 off thanks to a friend!"),t("p",{slot:"content"},t("span",null,"Use this reward to get $50 off your next purchase."))),t("div",{slot:"bottom"},t("p",{style:{textAlign:"center"}},"*Valid on purchases of $75 or more"),t("sqm-portal-footer",{slot:"footer","show-powered-by":"true","padding-bottom":"none","padding-left":"none","padding-right":"none","padding-top":"none","hide-support-text":true,"terms-text":"Terms And Conditions","terms-link":"https://example.com"}))))};var Yd=Object.freeze({__proto__:null,default:Nd,LoginOneColumn:Fd,LoginOneColumnWithMinHeight:Od,LoginOneColumnWithColor:Ld,LoginOneColumnWithImage:Bd,TwoColumnLoginLargePadding:Gd,TwoColumnLoginMediumPadding:jd,TwoColumnLoginSmallPadding:Wd,TwoColumnLoginNoPadding:Md,TwoColumnLoginReverseWrap:Ud,TwoColumnLoginWithImgElement:Vd,MinHeight:zd,InstantAccessLoggedOutView:Hd});var Xd='@author:kutay\n@owner:kutay\nFeature: Image\n\n\tBackground: A user on the portal is viewing the widget\n\t\tGiven a user viewing the image component\n\n\t@motivating\n\t@ui\n\tScenario: Image is displayed from URL\n\t\tGiven an Image component\n\t\tAnd prop "image-url" is provided with a valid image url\n\t\tThen the image is displayed\n\t\tAnd it is centered\n\n\t@motivating\n\t@ui\n\tScenario Outline: Images can be aligned left, center or right\n\t\tGiven an Image component\n\t\tAnd prop "image-url" is provided with a valid image url\n\t\tAnd prop "align" has <value>\n\t\tThen the image is displayed\n\t\tAnd it is aligned to the <value>\n\t\tExamples:\n\t\t\t| value  |\n\t\t\t| left   |\n\t\t\t| center |\n\t\t\t| right  |\n\n\t@motivating\n\t@ui\n\tScenario: Image background can be assigned a color\n\t\tGiven an Image component\n\t\tAnd prop "image-url" is provided with a valid image url\n\t\tAnd prop "background-color" is provided a color\n\t\tThen the image is displayed\n\t\tAnd the background is the provided color\n\n\t@motivating\n\t@ui\n\tScenario: Image minimum height can be constrained\n\t\tGiven an Image component\n\t\tAnd prop "image-url" is provided\n\t\tAnd prop "min-height" is given a minimum value\n\t\tThen the image is displayed\n\t\tAnd the container size changes\n\t\tThen the image does not shrink below its minimum height';var $d={title:"Components/Image",parameters:{scenario:Xd}};var Jd=function(){return t("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000259/squatch-assets/tn47wOj.png"})};var Kd=function(){return t("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000259/squatch-assets/tn47wOj.png",alignment:"left"})};var Zd=function(){return t("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000259/squatch-assets/tn47wOj.png",alignment:"center"})};var Qd=function(){return t("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000259/squatch-assets/tn47wOj.png",alignment:"right"})};var eu=function(){return t("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000259/squatch-assets/tn47wOj.png","background-color":"firebrick",alignment:"center"})};var tu=function(){return t("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000255/squatch-assets/oIiVdMM.jpg",minHeight:"192px"})};var nu=Object.freeze({__proto__:null,default:$d,Image:Jd,ImageAlignmentLeft:Kd,ImageAlignmentCenter:Zd,ImageAlignmentRight:Qd,ImageBackground:eu,MinimumHeight:tu});var au='@author:derek\n@owner:derek\nFeature: Form Input Field\n\n    This component is used as a custom registration field during registration. The field can be text,\n    a date or phone number. A motivating use case is to ask for a users company name, this value would then be mapped\n    through the Managed Identity Service and upserted on the user after registration.\n\n    Background: A user exists and is viewing the hosted portal registration\n        Given a user is viewing "/register"\n        And "/register" contains the registration form\n        And the registration form has a custom input field\n\n    @motivating\n    Scenario Outline: Input fields are required by default but can be optional\n        Given the input has prop "field-optional" with <value>\n        And the input is empty\n        When the user tries to register\n        Then the input <mayBe> highlighted in red\n        And an error message <mayAppear> in red below\n        And form submission <mayBe> blocked\n        Examples:\n            | value | mayBe | mayAppear      |\n            | false | is    | appears        |\n            |       | is    | appears        |\n            | true  | isn\'t | doesn\'t appear |\n\n    @motivating\n    Scenario: Input field labels are configurable\n        Given the input has prop "field-label" with value "My Custom Input"\n        When the user views the registration form\n        Then they see the input field\n        And it has label "My Custom Input" above the input\n\n    @minutia\n    Scenario Outline: The validation error message is configurable\n        The error message string is evaluated as an ICU string, but currently is provided no context\n        Given the input is required\n        And it has prop "error-message" with <value>\n        When the user tries to register\n        But they haven\'t filled in the input\n        Then they see <errorMessage> below\n        Examples:\n            | value             | errorMessage      |\n            |                   | Cannot be empty   |\n            | My Custom Message | My Custom Message |\n\n    @motivating\n    Scenario: Form data attribute name is configurable\n        Given the input has prop "field-name" with value "myCustomField"\n        When the user types "testing testing" into the input\n        And they register\n        Then "testing testing" is submitted under "myCustomField" in the form data\n\n    @motivating\n    Scenario Outline: The input field is a text input by default\n        Given the input <mayHave> prop "field-type" with <value>\n        When the user views the input field\n        Then it is a text input\n        Examples:\n            | mayHave      | value |\n            | has          | text  |\n            | doesn\'t have |       |\n\n    @motivating\n    Scenario: Date type inputs are supported\n        Given the input has prop "field-type" "date"\n        When the user views the input field\n        Then they see "mm/dd/yyyy" as a placeholder\n        And they see a calendar icon on the right\n        When they start typing a date\n        Then it maintains the "mm/dd/yyyy" format\n        When they click the calendar icon\n        Then a dropdown appears\n        And they see a calendar\n        When they select a date\n        Then it is applied to the input\n\n    @landmine\n    Scenario: The clear text button in the date picker does not clear the date\n        Due to an incompatibility between our shoelace version and the browser, the clear funtionality is not supported currently\n        Given the input has prop "field-type" "date"\n        And the user has entered a date\n        When they click the calendar icon\n        And click the \'clear\' text button\n        Then their selected date is not cleared\n\n    @motivating\n    Scenario: Phone number type inputs are supported\n        Given the input has prop "field-type" with value "tel"\n        When the user starts typing a phone number in the input\n        Then it is formatted into the following form "(XXX) XXX-XXXX"\n        When they pre-fix their phone number with a "1"\n        Then it is formatted into the following form "1 (XXX) XXX-XXXX"\n\n    @landmine\n    Scenario: Telephone formatting is removed after 10 numbers\n        Given a user using a phone number input field\n        And they entered their 10 character phone number\n        And it was not prefixed with a 1\n        When they add another character\n        Then the formatting is removed\n\n    @landmine\n    Scenario Outline: Input values are always recorded as strings in the form data\n        Given the input has prop "field-type" with <value>\n        And it has a "field-name"\n        When the user inputs <formInput>\n        And they register\n        Then <formData> is recorded in the form data as a string\n        Examples:\n            | value | formInput      | formData       |\n            | text  | Hello there    | Hello there    |\n            | date  | 05/07/2021     | 2021-05-07     |\n            | tel   | (250) 234-9877 | (250) 234-9877 |\n\n    @minutia\n    Scenario Outline: The input field component fails fast if a field name isn\'t provided\n        Given the input <mayHave> prop "field-name"\n        And it <mayHavePropValue>\n        When a user views the input\n        Then an alert with an error message is displayed in place of the input\n        And it has a details section\n        When "More details" is clicked\n        Then the following information is displayed\n            | information          |\n            | component being used |\n            | missing attribute(s) |\n        Examples:\n            | mayBeAnAttribute | mayHavePropValue |\n            | doesn\'t have     | N/A              |\n            | has              | ""               |\n            | has              |                  |';var ru={title:"Components/Input Field",parameters:{scenario:au}};var su={states:{registrationFormState:{validationErrors:{}}},content:{fieldName:"field",fieldLabel:"My Custom Input",fieldType:"text",fieldOptional:true,errorMessage:"Cannot be empty"}};var iu={states:{registrationFormState:{},error:"",loading:false,confirmPassword:true,hideInputs:false,loginPath:"/login"},callbacks:{submit:function(){return console.log("Submit!")},inputFunction:function(){}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password",requiredFieldErrorMessage:"Cannot be empty",invalidEmailErrorMessage:"Must be a valid email address"}};var ou=function(){return t(J,Object.assign({},su))};var lu=function(){return t(J,Object.assign({},su,{content:__assign(__assign({},su.content),{fieldLabel:"My Label"})}))};var du=function(){return t(J,Object.assign({},su,{states:__assign(__assign({},su.states),{registrationFormState:{validationErrors:{field:"Cannot be empty"}}})}))};var uu=function(){return t(J,Object.assign({},su,{content:__assign(__assign({},su.content),{errorMessage:"A value must be entered to continue"}),states:__assign(__assign({},su.states),{registrationFormState:{validationErrors:{field:"Cannot be empty"}}})}))};var cu=function(){return t(J,Object.assign({},su,{content:__assign(__assign({},su.content),{fieldLabel:"Date",fieldType:"date"})}))};var mu=function(){return t(J,Object.assign({},su,{content:__assign(__assign({},su.content),{fieldLabel:"Phone Number",fieldType:"tel"})}))};var pu=function(){return t(V,Object.assign({},iu,{content:__assign(__assign({},iu.content),{formData:t(J,Object.assign({},su))})}))};var hu=function(){return t(V,Object.assign({},iu,{content:__assign(__assign({},iu.content),{formData:t(J,Object.assign({},su,{content:__assign(__assign({},su.content),{fieldLabel:"Data"})}))})}))};var gu=Object.freeze({__proto__:null,default:ru,Default:ou,CustomLabel:lu,Error:du,CustomError:uu,DateType:cu,TelType:mu,RegistrationField:pu,RegistrationFieldCustomLabel:hu});var fu={title:"Hooks / useInputField",parameters:{scenario:au}};function bu(){var e="testestest";var t=e;var n="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:n};l((function(){c({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;c(undefined)}}),[]);return{id:e,accountId:t}}var vu=hr((function(){bu();return t("sqm-portal-register",null,t("div",{slot:"formData"},t("sqm-input-field",{"field-name":"myData"})))}));var xu=hr((function(){bu();return t("sqm-portal-register",null,t("div",{slot:"formData"},t("sqm-input-field",{"field-label":"Custom Label","field-name":"myData"})))}));var wu=hr((function(){bu();return t("sqm-portal-register",null,t("sqm-name-fields",{slot:"formData"}),t("sqm-input-field",{slot:"formData","field-label":"Field One","field-name":"fieldOne"}),t("sqm-input-field",{slot:"formData","field-label":"Field Two","field-name":"fieldTwo"}))}));var yu=hr((function(){bu();return t("sqm-portal-register",null,t("sqm-name-fields",{slot:"formData"}),t("sqm-input-field",{slot:"formData","field-label":"Optional Field","field-optional":"true","field-name":"optionalField"}))}));var _u=hr((function(){bu();return t("sqm-portal-register",null,t("sqm-name-fields",{slot:"formData"}),t("sqm-input-field",{slot:"formData","field-label":"Date","field-name":"date","field-type":"date"}))}));var qu=hr((function(){bu();return t("sqm-portal-register",null,t("sqm-name-fields",{slot:"formData"}),t("sqm-input-field",{slot:"formData","field-label":"Phone Number","field-name":"tel","field-type":"tel"}))}));var Eu=hr((function(){bu();return t("sqm-portal-register",null,t("sqm-name-fields",{slot:"formData"}),t("sqm-input-field",{slot:"formData","field-label":"Phone Number","field-type":"tel"}))}));var ku=Object.freeze({__proto__:null,default:fu,FormData:vu,FormDataWithLabel:xu,MultipleInputs:wu,OptionalInputs:yu,DateType:_u,TelType:qu,MissingName:Eu});var Tu={title:"Components/Invoice Table Cell",parameters:{}};var Cu=function(){return t("sqm-invoice-table-cell",{innerTemplate:"Table Cell Text"})};var Au=function(){return t("sqm-invoice-table-cell",{innerTemplate:"12345-67"})};var Du=function(){return t("sqm-invoice-table-cell",{innerTemplate:"US$20.00"})};var Su=function(){return t("sqm-invoice-table-cell",{innerTemplate:"US$15.00"})};var Ru=function(){return t("sqm-invoice-table-cell",{innerTemplate:"US$5.00"})};var Iu=function(){return t("sqm-invoice-table-download-cell",{downloadUrl:"https://www.example.com"})};var Pu=function(){return t("sqm-sqm-invoice-table-cell",null,"-")};var Nu=function(){return t("sqm-invoice-table-date-cell",{date:1710203213e3})};var Fu=Object.freeze({__proto__:null,default:Tu,TableCell:Cu,InvoiceNumberCell:Au,EarningsCell:Du,EarningsAfterTaxCell:Su,IndirectTaxCell:Ru,DownloadCell:Iu,EmptyCell:Pu,DateCell:Nu});var Ou={title:"Components/Invoice Table"};var Lu=t("div",{slot:"loading",style:{display:"contents"}},t("sqm-table-row",null,t("sqm-table-cell",{colspan:6},t("sqm-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:6},t("sqm-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:6},t("sqm-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:6},t("sqm-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:6},t("sqm-skeleton",null))));var Bu=t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png","empty-state-header":"View your invoice details","empty-state-text":"Track the status of your invoices and rewards earned by referring friends"});var Gu={states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-invoice-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"Next"},hiddenColumns:"",mdBreakpoint:799,smBreakpoint:599},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},elements:{columns:[t("span",null),"Date created","Invoice","Earnings","Indirect tax","Earnings after tax"],rows:[[t(Iu,null),t(Nu,null),t(Au,null),t(Du,null),t(Ru,null),t(Su,null)],[t(Iu,null),t(Nu,null),t(Au,null),t(Du,null),t(Ru,null),t(Su,null)],[t(Iu,null),t(Nu,null),t(Au,null),t(Du,null),t(Ru,null),t(Su,null)]]}};var ju=function(){return t(Re,{header:"Invoices",description:"Invoice table description"},t(v,Object.assign({},Gu)))};var Wu=function(){return t("sqm-invoice-table",{demoData:{states:{hasPrev:false,hasNext:false,show:"empty",namespace:"sqm-invoice-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:799,smBreakpoint:599},elements:{emptyElement:Bu,loadingElement:Lu,columns:["Name","Email","DOB"],rows:[]}}})};var Mu=function(){return t("sqm-invoice-table",{demoData:{states:{hasPrev:false,hasNext:false,show:"loading",namespace:"sqm-invoice-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:799,smBreakpoint:599},elements:{emptyElement:Bu,loadingElement:Lu,columns:["","Date created","Invoice","Earnings","Indirect tax","Earnings after tax"],rows:[]}}})};var Uu=Object.freeze({__proto__:null,default:Ou,SimpleInvoiceTable:ju,EmptyTable:Wu,LoadingTable:Mu});var Vu={title:"Hooks / useInvoiceTable"};function zu(){var e="07bc01a0f123d20342b89ed8296946a747f770cc8bbd239d7f142fe629f826ac";var t="07bc01a0f123d20342b89ed8296946a747f770cc8bbd239d7f142fe629f826ac";var n="22999";window.widgetIdent={tenantAlias:"aprh0cfq6y8tk",appDomain:"https://staging.referralsaasquatch.com",programId:n};l((function(){c({accountId:t,id:e,jwt:"eyJraWQiOiJJUk1Yc1l5NllZcXE0Njk0MzdtRzhFUlF0OFFvS0ZCYUcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJqdGkiOiI2NWVmYTdiMzY0NWJlNjQ2OGVjOGYwMDMiLCJpYXQiOjE3MTAyMDQ4NTEsImV4cCI6MTcxMDI5MTI1MSwic3ViIjoiTURkaVl6QXhZVEJtTVRJelpESXdNelF5WWpnNVpXUTRNamsyT1RRMllUYzBOMlkzTnpCall6aGlZbVF5TXpsa04yWXhOREptWlRZeU9XWTRNalpoWXc9PTpNRGRpWXpBeFlUQm1NVEl6WkRJd016UXlZamc1WldRNE1qazJPVFEyWVRjME4yWTNOekJqWXpoaVltUXlNemxrTjJZeE5ESm1aVFl5T1dZNE1qWmhZdz09QGFwcmgwY2ZxNnk4dGs6dXNlcnMiLCJ1c2VyIjp7ImlkIjoiMDdiYzAxYTBmMTIzZDIwMzQyYjg5ZWQ4Mjk2OTQ2YTc0N2Y3NzBjYzhiYmQyMzlkN2YxNDJmZTYyOWY4MjZhYyIsImFjY291bnRJZCI6IjA3YmMwMWEwZjEyM2QyMDM0MmI4OWVkODI5Njk0NmE3NDdmNzcwY2M4YmJkMjM5ZDdmMTQyZmU2MjlmODI2YWMiLCJkYXRlQmxvY2tlZCI6bnVsbH19.cYhNPaaBwffl3PxUZXuwQKmTd_3OgDGppxrBkMmJxNA"});return function(){window.widgetIdent=undefined;c(undefined)}}),[]);return{id:e,accountId:t}}var Hu=hr((function(){zu();m("22999");return t("sqm-invoice-table",null,t("sqm-invoice-table-download-column",null),t("sqm-invoice-table-date-column",{"column-title":"Date"}),t("sqm-invoice-table-data-column",{"column-title":"Invoice",property:"invoiceId"}),t("sqm-invoice-table-data-column",{"column-title":"Earnings",property:"earnings"}),t("sqm-invoice-table-data-column",{"column-title":"Indirect tax",property:"indirectTax"}),t("sqm-invoice-table-data-column",{"column-title":"Earnings after tax",property:"netEarnings"}))}));var Yu=hr((function(){return t("sqm-invoice-table",null,t("sqm-invoice-table-download-column",null),t("sqm-invoice-table-date-column",{"column-title":"Date"}),t("sqm-invoice-table-data-column",{"column-title":"Invoice",property:"invoiceId"}),t("sqm-invoice-table-data-column",{"column-title":"Earnings",property:"earnings"}),t("sqm-invoice-table-data-column",{"column-title":"Indirect tax",property:"indirectTax"}),t("sqm-invoice-table-data-column",{"column-title":"Earnings after tax",property:"netEarnings"}))}));var Xu=Object.freeze({__proto__:null,default:Vu,InvoiceTable:Hu,InvoiceTableDemoHook:Yu});var $u='@owner:noah\n@author:noah\nFeature: Leaderboard Rank\n\n    The leaderboard rank components displays the current users rank on the leaderboard.\n\n    @minutiae\n    Scenario: Users without a rank are shown a generic message\n        Given a user has no rank\n        Then the component displays a generic message\n        And the message is the string from the prop "unrankedText"\n\n    @motivating\n    Scenario: Users with a rank are shown a message containing their rank\n        Given a user has a valid rank\n        And the prop "rankText" is an ICU message\n        Then the ICU message is parsed to include the user\'s rank\n        And the parsed message is displayed to the users\n\n    @motivating\n    Scenario Outline: Ranks from any of the three standard leaderboards can be displayed\n        Given a leaderboard rank component with <leaderboardType>\n        And a user has a valid rank\n        When they view the leaderboard rank component\n        Then they see their rank for <leaderboardType>\n        Examples:\n            | leaderboardType       |\n            | topStartedReferrers   |\n            | topConvertedReferrers |\n            | topPointEarners       |\n\n    @motivating\n    Scenario Outline: Leaderboard rank can be filtered with a time interval\n        Given a leaderboard rank component with <leaderboardType>\n        And it has prop "interval" with value "2021-11-02T07:00:00.000Z/2021-11-07T07:00:00.000Z"\n        When they view the leaderboard rank component\n        Then they see their rank for <results> from within "2021-11-02T07:00:00.000Z/2021-11-07T07:00:00.000Z"\n        Examples:\n            | leaderboardType       | results             |\n            | topStartedReferrers   | started referrals   |\n            | topConvertedReferrers | converted referrals |\n            | topPointEarners       | points earned       |\n\n    @motivating\n    Scenario Outline: Program Context is used by default to filter leaderboard rank\n        Given a <leaderboardType> leaderboard rank component loaded with program context for "my-program"\n        When they view the leaderboard rank component\n        Then they see their rank for <leaderboardType> from "my-program"\n        Examples:\n            | leaderboardType       |\n            | topStartedReferrers   |\n            | topConvertedReferrers |\n            | topPointEarners       |\n\n    @motivating\n    Scenario Outline: Program Id context can be overwritten with a prop\n        Given a <leaderboardType> leaderboard rank component has prop "program-Id" with value "my-test-program"\n        When they view the leaderboard rank component\n        Then they see their rank for <leaderboardType> from "my-test-program"\n        Examples:\n            | leaderboardType       | results             |\n            | topStartedReferrers   | started referrals   |\n            | topConvertedReferrers | converted referrals |\n            | topPointEarners       | points earned       |\n\n    @motivating\n    Scenario Outline: Global leaderboards ranks can be displayed by clearing program context\n        #This can also be done with a program section in a similar manner\n        Given a <leaderboardType> leaderboard rank component has prop "program-Id" with value ""\n        When they view the leaderboard rank component\n        Then they see global <results> rank\n        Examples:\n            | leaderboardType       | results             |\n            | topStartedReferrers   | started referrals   |\n            | topConvertedReferrers | converted referrals |\n            | topPointEarners       | points earned       |\n\n    @motivating\n    Scenario: Rank calculation is controlled by the "rankType" prop\n        Given the current user is User C\n        And User C has <points>\n        And User A has <points>\n        And User B has <points>\n        And the value of the "rankType" prop is <rankType>\n        Then the rank of the current user is <rank>\n        Examples:\n            | user   | points | rankType  | rank |\n            | User A | 5      | rowNumber | 3    |\n            | User B | 10     | rowNumber | 1    |\n            | User C | 10     | rowNumber | 2    |\n\n            | user   | points | rankType | rank |\n            | User A | 10     | rank     | 1    |\n            | User B | 10     | rank     | 1    |\n            | User C | 5      | rank     | 3    |\n\n            | user   | points | rankType  | rank |\n            | User A | 10     | denseRank | 1    |\n            | User B | 10     | denseRank | 1    |\n            | User C | 5      | denseRank | 2    |';var Ju={title:"Components/Leaderboard Rank",parameters:{scenario:$u}};var Ku=function(){var e={data:{rank:"1st"}};return t("p",null,"Your rank is ",t(q,Object.assign({},e))," on the leaderboard")};var Zu=function(){var e={data:{rank:"2nd"}};return t("p",null,"Your rank is ",t(q,Object.assign({},e))," on the leaderboard")};var Qu=function(){var e={data:{rank:"unranked"}};return t("p",null,"You are currently ",t(q,Object.assign({},e)),", refer a friend!")};var ec=Object.freeze({__proto__:null,default:Ju,First:Ku,Second:Zu,Unranked:Qu});var tc='@owner:noah @author:noah\nFeature: Leaderboard\n\tThe leaderboard supports three main cases\n\t- Top Started Referrers\n\t- Top Converted Referrers\n\t- Top Point Earners\n\tTo display these different types of leaderboards it uses the backends pre-canned options.\n\tThe backend supports filtering on programId and interval, programId is sourced from program context.\n\n  Background: A user exists\n    Given a user\n    And they are viewing the leaderboard\n\n  @motivating\n  Scenario Outline: Two types of referrals leaderboards can be displayed\n    Given a leaderboard has prop "leaderboard-type" with <value>\n    And there are started referrals on the tenant\n    And there are started converted on the tenant\n    When the user views the leaderboard\n    Then they see the referral <referralType> leaderboard\n\n    Examples:\n      | value                 | referralType |\n      | topStartedReferrers   | started      |\n      | topConvertedReferrers | converted    |\n\n  @motivating\n  Scenario: The top point earners leaderboard can be displayed\n    Given a leaderboard has prop "leaderboard-type" with value "topPointEarners"\n    And there are users with points\n    When the user views the leaderboard\n    Then they see the top point earners leaderboard\n    And text values are displayed for point counts\n\n  @minutia\n  Scenario Outline: Reward pretty value is used on the top point earners leaderboard\n    Given top point earners leaderboard\n    And the "POINT" reward unit has a pretty value for the following locales\n      | locale |\n      | en     |\n      | fr     |\n      | tr     |\n    When the user views the leaderboard\n    And they have <locale>\n    Then they see the translated pretty value in the stat value column\n\n  @motivating\n  Scenario Outline: Program Context is used by default to filter leaderboard results\n    Given a <leaderboardType> leaderboard loaded with program context for "my-program"\n    When the user views the leaderboard\n    Then they only see <results> from "my-program"\n\n    Examples:\n      | leaderboardType       | results             |\n      | topStartedReferrers   | started referrals   |\n      | topConvertedReferrers | converted referrals |\n      | topPointEarners       | points earned       |\n\n  @motivating\n  Scenario Outline: Program Id context can be overwritten with a prop\n    Given a <leaderboardType> leaderboard has prop "program-Id" with value "my-test-program"\n    When the user views the leaderboard\n    Then they only see <results> from "my-test-program"\n\n    Examples:\n      | leaderboardType       | results             |\n      | topStartedReferrers   | started referrals   |\n      | topConvertedReferrers | converted referrals |\n      | topPointEarners       | points earned       |\n\n  @motivating\n  Scenario Outline: Global leaderboards can be displayed by clearing program context\n\t\t#This is important for clients with use cases like StaffTracks global points leaderboard\n\t\t#This can also be done with a program section in a similar manner\n    Given a <leaderboardType> leaderboard has prop "program-Id" with value ""\n    When the user views the leaderboard\n    Then they see global <results>\n\n    Examples:\n      | leaderboardType       | results             |\n      | topStartedReferrers   | started referrals   |\n      | topConvertedReferrers | converted referrals |\n      | topPointEarners       | points earned       |\n\n  @motivating\n  Scenario: Leaderboard results are shown in descending order\n    Given there are leaderboard results\n    When the user views the leaderboard\n    Then they see up to the 10 top leaderboard results\n    And leaderboard is in descending order\n\n  @motivating\n  Scenario Outline: Leaderboard results can be filtered with a time interval\n    Given a <leaderboardType> leaderboard\n    And it has prop "interval" with value "2021-11-02T07:00:00.000Z/2021-11-07T07:00:00.000Z"\n    When the user views the leaderboard\n    Then they only see <results> from within "2021-11-02T07:00:00.000Z/2021-11-07T07:00:00.000Z"\n\n    Examples:\n      | leaderboardType       | results             |\n      | topStartedReferrers   | started referrals   |\n      | topConvertedReferrers | converted referrals |\n      | topPointEarners       | points earned       |\n\n  @motivating\n  Scenario Outline: Leaderboard rank type can be configured\n    Given a leaderboard has prop "rank-type" with <value>\n    When the user views the leaderboard\n    Then their leaderboard rank is their <rank>\n\n    Examples:\n      | value     | rank       |\n      | rowNumber | row number |\n      | denseRank | dense rank |\n      | rank      | rank       |\n\n  @minutia\n  Scenario Outline: The max number of leaderboard rows displayed can be configured but defaults to 10\n    Given a leaderboard has prop "max-rows" with <value>\n    And the leaderboard has <resultCount>\n    When the user views the leaderboard\n    Then they see <number> rows\n\n    Examples:\n      | value | resultCount | number |\n      |       |          10 |     10 |\n      |     5 |          10 |      5 |\n      |     3 |           1 |      1 |\n      |    25 |          15 |     15 |\n\n  @minutiae @ui\n  Scenario: Leaderboards with no results show an empty state\n    Given a leaderboard has no results\n    When the user views the leaderboard\n    Then an empty state is dislayed\n    And they see an image of a leaderboard\n    And below they see "View your rank in the leaderboard"\n    And below they see "Be the first to refer a friend and reach the top of the leaderboard"\n    And the text is center aligned\n\n  @minutiae @ui\n  Scenario: A custom empty state can be provided\n    Given a leaderboard has no results\n    When the user views the leaderboard\n    Then the contents of the "empty" slot are displayed\n\n  @minutiae @ui\n  Scenario: User is on Essentials plan\n    Given the user has an Essentials plan\n    When they view the leaderboard\n    Then a message telling them to upgrade their plan appears:\n      """\n      Contact Support to upgrade your plan and start leveraging\n                gamification in your program.\n      """\n    And an empty table image is displayed\n\n  @minutiae @ui\n  Scenario: Leaderboard headings can be customized\n    Given a leaderboard\n    And it has the following props\n      | prop         | value          |\n      | rankheading  | Place          |\n      | usersheading | Customer       |\n      | statsheading | Referral Count |\n      | show-rank    | true           |\n    When the user views the leaderboard\n    Then they see the following columns with headings\n      | column | heading        |\n      | rank   | Place          |\n      | user   | Customer       |\n      | stat   | Referral Count |\n\n  @motivating @ui\n  Scenario Outline: Leaderboard rank can be hidden or shown\n    Given a leaderboard\n    And it has prop "show-rank" with <propValue>\n    When the user views the leaderboard\n    Then they <maySee> the rank column\n\n    Examples:\n      | propValue | maySee    |\n      | true      | see       |\n      | false     | don\'t see |\n      |           | don\'t see |\n\n    Scenario Outline: Users names can be hidden or shown\n    Given a leaderboard\n    And it has prop "hide-names" with <propValue>\n    When the user views the leaderboard\n    Then they <maySee> the referrer column\n\n    Examples:\n      | propValue | maySee    |\n      | true      | don\'t see |\n      | false     | see       |\n      |           | see       |\n\n  @motivating @ui\n  Scenario: Users in the top 10 of the leaderboard results see their leaderboard row highlighted\n    Given a user in the top 10 of the leaderboard results\n    When they view the leaderboard\n    Then they see the row with their name highlighted with brand colour\n\n  @motivating @ui\n  Scenario Outline: Users not in the top 10 leaderboard results can see their progress at the bottom of the leaderboard\n    Given a user <mayHave> completed actions counted by the leaderboard\n    And they are not in the top 10 leaderboard results\n    And the leaderboard has prop "show-user" with <value>\n    When they view the leaderboard\n    Then they <maySee> "..." under the top 10 leaderboard results\n    And under "..." they <maySee> a row highlighted with brand colour\n    And they <maySee> their name\n    And they <maySee> their leaderboard value\n    And they <maySeeRank>\n\n    Examples:\n      | mayHave | value | maySee    | maySeeRank           |\n      | has     | true  | see       | see their rank       |\n      | hasn\'t  | true  | see       | don\'t see their rank |\n      | N/A     | false | don\'t see | don\'t see their rank |\n      | hasn\'t  |       | see       | don\'t see their rank |\n\n  @minutiae\n  Scenario: Users without names are displayed as an "Anonymous User"\n    Given a user\n    And they do not have a first name\n    And they do not have a last initial\n    When they view the leaderboard\n    Then they see the user displayed as "Anonymous User"\n\n  @minutiae\n  Scenario Outline: If a user only has a first or last name, then only that is displayed\n    Given a user\n    And they only have a <name>\n    When they view the leaderboard\n    Then they only see their <name>\n\n    Examples:\n      | name      |\n      | firstName |\n      | lastName  |\n';var nc={title:"Components/Leaderboard",parameters:{scenario:tc}};var ac=[{firstName:"",lastInitial:"",textValue:"82",rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",textValue:"73",rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",textValue:"64",rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",textValue:"55",rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",textValue:"46",rank:5,rowNumber:5},{firstName:"Joe",lastInitial:"S",textValue:"42",rank:6,rowNumber:6},{firstName:"Zach",lastInitial:"H",textValue:"41",rank:7,rowNumber:7},{firstName:"Sarah",lastInitial:"S",textValue:"39",rank:8,rowNumber:8},{firstName:"James",lastInitial:"",textValue:"33",rank:9,rowNumber:9},{firstName:"",lastInitial:"J",textValue:"29",rank:10,rowNumber:10}];var rc=[{firstName:"Tom",lastInitial:"Smith",textValue:"82 Points",rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",textValue:"73 Points",rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",textValue:"64 Points",rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",textValue:"55 Points",rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",textValue:"46 Points",rank:5,rowNumber:5},{firstName:"Joe",lastInitial:"S",textValue:"42 Points",rank:6,rowNumber:6},{firstName:"Zach",lastInitial:"H",textValue:"41 Points",rank:7,rowNumber:7},{firstName:"Sarah",lastInitial:"S",textValue:"39 Points",rank:8,rowNumber:8},{firstName:"James",lastInitial:"",textValue:"33 Points",rank:9,rowNumber:9},{firstName:"",lastInitial:"J",textValue:"29 Points",rank:10,rowNumber:10}];var sc={usersheading:"User",statsheading:"Referrals",rankheading:"Rank",anonymousUser:"Anonymous User",viewingUserText:"You",rankSuffix:"{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}"};var ic=t("a",null,"Support");var oc={empty:t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"})};var lc=function(){var e={states:{loading:false,hasLeaders:false,styles:__assign({},sc)},data:{rankType:"rowNumber",leaderboard:[],rowNumber:10,viewerRank:{firstName:"Kutay",lastInitial:"C",textValue:"8",rowNumber:11,rank:23}},elements:__assign({},oc)};return t(X,Object.assign({},e))};var dc=function(){var e={states:{loading:true,hasLeaders:false,styles:__assign({},sc)},data:{rankType:"rowNumber",rowNumber:10,leaderboard:[]},elements:__assign({},oc)};return t(X,Object.assign({},e))};var uc=function(){var e={states:{loading:false,isEssentials:true,hasLeaders:false,styles:__assign({},sc)},data:{rankType:"rowNumber",leaderboard:[],rowNumber:10,viewerRank:{firstName:"Kutay",lastInitial:"C",textValue:"8",rowNumber:11,rank:23}},elements:__assign({},oc)};return t(X,Object.assign({},e))};var cc=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign({},sc)},data:{rankType:"rowNumber",rowNumber:1,leaderboard:[{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1}],viewerRank:{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1}},elements:__assign({},oc)};return t(X,Object.assign({},e))};var mc=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign({},sc)},data:{rankType:"rowNumber",rowNumber:5,leaderboard:[{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",textValue:"73",rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",textValue:"64",rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",textValue:"55",rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",textValue:"46",rank:5,rowNumber:5}],viewerRank:{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1}},elements:__assign({},oc)};return t(X,Object.assign({},e))};var pc=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign(__assign({},sc),{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:false})},data:{rankType:"rowNumber",leaderboard:ac,rowNumber:10,viewerRank:{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1}},elements:__assign({},oc)};return t(X,Object.assign({},e))};var hc=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign(__assign({},sc),{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:true,textColor:"white",borderColor:"white",background:"slateblue",borderRadius:18,viewingUserHighlightColor:"yellow",viewingUserHighlightTextColor:"slateblue"})},data:{rankType:"rowNumber",leaderboard:ac,rowNumber:10,viewerRank:{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1}},elements:__assign({},oc)};return t(X,Object.assign({},e))};var gc=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign(__assign({},sc),{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:false,maxWidth:"300px"})},data:{rankType:"rowNumber",leaderboard:ac,rowNumber:10,viewerRank:{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1}},elements:__assign({},oc)};return t(X,Object.assign({},e))};var fc=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign(__assign({},sc),{rankheading:"Rank",usersheading:"User",statsheading:"Points",showRank:false})},data:{rankType:"rowNumber",leaderboard:rc,rowNumber:10,viewerRank:{firstName:"Viktor",lastInitial:"V",textValue:"82 Points",rank:1,rowNumber:1}},elements:__assign({},oc)};return t(X,Object.assign({},e))};var bc=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign(__assign({},sc),{showRank:true})},data:{rankType:"rowNumber",leaderboard:ac,rowNumber:10,viewerRank:{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1}},elements:__assign({},oc)};return t(X,Object.assign({},e))};var vc=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign(__assign({},sc),{showRank:true})},data:{rankType:"rowNumber",leaderboard:ac,rowNumber:10,viewerRank:{firstName:"Kutay",lastInitial:"C",textValue:"8",rowNumber:11,rank:24}},elements:__assign({},oc)};return t(X,Object.assign({},e))};var xc=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign(__assign({},sc),{showRank:true})},data:{rankType:"rowNumber",leaderboard:ac,rowNumber:10,viewerRank:null},elements:__assign({},oc)};return t(X,Object.assign({},e))};var wc=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign(__assign({},sc),{showRank:true,hideNames:true})},data:{rankType:"rowNumber",leaderboard:ac,rowNumber:10,viewerRank:{textValue:"8",rowNumber:11,rank:42}},elements:__assign({},oc)};return t(X,Object.assign({},e))};var yc=function(){var e={states:{loading:false,hasLeaders:true,rowNumber:10,styles:__assign(__assign({},sc),{showRank:true,hideViewer:true})},data:{rankType:"rowNumber",leaderboard:ac,rowNumber:10,viewerRank:{firstName:"Viktor",lastInitial:"V",textValue:"82",rowNumber:1,rank:1}},elements:__assign({},oc)};return t(X,Object.assign({},e))};var _c=function(){var e={states:{loading:false,hasLeaders:true,rowNumber:10,styles:__assign(__assign({},sc),{showRank:true,hideNames:true})},data:{rankType:"rowNumber",leaderboard:ac,rowNumber:10,viewerRank:{firstName:"Viktor",lastInitial:"V",textValue:"82",rowNumber:1,rank:1}},elements:__assign({},oc)};return t(X,Object.assign({},e))};var qc=function(){return t("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"center",width:"100%",gap:"50px"}},t("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"10px",maxWidth:"30%"}},t("sqm-image",{width:"70%",alignment:"center",imageUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1729728469/Leaderboard_image_z87lsm.png"}),t("h2",{style:{margin:"auto"}}," Top Performers"),t("p",{style:{margin:"0"}},"The leaderboard highlights the top performers in real-time. Stay motivated, stay competitive!")),t("sqm-leaderboard",{width:"300px",usersheading:"Referrer",statsheading:"Referrals","rank-type":"rank","leaderboard-type":"topStartedReferrers",rankheading:"Rank","show-rank":"true","hide-names":"true","hide-viewer":"true"},t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"})))};var Ec=Object.freeze({__proto__:null,default:nc,Empty:lc,Loading:dc,Essentials:uc,One:cc,Five:mc,ReferralLeaderboard:pc,ReferralLeaderboardWithCustomStyles:hc,ReferralLeaderboardWithMaxWidth:gc,PointsLeaderboard:fc,TenWithRank:bc,ViewerOutside:vc,ViewerAnonymous:xc,HideNamesWithViewerOutside:wc,HideViewer:yc,HideNames:_c,LeaderboardWithNoNamesAndGraphic:qc});var kc={title:"Hooks / useLeaderboard"};function Tc(){var e="testestest";var t=e;var n="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:n};l((function(){c({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;c(undefined)}}),[])}function Cc(){var e="sam+klip@saasquat.ch";var t=e;var n="klip-referral-program";var a="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2giLCJsb2NhbGUiOiJlbiJ9fQ.a2nYYrSJ81FHXlCU-Sqp_-wquQizinHBhzwzULDzimg";window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com",programId:n};l((function(){c({accountId:t,id:e,jwt:a});return function(){window.widgetIdent=undefined;c(undefined)}}),[]);return{id:e,accountId:t}}var Ac=function(e){var n=__assign({"leaderboard-type":"topConvertedReferrers",showRank:true,"rank-type":"rowNumber",usersheading:"Top Referrers",statsheading:"Completed Referrals",interval:""},e);var a=n.leaderboardType,r=n.rankType;return t("div",{style:{marginBottom:"20px"}},t("sqm-divided-layout",{direction:"row"},t("div",{style:{padding:"10px"}},t("b",null,"Leaderboard Type"),t("pre",null,a)),t("div",{style:{padding:"10px"}},t("b",null,"Rank Type"),t("pre",null,r))),t("sqm-leaderboard",Object.assign({},n),t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"})),t("hr",null))};var Dc=hr((function(){Tc();return[Ac({}),Ac({rankType:"rank"}),Ac({rankType:"denseRank"})]}));var Sc=hr((function(){Tc();return[Ac({leaderboardType:"topStartedReferrers",statsheading:"New Referrals"}),Ac({leaderboardType:"topStartedReferrers",rankType:"rank",statsheading:"New Referrals"}),Ac({leaderboardType:"topStartedReferrers",rankType:"denseRank",statsheading:"New Referrals"})]}));var Rc=hr((function(){Tc();return[Ac({leaderboardType:"topPointEarners",statsheading:"Points",usersheading:"Top Earners"}),Ac({leaderboardType:"topPointEarners",rankType:"rank",statsheading:"Points",usersheading:"Top Earners"}),Ac({leaderboardType:"topPointEarners",rankType:"denseRank",statsheading:"Points",usersheading:"Top Earners"})]}));var Ic=hr((function(){Tc();return[Ac({leaderboardType:"topPointEarners",rankType:"rank",statsheading:"Points",usersheading:"Top Earners",programId:""}),Ac({leaderboardType:"topStartedReferrers",rankType:"rank",statsheading:"Referrals",programId:""}),Ac({leaderboardType:"topConvertedReferrers",rankType:"rank",statsheading:"Referrals",programId:""})]}));var Pc=hr((function(){Tc();return[Ac({leaderboardType:"topStartedReferrers",maxRows:5,statsheading:"Referrals"})]}));var Nc=hr((function(){Cc();return[Ac({leaderboardType:"topStartedReferrers",statsheading:"New Referrals",interval:"2021-02-11T08:00:00.000Z/2021-02-13T08:00:00.000Z"}),Ac({leaderboardType:"topStartedReferrers",rankType:"rank",statsheading:"New Referrals",interval:"2021-02-11T08:00:00.000Z/2021-02-13T08:00:00.000Z"}),Ac({leaderboardType:"topStartedReferrers",rankType:"denseRank",statsheading:"New Referrals",interval:"2021-02-11T08:00:00.000Z/2021-02-13T08:00:00.000Z"})]}));var Fc=hr((function(){return t("sqm-leaderboard",{usersheading:"Referrer",statsheading:"Referrals","rank-type":"rank","leaderboard-type":"topStartedReferrers",rankheading:"Rank","show-rank":"true"},t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"}))}));var Oc=hr((function(){return t("sqm-leaderboard",{usersheading:"Referrer",statsheading:"Referrals","rank-type":"rank","leaderboard-type":"topStartedReferrers",rankheading:"Rank","show-rank":"true",demoData:{data:{rankType:"rank",leaderboard:[]},states:{loading:false,hasLeaders:false,styles:{usersheading:"Top referrers",statsheading:"New customers",rankheading:"Rank",anonymousUser:"Anonymous User",showRank:true}}}},t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"}))}));var Lc=Object.freeze({__proto__:null,default:kc,TopConvertedReferrers:Dc,TopStartedReferrers:Sc,topPointEarners:Rc,globalLeaderboards:Ic,FiveResults:Pc,EmptyLeaderboard:Nc,DemoHook:Fc,DemoHookEmpty:Oc});var Bc='@author:noah\n@owner:noah\n\nFeature: Link Button\n\n\t@ui\n\tScenario: Links can be opened in the same tab\n\t\tWhen a user clicks the button\n\t\tThen a link opens in the same tab\n\t\tAnd if the component is in an iFrame then the link is opened in the parent window not the iFrame\n\n\t@ui\n\tScenario: Links can be opened in a new tab\n\t\tWhen a user clicks the button\n\t\tThen a link opens in a new tab\n\t\tAnd if the component is in an iFrame then the link is still opened in a new tab\n\n\n\t@ui\n\tScenario: Props control the link and button text\n\t\tGiven the "link" prop is set to "https://www.example.com"\n\t\tAnd the "buttonText" prop is set to "Click me!"\n\t\tThen a button is shown with the text "Click me!"\n\t\tAnd when clicked the button opens https://www.example.com\n\n\t@ui\n\tScenario Outline: The button type can be set\n\t\tGiven the button type is set to <value>\n\t\tThen a <buttonType> is shown\n\t\tExamples:\n\t\t\t| value   | buttonType |\n\t\t\t| <null>  | primary    |\n\t\t\t| default | default    |\n\t\t\t| primary | primary    |\n\t\t\t| success | success    |\n\t\t\t| neutral | neutral    |\n\t\t\t| warning | warning    |\n\t\t\t| danger  | danger     |';var Gc={title:"Components/Link Button",parameters:{scenario:Bc}};var jc={link:"https://example.com",openInNewTab:false,buttonText:"Button Text"};var Wc=function(){return t("sqm-link-button",Object.assign({},jc))};var Mc=function(){return t("sqm-link-button",Object.assign({},__assign(__assign({},jc),{openInNewTab:true})))};var Uc=Object.freeze({__proto__:null,default:Gc,Default:Wc,OpenInNewTab:Mc});var Vc='@author:noah\n@owner:noah\n\nFeature: Logout Current User\n\n  Background:\n    Given a user viewing an instant access widget\n\n  @motivating\n  @ui\n  Scenario: A user on an instant access widget\n    Given the user is identified\n    And the user is logged in\n    Then the component identifies the user by displaying their email in an ICU string\n    And the users email displayed in the ICU string using hte "{email}" variable\n\n  @motivating\n  @ui\n  Scenario: Users can switch who they are identified as through a link\n    Given the user is identified\n    And the user is logged in\n    When the user clicks the link in the component\n    Then the saved user identity is emptied\n    And they are sent back to the registration form to re-identify themselves\n\n  @minutia\n  Scenario: Logout link empties the saved User Identity\n    Given a valid user identity\n    And the user is viewing the "logged-in" template\n    When they click the logout link\n    Then the user identity is set to "undefined"\n    And the user is returned to the "logged-out" template';var zc={title:"Components/Logout Current User",parameters:{scenario:Vc}};var Hc={filledInEmailText:"Currently showing referral data for noah.clarke@saasquatch.com",onSwitchClick:function(){return console.log("clicked")},switchUserText:"not you?",loading:false,emailErrorText:"Error fetching email"};var Yc=function(){return t(E,Object.assign({},Hc))};var Xc=Object.freeze({__proto__:null,default:zc,Default:Yc});var $c='@owner:zach\n@author:zach\nFeature: Marketing Emails Checkbox\n\n    A checkbox that is used to opt in for marketing emails.\n\n    Background: The microsite registration form contains a marketing emails checkbox\n\n        Scenario: The registration form can be configured to include a marketing emails checkbox\n            Given a user is viewing the "/register"\n            And "/register" contains the registration form\n            And they have added a marketing emails checkbox to the form in the content editor\n            Then the registration form has the following fields\n                | fields                    |\n                | first name                |\n                | last name                 |\n                | email                     |\n                | password                  |\n                | Marketing Emails Checkbox |\n\n\n        Scenario: The user can opt in to marketing emails\n            Given the user is filling out the registration form\n            And the fields have valid input\n            And the marketing emails checkbox is checked\n            When they try to register\n            Then the form is submitted\n            And there are no errors\n            And the "marketingEmailOptIn" value is set to true\n            And the user is opted in to marketing emails\n\n\n        @motivating\n        Scenario: Checkbox is optional by default\n            Given the user is filling out the registration form\n            And the name fields have valid input\n            And the email field has valid input\n            And the password field has valid input\n            And the checkbox is not checked\n            When they try to register\n            Then the form is submitted\n            And there is no error for the checkbox\n\n        Scenario: The form field name is provided by default\n            Given the customer has added a marketing emails checkbox to their registration form\n            Then the field name is automatically set to "marketingEmailOptIn"\n            And the name is not configurable';var Jc={title:"Components/Marketing Emails Checkbox",parameters:{scenario:$c}};var Kc=function(){return t("sqm-marketing-emails-checkbox",null)};var Zc=Object.freeze({__proto__:null,default:Jc,Default:Kc});var Qc='@owner:sam\n@author:sam\n\nFeature: Name Fields\n\n  Fields to be used to fill the first and last name of a user during registration\n\n  Background:\n    Given the current page is "/register"\n\n  @motivating\n  Scenario: Both first name and last name are required\n    Given the email field has valid input\n    And the password field has valid input\n    And first name field is empty\n    And last name field is empty\n    When register is clicked\n    Then the name fields will be highlighted in red\n    And the error messages will say "Cannot be empty"\n\n  @motivating\n  Scenario: First and last name are upserted with the SaaSquatch user\n    Given all fields have been filled with data\n      | firstName | lastName  | email           | password        |\n      | Bob       | Testerson | bob@example.com | SecurePassword1 |\n    When register is clicked\n    Then the email verification page will be loaded\n    And the user will be upserted\n    And the SaaSquatch user will contain data\n      | firstName | lastName  | email           |\n      | Bob       | Testerson | bob@example.com |\n\n';var em={title:"Components/Name Fields",parameters:{scenario:Qc}};var tm={states:{optional:false,registrationFormState:{validationErrors:undefined},content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}};var nm={states:{optional:false,registrationFormState:{validationErrors:{firstName:"Cannot be empty",lastName:"Cannot be empty"}},content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}};var am=function(){return t(K,Object.assign({},tm))};var rm=function(){return t(K,Object.assign({},nm))};var sm=Object.freeze({__proto__:null,default:em,NameFields:am,NameFieldsWithErrors:rm});var im={title:"Components/Sidebar Item"};var om=function(){var e={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};return t(T,Object.assign({},e))};var lm=function(){var e={states:{active:true},data:{label:"Dashboard",icon:"house",path:"/"}};return t(T,Object.assign({},e))};var dm=Object.freeze({__proto__:null,default:im,InactiveItem:om,ActiveItem:lm});var um={title:"Components/Navigation Sidebar"};var cm=function(){var e={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var n={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};return t(k,null,t(T,Object.assign({},e)),t(T,Object.assign({},n)))};var mm=Object.freeze({__proto__:null,default:um,DefaultNavigationSidebar:cm});var pm={title:"Components/Link Button"};var hm=function(){return t("sqm-pagination",null)};var gm=Object.freeze({__proto__:null,default:pm,Default:hm});var fm={title:"Components/Microsite Password Field"};var bm=function(){return t("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:true,registrationFormState:{validationErrors:{}},content:{fieldLabel:"Password"}}}})};var vm=function(){return t("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:true,registrationFormState:{validationErrors:{password:"Cannot be empty"}},content:{fieldLabel:"Password"}}}})};var xm=function(){return t("sqm-password-field",{demoData:{initValue:"asdf",states:{enableValidation:true,registrationFormState:{validationErrors:{password:"Incomplete"}},content:{fieldLabel:"Password"}}}})};var wm=Object.freeze({__proto__:null,default:fm,Start:bm,EmptyError:vm,ValidationError:xm});var ym={title:"Components/Payout Scroll Button"};var _m={payoutSettingsComplete:true};var qm=function(){return t("sqm-payout-button-scroll",{demoData:{states:__assign(__assign({},_m),{payoutSettingsComplete:true})}})};var Em=function(){return t("sqm-portal-container",{display:"flex",maxWidth:"100%",minWidth:"100%","justify-content":"space-between",flexWrap:"nowrap"},t("sqm-portal-container",{display:"flex","max-width":"fit-content"},t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/referralsCount"},t("p",null,"Referrals")),t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/payoutBalance"},t("p",null,"Cash Balance"))),t("sqm-payout-button-scroll",{demoData:{states:__assign(__assign({},_m),{payoutSettingsComplete:true})}}))};var km=Object.freeze({__proto__:null,default:ym,CompletedTaxForm:qm,CompletedTaxFormWithStatsContainer:Em});var Tm={title:"Components/Change Marketing Emails Status"};var Cm={states:{success:false,loading:false,submitDisabled:false,formState:{marketingEmailOptIn:false,errors:null,error:""},user:{id:"zach",accountId:"zach",marketingEmailOptIn:false},text:{emailPreferencesHeader:"Email preferences",marketingCheckboxLabel:"I want to receive marketing emails and promotions for this referral program from impact.com",submitChangeButtonText:"Save",successMessage:"Opt-in preference has been changed."}},callbacks:{onSubmit:function(e){return console.log(e)},setChecked:function(e){return console.log(e)}}};var Am=function(){return t("sqm-portal-change-marketing",null)};var Dm=function(){return t(Z,Object.assign({},Cm,{states:__assign(__assign({},Cm.states),{loading:true})}))};var Sm=function(){return t(Z,Object.assign({},Cm,{states:__assign(__assign({},Cm.states),{formState:__assign(__assign({},Cm.states.formState),{errors:{error:true},error:"An error string"})})}))};var Rm=function(){return t(Z,Object.assign({},Cm,{states:__assign(__assign({},Cm.states),{success:true})}))};var Im=Object.freeze({__proto__:null,default:Tm,Default:Am,Loading:Dm,Error:Sm,Success:Rm});var Pm='Feature: Change Password\n\n    @motivating\n    Scenario: Users can change their password\n        Given a user has registered for the portal\n        And they have a password\n        When they navigate to the edit profile page\n        And click "Change your password..."\n        Then a popup will appear\n        When they enter their new password\n        And confirm it\n        And click "Change Password"\n        Then they will see a success banner stating that the change was successful\n        When they logout\n        And try to login\n        Then they will not be able to login with their old password\n        But they will be able to login with their new password\n\n    @motivating\n    Scenario: Users must confirm their password change\n        Given a user has registered for the portal\n        When they navigate to the edit profile page\n        And click "Change your password..."\n        Then a popup will appear\n        When they enter their new password\n        But they enter a different password to confirm\n        And click "Change Password"\n        Then they will see an error banner stating that the passwords didnt match\n        When they logout\n        And try to login\n        Then they will be able to login with their existing password\n\n    @motivating\n    Scenario: Users must enter a new password and confirm it to change their password\n        Given a user has registered for the portal\n        When they navigate to the edit profile page\n        And click "Change your password..."\n        Then a popup will appear\n        When they click "Change password"\n        Then a validation error will appear for the new password field\n        And their password will not be changed\n        When they enter a new password\n        And they click "Change password"\n        Then a validation error will appear for the confirm new password field\n        And their password will not be changed\n\n    @motivating\n    Scenario: An error banner will be displayed if the password change fails\n        Given a user has registered for the portal\n        When they navigate to the edit profile page\n        And click "Change your password..."\n        When they enter their new password\n        And confirm it\n        And click "Change Password"\n        But the change fails\n        Then they will see an error banner stating that the change failed\n        When they logout\n        And try to login\n        Then they will be able to login with their existing password';var Nm={title:"Components/Change Password",parameters:{scenario:Pm}};var Fm={states:{open:false,loading:false,success:false,error:"",content:{modalChangePasswordHeader:"Change Password",cancelText:"Cancel",changePasswordButtonText:"Change Password",passwordFieldLabel:"New Password",confirmPasswordFieldLabel:"Confirm new password",successMessage:"Your password has been updated.",portalChangePasswordHeader:"Password",portalChangePasswordButtonText:"Change your password..."}},callbacks:{setOpen:function(e){return console.log(e)},submit:function(e){return console.log("Submit",e)}}};var Om={states:{open:true,loading:false,success:false,error:"",content:{modalChangePasswordHeader:"Change Password",cancelText:"Cancel",changePasswordButtonText:"Change Password",passwordFieldLabel:"New Password",confirmPasswordFieldLabel:"Confirm new password",successMessage:"Your password has been updated.",portalChangePasswordHeader:"Password",portalChangePasswordButtonText:"Change your password..."}},callbacks:{setOpen:function(e){return console.log(e)},submit:function(e){return console.log("Submit",e)}}};var Lm={states:{open:true,loading:false,success:false,error:"Network error. Please try again.",content:{modalChangePasswordHeader:"Change Password",cancelText:"Cancel",changePasswordButtonText:"Change Password",passwordFieldLabel:"New Password",confirmPasswordFieldLabel:"Confirm new password",successMessage:"Your password has been updated.",portalChangePasswordHeader:"Password",portalChangePasswordButtonText:"Change your password..."}},callbacks:{setOpen:function(e){return console.log(e)},submit:function(e){return console.log("Submit",e)}}};var Bm={states:{open:true,loading:false,success:false,error:"Passwords do not match.",content:{modalChangePasswordHeader:"Change Password",cancelText:"Cancel",changePasswordButtonText:"Change Password",passwordFieldLabel:"New Password",confirmPasswordFieldLabel:"Confirm new password",successMessage:"Your password has been updated.",portalChangePasswordHeader:"Password",portalChangePasswordButtonText:"Change your password..."}},callbacks:{setOpen:function(e){return console.log(e)},submit:function(e){return console.log("Submit",e)}}};var Gm={states:{open:true,loading:true,success:false,error:"",content:{modalChangePasswordHeader:"Change Password",cancelText:"Cancel",changePasswordButtonText:"Change Password",passwordFieldLabel:"New Password",confirmPasswordFieldLabel:"Confirm new password",successMessage:"Your password has been updated.",portalChangePasswordHeader:"Password",portalChangePasswordButtonText:"Change your password..."}},callbacks:{setOpen:function(e){return console.log(e)},submit:function(e){return console.log("Submit",e)}}};var jm={states:{open:true,loading:false,success:true,error:"",content:{modalChangePasswordHeader:"Change Password",cancelText:"Cancel",changePasswordButtonText:"Change Password",passwordFieldLabel:"New Password",confirmPasswordFieldLabel:"Confirm new password",successMessage:"Your password has been updated.",portalChangePasswordHeader:"Password",portalChangePasswordButtonText:"Change your password..."}},callbacks:{setOpen:function(e){return console.log(e)},submit:function(e){return console.log("Submit",e)}}};var Wm=function(){return t(B,Object.assign({},Fm))};var Mm=function(){return t(B,Object.assign({},Om))};var Um=function(){return t(B,Object.assign({},Lm))};var Vm=function(){return t(B,Object.assign({},Bm))};var zm=function(){return t(B,Object.assign({},Gm))};var Hm=function(){return t(B,Object.assign({},jm))};var Ym=Object.freeze({__proto__:null,default:Nm,Default:Wm,Open:Mm,Error:Um,PaswordError:Vm,Loading:zm,Success:Hm});var Xm='@author:kutay\n@owner:noah\nFeature: Portal Container\n\n\t@motivating\n\t@ui\n\tScenario: Horizontal content overflows, but does not stretch\n\t\tGiven there are two element in the container\n\t\tAnd the first is small\n\t\tAnd the second would stretch the container wider than it\'s parent\n\t\tThen the second one is clipped\n\t\tAnd the first one doesn\'t stretch\n\n\t@landmine\n\t@ui\n\tScenario: `max-width` is required for displaying as a row\n\t\tGiven I have `direction` to "row"\n\t\tAnd I have not set a `max-width`\n\t\tThen it displays as a column\n\n\t@motivating\n\t@ui\n\tScenario Outline: Content padding can be customized\n\t\tGiven prop "padding" has <value>\n\t\tThen <padding> is applied to content\n\n\t\tExamples:\n\t\t\t| value      | padding    |\n\t\t\t| none       | no padding |\n\t\t\t| xxx-small  | xxx-small  |\n\t\t\t| xx-small   | xx-small   |\n\t\t\t| x-small    | x-small    |\n\t\t\t| small      | small      |\n\t\t\t| medium     | medium     |\n\t\t\t| large      | large      |\n\t\t\t| x-large    | x-large    |\n\t\t\t| xx-large   | xx-large   |\n\t\t\t| xxx-large  | xxx-large  |\n\t\t\t| xxxx-large | xxxx-large |\n\t\t\t| N/A        | no padding |\n\n\n\t@motivating\n\t@ui\n\tScenario Outline: Gap between content elements can be customized\n\t\tGiven prop "gap" has <value>\n\t\tThen <gap> is applied to elements between content\n\n\t\tExamples:\n\t\t\t| value      | gap        |\n\t\t\t| none       | no padding |\n\t\t\t| xxx-small  | xxx-small  |\n\t\t\t| xx-small   | xx-small   |\n\t\t\t| x-small    | x-small    |\n\t\t\t| small      | small      |\n\t\t\t| medium     | medium     |\n\t\t\t| large      | large      |\n\t\t\t| x-large    | x-large    |\n\t\t\t| xx-large   | xx-large   |\n\t\t\t| xxx-large  | xxx-large  |\n\t\t\t| xxxx-large | xxxx-large |\n\t\t\t| N/A        | no padding |\n\n\t@minutia\n\t@ui\n\tScenario: Content can be center aligned in horizontal view\n\t\tGiven I have supplied the prop "center"\n\t\tThen the content is center aligned\n\n\t@minutia\n\t@ui\n\tScenario: Content in the last row can span full width with display in horizontal view\n\t\tGiven I have `display` to "flex"\n\t\tThen the content is full width on the last row\n\n\t@motivating\n\t@ui\n\tScenario Outline: Content can be aligned along the x-axis\n\t\tGiven prop "justify-content" has <value>\n\t\tThen content within the container is aligned <alignment>\n\n\t\tExamples:\n\t\t\t| value         | alignment          |\n\t\t\t| none          | no alignment       |\n\t\t\t| start         | to the start       |\n\t\t\t| center        | to the center      |\n\t\t\t| end           | to the end         |\n\t\t\t| space-between | with space between |\n\t\t\t| space-around  | with space around  |\n\t\t\t| space-evenly  | with space evenly  |\n\n\n\t@motivating\n\t@ui\n\tScenario Outline: Component background color can be customized\n\t\tGiven a user is viewing the Portal Container component\n\t\tThen the default value is "#ffffff00"\n\t\tWhen the prop "background-color" has <value>\n\t\tThen the background has color <backgroundColor>\n\t\tExamples:\n\t\t\t| value                 | backgroundColor                     |\n\t\t\t| empty (default value) | var(--sl-color-neutral-0) (#ffffff) |\n\t\t\t| aquamarine            | #7fffd4                             |\n';var $m={title:"Components/Microsite Container",parameters:{scenario:Xm}};var Jm=function(){return t("div",{style:{width:"200px",border:"1px dashed grey"}},t("sqm-portal-container",{gap:"xxx-large"},t("div",{style:{background:"grey",border:"1px solid red"}},"Small"),t("div",{style:{background:"lightblue",width:"1000px"}},"Too wide, content goes off the side of the page for ever and is hidden.")))};var Km=function(){return t("div",{style:{width:"500px",border:"1px dashed grey"}},t("sqm-portal-container",{gap:"xxx-large",direction:"row","min-width":"160px"},t("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),t("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Post about us on X"),t("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var Zm=function(){return t("div",{style:{width:"500px",border:"1px dashed grey"}},t("sqm-portal-container",{gap:"small",direction:"row","min-width":"160px"},t("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),t("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Post about us on X"),t("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var Qm=function(){return t("div",{style:{width:"500px",border:"1px dashed grey"}},t("sqm-portal-container",{padding:"xxx-large",gap:"xxx-large",direction:"row","min-width":"160px"},t("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),t("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Post about us on X"),t("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var ep=function(){return t("div",{style:{width:"500px",border:"1px dashed grey"}},t("sqm-portal-container",{gap:"xxx-large",direction:"row",display:"flex","min-width":"160px"},t("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),t("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Post about us on X"),t("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var tp=function(){return t("div",{style:{width:"1000px",border:"1px dashed grey"}},t("sqm-portal-container",{gap:"xxx-large",direction:"row",minWidth:"160px",maxWidth:"50%"},t("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),t("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Post about us on X"),t("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var np=function(){return t("div",{style:{width:"1000px",border:"1px dashed grey"}},t("sqm-portal-container",{gap:"xxx-large",direction:"row",minWidth:"160px",maxWidth:"50%",center:true},t("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),t("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Post about us on X"),t("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var ap=function(){return t("div",{style:{width:"1000px",border:"1px dashed grey"}},t("sqm-portal-container",{gap:"xxx-large",direction:"row",maxWidth:"100%"},t("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),t("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Post about us on X"),t("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var rp=function(){return t("div",{style:{width:"1000px",border:"1px dashed grey"}},t("sqm-portal-container",{center:true,direction:"row",display:"flex","justify-content":"space-between"},t("sqm-stat-container",{space:"xxx-large",display:"flex"},t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardsRedeemed/CREDIT/global"},t("sqm-text",null,t("p",null,"Rewards Redeemed"))),t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardBalance/CREDIT/POINT/value/global"},t("sqm-text",null,t("p",null,"Points Balance")))),t("sqm-scroll",{"scroll-id":"tab-2",outline:true,"button-type":"primary","button-text":"Redeem your rewards",mobile:true})))};var sp=function(){return t("div",{style:{width:"1000px",border:"1px dashed grey"}},t("sqm-portal-container",{center:true,direction:"row",display:"flex","justify-content":"space-around"},t("sqm-stat-container",{space:"xxx-large",display:"flex"},t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardsRedeemed/CREDIT/global"},t("sqm-text",null,t("p",null,"Rewards Redeemed"))),t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardBalance/CREDIT/POINT/value/global"},t("sqm-text",null,t("p",null,"Points Balance")))),t("sqm-scroll",{"scroll-id":"tab-2",outline:true,"button-type":"primary","button-text":"Redeem your rewards",mobile:true})))};var ip=function(){return t("div",{style:{width:"1000px",border:"1px dashed grey"}},t("sqm-portal-container",{center:true,direction:"row",display:"flex","justify-content":"space-evenly"},t("sqm-stat-container",{space:"xxx-large",display:"flex"},t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardsRedeemed/CREDIT/global"},t("sqm-text",null,t("p",null,"Rewards Redeemed"))),t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardBalance/CREDIT/POINT/value/global"},t("sqm-text",null,t("p",null,"Points Balance")))),t("sqm-scroll",{"scroll-id":"tab-2",outline:true,"button-type":"primary","button-text":"Redeem your rewards",mobile:true})))};var op=function(){return t("div",{style:{width:"100%",maxWidth:"1000px",border:"1px dashed grey"}},t("sqm-portal-container",{center:true,direction:"row",display:"flex","justify-content":"space-between","flex-wrap":"nowrap"},t("sqm-stat-container",{space:"xxx-large",display:"flex"},t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardsRedeemed/CREDIT/global"},t("sqm-text",null,t("p",null,"Rewards Redeemed"))),t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardBalance/CREDIT/POINT/value/global"},t("sqm-text",null,t("p",null,"Points Balance")))),t("sqm-scroll",{"scroll-id":"tab-2",outline:true,"button-type":"primary","button-text":"Redeem your rewards",mobile:true})))};var lp=function(){return t("div",{style:{width:"1000px",border:"1px dashed grey"}},t("sqm-portal-container",{center:true,direction:"row",display:"flex","justify-content":"start"},t("sqm-stat-container",{space:"xxx-large",display:"flex"},t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardsRedeemed/CREDIT/global"},t("sqm-text",null,t("p",null,"Rewards Redeemed"))),t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardBalance/CREDIT/POINT/value/global"},t("sqm-text",null,t("p",null,"Points Balance")))),t("sqm-scroll",{"scroll-id":"tab-2",outline:true,"button-type":"primary","button-text":"Redeem your rewards",mobile:true})))};var dp=function(){return t("div",{style:{width:"1000px",border:"1px dashed grey"}},t("sqm-portal-container",{center:true,direction:"row",display:"flex","justify-content":"center"},t("sqm-stat-container",{space:"xxx-large",display:"flex"},t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardsRedeemed/CREDIT/global"},t("sqm-text",null,t("p",null,"Rewards Redeemed"))),t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardBalance/CREDIT/POINT/value/global"},t("sqm-text",null,t("p",null,"Points Balance")))),t("sqm-scroll",{"scroll-id":"tab-2",outline:true,"button-type":"primary","button-text":"Redeem your rewards",mobile:true})))};var up=function(){return t("div",{style:{width:"1000px",border:"1px dashed grey"}},t("sqm-portal-container",{center:true,direction:"row",display:"flex","justify-content":"end"},t("sqm-stat-container",{space:"xxx-large",display:"flex"},t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardsRedeemed/CREDIT/global"},t("sqm-text",null,t("p",null,"Rewards Redeemed"))),t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardBalance/CREDIT/POINT/value/global"},t("sqm-text",null,t("p",null,"Points Balance")))),t("sqm-scroll",{"scroll-id":"tab-2",outline:true,"button-type":"primary","button-text":"Redeem your rewards",mobile:true})))};var cp=function(){return t("div",{style:{width:"1000px",border:"1px dashed grey"}},t("sqm-portal-container",{center:true,direction:"row",display:"flex","justify-content":"start","background-color":"red"},t("sqm-stat-container",{space:"xxx-large",display:"flex"},t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardsRedeemed/CREDIT/global"},t("sqm-text",null,t("p",null,"Rewards Redeemed"))),t("sqm-big-stat",{"flex-reverse":"true",alignment:"left","stat-type":"/rewardBalance/CREDIT/POINT/value/global"},t("sqm-text",null,t("p",null,"Points Balance")))),t("sqm-scroll",{"scroll-id":"tab-2",outline:true,"button-type":"primary","button-text":"Redeem your rewards",mobile:true})))};var mp=Object.freeze({__proto__:null,default:$m,TooWideColumn:Jm,TooWideRow:Km,TooWideSmallGap:Zm,TooWidePadding:Qm,TooWideDisplayFlex:ep,HalfWidth:tp,HalfWidthCenter:np,FullWidth:ap,SpaceBetween:rp,SpaceAround:sp,SpaceEvenly:ip,ResponsiveBox:op,Start:lp,Center:dp,End:up,BackgroundColor:cp});var pp='@author:derek\n@owner:ian\nFeature: Email Verification\n\n    @minutia\n    Scenario: User\'s redirected from registration can re-send their verification email\n        Given a user has registered\n        And they have been sent a verification email\n        When they are redirected to the email verification page\n        Then a message is displayed\n        And it reflects that a email has been sent to their email\n        But they can still re-send the email\n        When they click to "Resend-Email"\n        Then they receive a verification email\n\n    @motivating\n    Scenario: Users are notified if sending the email verification message fails\n        Given a user viewing the email verification component\n        And they have an email stored in session data from registration\n        When they click to "Resend-Email"\n        Then the text link is disabled\n        When an error occurs trying to send the verification email\n        Then the user does not receive a verification email\n        And an error banner is shown stating that they should try again\n\n    @motivating\n    Scenario: Users are notified if sending the email verification message succeeds\n        Given a user viewing the email verification component\n        And they have an email stored in session data from registration\n        When they click to "Resend-Email"\n        Then the text link is disabled\n        When the email verification message sends\n        Then the user receives a verification email\n        And a success banner is shown stating that their email was resent\n\n    @motivating\n    Scenario Outline: The email link can be configured to redirect users to a specific base path but defaults to "/verifyEmail"\n        Given a user viewing the email verification component\n        And they have an email stored in session data from registration\n        And the component <mayHave> "redirect-path" with <value>\n        When they resend their verification email\n        And they click the link in the email\n        Then they are redirected to <redirectPath>\n        Examples:\n            | mayHave      | value          | redirectPath   |\n            | doesn\'t have | N/A            | /verifyEmail   |\n            | has          | /verifyMyEmail | /verifyMyEmail |\n\n    @motivating\n    Scenario Outline: Verification status is refetched on refresh\n        Given a user viewing the email verification component\n        And the component <mayHave> "redirect-path" with <value>\n        And they verified their account on another device\n        And the local storage verification state is outdated\n        When they refresh the page the component is on\n        Then their verification status is re-queried\n        And the local storage managed identity state is updated\n        And they are redirected to <redirectPath>\n        Examples:\n            | mayHave      | value          | redirectPath   |\n            | doesn\'t have | N/A            | /verifyEmail   |\n            | has          | /verifyMyEmail | /verifyMyEmail |\n\n    @motivating\n    Scenario Outline: Verification status is refetched every 10 seconds\n        Given a user viewing the email verification component\n        And the component <mayHave> "redirect-path" with <value>\n        Then they see text "Checking verification status in 10" above the re-send verification text link\n        And the time counts down from 10 to 0\n        When the counter hits 0\n        Then their verification status is re-queried\n        And the text displays a spinner where the "in {seconds}" text was\n        When they verify their account on another device\n        And the count down hits 0 again from 10\n        Then their verification status is re-queried\n        And the local storage managed identity state is updated\n        And they are redirected to <redirectPath>\n        Examples:\n            | mayHave      | value          | redirectPath   |\n            | doesn\'t have | N/A            | /verifyEmail   |\n            | has          | /verifyMyEmail | /verifyMyEmail |\n\n    @minutia\n    Scenario Outline: Verification refetch text is customizable\n        Given the email verication has prop "verification-status-message" with <verificationPropValue>\n        And has prop "verification-loading-message" with <loadingPropValue>\n        And a user viewing the component\n        When it is counting down\n        Then they see <verificationTextValue>\n        When it is refetching their verification status\n        Examples:\n            | verificationPropValue                         | verificationTextValue                         | loadingPropValue      | loadingTextValue             |\n            | N/A                                           | Checking verification status in {countdown}   | N/A                   | Checking verification status |\n            | {countdown} seconds till verification refresh | {countdown} seconds till verification refresh | Checking verification | Checking verification        |\n\n\n    @minutia\n    Scenario: 10 second countdown pauses when minimizing or moving between tabs\n        Given a user viewing the email verification component\n        Then they see text "Checking verification status in 10" above the re-send verification text link\n        And the time counts down from 10 to 7\n        And the user changes to a different tab\n        When the user goes back to the verification tab\n        Then the countdown will still be 7\n        When the counter hits 0\n        Then their verification status is re-queried\n';var hp={title:"Components/Microsite Email Verification",parameters:{scenario:pp}};var gp={submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))}};var fp={email:"email@example.com",verifyMessage:"A verification email was sent to {email}. Please verify your email to continue to the portal.",emailVerificationHeader:"Verify your email",resendEmailButtonText:"Re-send Email",verificationStatusMessage:"Checking verification status in {countdown}",verificationLoadingMessage:"Checking verification status",verificationResentMessage:"Verification email resent to {email}"};var bp={error:"",loading:false,success:false,isVerified:false,loadingVerification:false,countdown:10};var vp={states:bp,callbacks:gp,content:fp};var xp={states:__assign(__assign({},bp),{error:"Something went wrong. Please try again."}),callbacks:gp,content:fp};var wp={states:__assign(__assign({},bp),{loading:true}),callbacks:gp,content:fp};var yp={states:__assign(__assign({},bp),{success:true,isVerified:true}),callbacks:gp,content:fp};var _p={states:__assign(__assign({},bp),{loadingVerification:true}),callbacks:gp,content:fp};var qp=function(){return t(C,Object.assign({},vp))};var Ep=function(){return t(C,Object.assign({},xp))};var kp=function(){return t(C,Object.assign({},wp))};var Tp=function(){return t(C,Object.assign({},_p))};var Cp=function(){return t(C,Object.assign({},yp))};var Ap=Object.freeze({__proto__:null,default:hp,Default:qp,EmailVerificationWithError:Ep,EmailVerificationLoading:kp,EmailVerificationCheckingVerification:Tp,EmailVerificationSuccess:Cp});var Dp='Feature: Portal Footer\n\n    Background: A user is viewing the portal\n        Given a hosted portal\n        And a user is viewing the portal\n        And the portal has a footer\n\n    Scenario Outline: FAQ and T&C links/text are configurable and open in a new page when clicked\n        Given the footer has prop "terms-link" with value "https://example.com/terms"\n        And prop "terms-text" with value "Terms and Conditions"\n        And prop "faq-link" with value "https://example.com/FAQ"\n        And prop "faq-text" with value "Visit FAQ"\n        When a user clicks on the "Visit FAQ" link\n        Then they will be redirected to "https://example.com/FAQ" in a new page\n        When they go back to the portal\n        And click on the "Terms and Conditions" link\n        Then they will be redirected to "https://example.com/terms" in a new page\n\n    Scenario Outline: FAQ/T&C Links are not shown if a link is not provided\n        Given the footer does not have <linkProp>\n        But it <mayHave> <textProp> with <value>\n        Then the <link> will not be shown in the footer\n        Examples:\n            | linkProp   | mayHave      | textProp  | value                | link     |\n            | terms-link | has          | termsText | Terms and Conditions | T&C Link |\n            | faq-link   | has          | faqText   | Visit FAQ            | FAQ Link |\n            | terms-link | doesn\'t have |           |                      | T&C Link |\n            | faq-link   | doesn\'t have |           |                      | FAQ Link |\n\n    Scenario Outline: The support email and text is configurable but has a default\n        Given the footer <mayHave> <emailPropWithValue>\n        And the footer <mayAlsoHave> <textPropWithValue>\n        Then the footer\'s support email text is <renderedEmailText>\n        And the email address will be a mailto link with <mailtoEmail>\n        When the user clicks on the email address mailto Link\n        Then the users preferred email client will open with a draft email to <mailtoEmail>\n        Examples:\n            | mayHave      | emailPropWithValue     | mayAlsoHave  | textPropWithValue                  | mailtoEmail            | renderedEmailText                                 |\n            | has          | support@saasquatch.com | has          | For support please contact {email} | support@saasquatch.com | For support please contact support@saasquatch.com |\n            | doesn\'t have | N/A                    | doesn\'t have | N/A                                | support@example.com    | For program support, contact support@example.com  |\n\n    Scenario Outline: Powered by SaaSquatch can be hidden\n        Given the footer <mayHaveProp> "hide-powered-by" with <value>\n        Then the powered by SaaSquatch image <mayBeShown>\n        Examples:\n            | mayHaveProp       | value          | mayBeShown  |\n            | has prop          | true (default) | isn\'t shown |\n            | has prop          | false          | is shown    |\n            | has prop          | test           | isn\'t shown |\n            | has prop          |                | isn\'t shown |\n            | doesn\'t have prop |                | is shown    |\n\n    Scenario Outline: Support text can be hidden\n        Given the footer <mayHaveProp> "hide-support-text" with <value>\n        Then the support text <mayBeShown>\n        Examples:\n            | mayHaveProp       | value           | mayBeShown  |\n            | has prop          | false (default) | is shown    |\n            | has prop          | true            | isn\'t shown |\n            | has prop          | test            | isn\'t shown |\n            | has prop          |                 | isn\'t shown |\n            | doesn\'t have prop |                 | is shown    |\n\n    Scenario: Powered By Saasquatch links out to marketing website\n        Given the footer has the powered by SaaSquatch image\n        When a user clicks on it\n        Then they will be redirected to "https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget" in a new page';var Sp={title:"Components/Microsite Footer",parameters:{scenario:Dp}};var Rp={supportEmail:"support@example.com",supportText:"For program support, contact {email}",hidePoweredBy:false,poweredByLink:"https://impact.com/advocate/",paddingTop:"large",paddingRight:"large",paddingBottom:"large",paddingLeft:"large"};var Ip=function(){return t(Q,Object.assign({},Rp))};var Pp=function(){return t(Q,Object.assign({},Rp,{termsLink:"https://example.com",termsText:"Terms and Conditions"}))};var Np=function(){return t(Q,Object.assign({},Rp,{faqLink:"https://example.com",faqText:"FAQ"}))};var Fp=function(){return t(Q,Object.assign({},Rp,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ"}))};var Op=function(){return t(Q,Object.assign({},Rp,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ",hidePoweredBy:true}))};var Lp=function(){return t(Q,Object.assign({},Rp,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ",hideSupportText:true}))};var Bp=Object.freeze({__proto__:null,default:Sp,DefaultFooter:Ip,FooterWithTerms:Pp,FooterWithFAQ:Np,FooterWithTermsAndFAQ:Fp,FooterNoPoweredBy:Op,FooterNoSupportText:Lp});var Gp='@author:derek\n@owner:ian\nFeature: Forgot Password\n\n  @motivating\n  Scenario: Users can request to reset their password\n    Given a user enters their email address\n    And that email address is linked to a previously created account\n    When they click "Reset Password"\n    Then the button enters a loading state\n    When the password reset email is sent\n    Then a confirmation banner is shown stating a password reset email was sent\n\n  @motivating\n  Scenario: Users are notified if sending their password reset email fails\n    Given a user enters their email address\n    And that email address is linked to a previously created account\n    When they click "Reset Password"\n    Then the button enters a loading state\n    When the password reset email fails to send\n    Then the user does not receive a password reset email\n    And an error banner is shown stating that they should try again\n\n  @motivating\n  @landmine\n  Scenario: If the input email is not associated to an account a success banner is shown but an email is not be sent\n    Given the user entered an email address that is not associated to an accoun\n    When they click "Reset Password"\n    Then the button enters a loading state\n    But no email is sent\n    And a success banner is shown stating a password reset email was sent if the given email was associated to an account\n\n  @motivating\n  Scenario: Users can resend password reset email\n    Given a user had previously requested to reset their password\n    When they enter their email address\n    And that email address is linked to a previously created account\n    And they click "Reset Password"\n    Then the user receives a second password reset email\n    And a success banner is shown stating that their email was sent\n\n  @motivating\n  Scenario Outline: The email link can be configured to redirect users to a specific base path but defaults to "/resetPassword"\n    Given a user viewing the password reset component\n    And the component <mayHave> "redirect-path" with <value>\n    When they request a password reset email\n    And they click the link in the email\n    Then they are redirected to <redirectPath>\n    Examples:\n      | mayHave      | value            | redirectPath     |\n      | doesn\'t have | N/A              | /resetPassword   |\n      | has          | /resetMyPassword | /resetMyPassword |\n\n  @minutia\n  Scenario Outline: Navigation back to the login page can be customized but defaults to "/login"\n    Given a user viewing the password reset component\n    And the component <mayHave> "login-path" with <value>\n    Then they see a "Sign In" text button\n    When they click "Sign In"\n    Then they are redirected to <redirectPath>\n    Examples:\n      | mayHave      | value   | redirectPath |\n      | doesn\'t have | N/A     | /login       |\n      | has          | /signin | /signin      |';var jp={title:"Components/Microsite Forgot Password",parameters:{scenario:Gp}};var Wp={states:{error:"",loading:false,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))}},content:{loginText:"Login",messageSlot:"Enter your email below to receive a password reset link."}};var Mp={states:{error:"Something went wrong. Please try again.",loading:false,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))}},content:{messageSlot:"Enter your email below to receive a password reset link.",loginText:"Login"}};var Up={states:{error:"",loading:true,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))}},content:{loginText:"Login",messageSlot:"Enter your email below to receive a password reset link."}};var Vp={states:{error:"",loading:false,success:true,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))}},content:{loginText:"Login",messageSlot:"Enter your email below to receive a password reset link.",successAlertText:"An email has been sent with instructions to reset your password."}};var zp=function(){return t(ee,Object.assign({},Wp))};var Hp=function(){return t("sqm-portal-forgot-password",null)};var Yp=function(){return t(ee,Object.assign({},Mp))};var Xp=function(){return t(ee,Object.assign({},Up))};var $p=function(){return t(ee,Object.assign({},Vp))};var Jp=Object.freeze({__proto__:null,default:jp,Default:zp,DemoDataTest:Hp,ForgotPasswordWithError:Yp,ForgotPasswordLoading:Xp,ForgotPasswordSuccess:$p});function Kp(){var e="worried-camera@uexwltgh.mailosaur.net";var t=e;var n="a-referral-program";window.SquatchAndroid=true;window.widgetIdent={tenantAlias:"test_as36zjtpfy7oo",appDomain:"https://staging.referralsaasquatch.com",token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJpZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQifX0.-WGV4_bzGCFp-OTIO-h-yp0MlgtkdufT_GgI4T691OY",userId:e,accountId:t,programId:n};return{id:e,accountId:t}}function Zp(){var e="a-referral-program";window.SquatchAndroid=true;window.widgetIdent={tenantAlias:"test_as36zjtpfy7oo",appDomain:"https://staging.referralsaasquatch.com",programId:e}}var Qp={title:"Components/Microsite Frame"};var eh={data:{footer:t("span",null,"example@example.com"),header:t("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},t("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Microsite Header"),t("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the microsite"))},callbacks:{rerender:function(){}},ref:{current:undefined}};var th=function(){var e=__assign({},eh);return t(te,Object.assign({},e),t("sqm-navigation-menu",{"menu-label":"Menu"},t("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),t("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),t("sl-menu-divider",null),t("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")))};var nh=function(){var e=__assign({},eh);return t(te,Object.assign({},e))};var ah=function(){var e;Kp();return t("div",null,t("sqm-portal-frame",null,t("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},t("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),t("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal")),t("a",{slot:"footer",class:"FooterEmail",href:"mailto:referrals@servicetitan.com"},"referrals@servicetitan.com"),t("sqm-navigation-menu",{"menu-label":"Menu"},t("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),t("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),t("sl-menu-divider",null),t("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")),t("h1",null,"Something")),t("p",null,"Current path:"," ",t("code",null,t("strong",null,(e=p())===null||e===void 0?void 0:e.pathname))),t("button",{onClick:u.back},"Go Back"))};var rh=function(){var e;Zp();return t("div",null,t("sqm-portal-frame",null,t("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},t("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),t("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal")),t("span",{slot:"footer"},"sample@example.com"),t("sqm-navigation-menu",{"menu-label":"Menu"},t("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),t("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),t("sl-menu-divider",null),t("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")),t("h1",null,"Something")),t("p",null,"Current path:"," ",t("code",null,t("strong",null,(e=p())===null||e===void 0?void 0:e.pathname))),t("button",{onClick:u.back},"Go Back"))};var sh=Object.freeze({__proto__:null,default:Qp,FrameWithMenu:th,FrameWithoutMenu:nh,FullStackFrame:ah,FullStackFrameLoggedOut:rh});var ih={title:"Components/Microsite Google Register"};var oh={states:{error:"",loading:false,confirmPassword:false,hideInputs:false,loginPath:"/login",hidePasswords:true,registrationFormState:{initialData:{email:"testuser@example.com"}}},callbacks:{submit:function(){return console.log("Submit!")},inputFunction:function(){}},refs:{formRef:{}},content:{pageLabel:"Register",passwordField:null,formData:t("div",null," ",t(K,{states:{optional:false,registrationFormState:{validationErrors:undefined,disabled:true,initialData:{firstName:"Test",lastName:"User"}},content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}}),t("sl-input",{style:{marginBottom:"var(--sl-spacing-x-large)"},exportparts:"label: input-label, base: input-base",label:"Slotted Input",required:true}),t("sl-input",{exportparts:"label: input-label, base: input-base",label:"Slotted Input 2",required:true}))}};var lh=__assign(__assign({},oh),{states:{error:"Something went wrong. Please try again.",loading:false,confirmPassword:false,hideInputs:false,loginPath:"/login",hidePasswords:true,registrationFormState:{initialData:{email:"testuser@example.com"}}}});var dh=__assign(__assign({},oh),{states:{error:"",loading:true,hideInputs:false,loginPath:"/login",confirmPassword:false,hidePasswords:true,registrationFormState:{initialData:{email:"testuser@example.com"}}}});var uh=function(){return t(S,Object.assign({},oh))};var ch=function(){return t(S,Object.assign({},lh))};var mh=function(){return t(S,Object.assign({},dh))};var ph=function(){return t(S,Object.assign({},oh,{content:__assign(__assign({},oh.content),{terms:t("p",null,"By signing up you agree to the"," ",t("a",{href:"https://example.com",target:"_blank"},"Terms and Conditions"))})}))};var hh=Object.freeze({__proto__:null,default:ih,Default:uh,RegisterWithError:ch,RegisterLoading:mh,TermsAndConditions:ph});var gh={title:"Components/Microsite Login"};var fh={states:{error:"",loading:false,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{googleSubmit:function(){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))},submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))}},content:{pageLabel:"Sign in to your account"}};var bh={states:{error:"Something went wrong. Please try again.",loading:false,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{googleSubmit:function(){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))},submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))}},content:{pageLabel:"Sign in to your account"}};var vh={states:{error:"",loading:true,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{googleSubmit:function(){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))},submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))}},content:{pageLabel:"Sign in to your account"}};var xh=__assign(__assign({},fh),{content:{secondaryButton:t("span",null,"Don't have an account?"," ",t("sl-button",{style:{width:"50px"},size:"large",type:"text"},"Register")),googleButton:t("sl-button",null,"Sign in with Google")}});var wh=function(){return t("sqm-portal-login",{demoData:__assign({},fh)})};var yh=function(){return t(A,Object.assign({},fh))};var _h=function(){return t("sqm-portal-login",{demoData:__assign({},xh)})};var qh=function(){return t("sqm-portal-login",{demoData:__assign({},bh)})};var Eh=function(){return t("sqm-portal-login",{demoData:__assign({},vh)})};var kh=Object.freeze({__proto__:null,default:gh,Default:wh,Text:yh,IsGoogle:_h,LoginWithError:qh,LoginLoading:Eh});var Th={title:"Components/Microsite Profile"};var Ch={states:{success:false,loading:false,submitDisabled:false,showCountry:true,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"5000"},text:{firstnametext:"First Name",lastnametext:"Last Name",emailtext:"Email",countrytext:"Country",editProfileHeader:"Edit your profile",editProfileSubHeader:"Personal Information",submitChangeButtonText:"Submit Changes"},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},onChange:function(e){return console.log(e)}}};var Ah={states:{success:false,loading:false,submitDisabled:false,showCountry:false,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"5000"},text:{firstnametext:"First Name",lastnametext:"Last Name",emailtext:"Email",countrytext:"Country",editProfileHeader:"Edit your profile",editProfileSubHeader:"Personal Information",submitChangeButtonText:"Submit Changes"},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},onChange:function(e){return console.log(e)}}};var Dh={states:{success:false,loading:true,submitDisabled:false,showCountry:true,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"5000"},text:{firstnametext:"First Name",lastnametext:"Last Name",emailtext:"Email",countrytext:"Country",editProfileHeader:"Edit your profile",editProfileSubHeader:"Personal Information",submitChangeButtonText:"Submit Changes"},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},onChange:function(e){return console.log(e)}}};var Sh={states:{success:false,loading:false,submitDisabled:true,showCountry:true,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"5000"},text:{firstnametext:"First Name",lastnametext:"Last Name",emailtext:"Email",countrytext:"Country",editProfileHeader:"Edit your profile",editProfileSubHeader:"Personal Information",submitChangeButtonText:"Submit Changes"},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},onChange:function(e){return console.log(e)}}};var Rh={states:{success:false,loading:false,submitDisabled:false,showCountry:true,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"5000"},text:{firstnametext:"First Name",lastnametext:"Last Name",emailtext:"Email",countrytext:"Country",editProfileHeader:"Edit your profile",editProfileSubHeader:"Personal Information",submitChangeButtonText:"Submit Changes"},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:"Something went wrong. Please try again."}},callbacks:{onSubmit:function(e){return console.log(e)},onChange:function(e){return console.log(e)}}};var Ih={states:{success:true,loading:false,submitDisabled:false,showCountry:true,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"5000"},text:{firstnametext:"First Name",lastnametext:"Last Name",emailtext:"Email",countrytext:"Country",editProfileHeader:"Edit your profile",editProfileSubHeader:"Personal Information",submitChangeButtonText:"Submit Changes"},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},onChange:function(e){return console.log(e)}}};var Ph=function(){return t(R,Object.assign({},Ch))};var Nh=function(){return t(R,Object.assign({},Ah))};var Fh=function(){return t(R,Object.assign({},Dh))};var Oh=function(){return t(R,Object.assign({},Sh))};var Lh=function(){return t(R,Object.assign({},Rh))};var Bh=function(){return t(R,Object.assign({},Ih))};var Gh=Object.freeze({__proto__:null,default:Th,Default:Ph,DefaultNoCountry:Nh,Loading:Fh,Disabled:Oh,Error:Lh,Success:Bh});var jh={title:"Components/Microsite Register"};var Wh={states:{registrationFormState:{},error:"",loading:false,confirmPassword:true,hideInputs:false,loginPath:"/login"},callbacks:{submit:function(){return console.log("Submit!")},inputFunction:function(){}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password",requiredFieldErrorMessage:"Cannot be empty",invalidEmailErrorMessage:"Must be a valid email address"}};var Mh={states:{error:"Something went wrong. Please try again.",registrationFormState:{},loading:false,confirmPassword:true,hideInputs:false,loginPath:"/login"},callbacks:{submit:function(){return console.log("Submit!")},inputFunction:function(){}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password",requiredFieldErrorMessage:"Cannot be empty",invalidEmailErrorMessage:"Must be a valid email address"}};var Uh={states:{registrationFormState:{},error:"",loading:true,confirmPassword:true,hideInputs:false,loginPath:"/login"},callbacks:{submit:function(){return console.log("Submit!")},inputFunction:function(){}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password",requiredFieldErrorMessage:"Cannot be empty",invalidEmailErrorMessage:"Must be a valid email address"}};var Vh={states:{registrationFormState:{},error:"",loading:false,confirmPassword:true,hideInputs:false,loginPath:"/login"},callbacks:{submit:function(){return console.log("Submit!")},inputFunction:function(){}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password",requiredFieldErrorMessage:"Cannot be empty",invalidEmailErrorMessage:"Must be a valid email address",formData:t("div",null,t("sl-input",{style:{marginBottom:"var(--sl-spacing-x-large)"},exportparts:"label: input-label, base: input-base",label:"Slotted Input",required:true}),t("sl-input",{exportparts:"label: input-label, base: input-base",label:"Slotted Input 2",required:true}))}};var zh=function(){return t(V,Object.assign({},Wh))};var Hh=function(){return t(V,Object.assign({},Mh))};var Yh=function(){return t(V,Object.assign({},Uh))};var Xh=function(){return t("sqm-portal-register",{demoData:{states:{registrationFormState:{},error:"",loading:true,confirmPassword:true,hideInputs:true,loginPath:"/login"}}})};var $h=function(){return t(V,Object.assign({},Vh))};var Jh=function(){return t(V,Object.assign({},Wh,{content:__assign(__assign({},Wh.content),{terms:t("p",null,"By signing up you agree to the"," ",t("a",{href:"https://example.com",target:"_blank"},"Terms and Conditions"))})}))};var Kh=Object.freeze({__proto__:null,default:jh,Default:zh,RegisterWithError:Hh,RegisterLoading:Yh,FieldsHidden:Xh,SlottedInputs:$h,TermsAndConditions:Jh});var Zh={title:"Components/Microsite Portal Register"};var Qh={states:{error:"",loading:false,confirmPassword:true,hideInputs:false,loginPath:"/login"},callbacks:{submit:function(){return console.log("Submit!")},inputFunction:function(){}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password"}};var eg={states:{error:"Something went wrong. Please try again.",loading:false,confirmPassword:true,hideInputs:false,loginPath:"/login"},callbacks:{submit:function(){return console.log("Submit!")},inputFunction:function(){}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password"}};var tg={states:{error:"",loading:true,confirmPassword:true,hideInputs:false,loginPath:"/login"},callbacks:{submit:function(){return console.log("Submit!")},inputFunction:function(){}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password"}};var ng={states:{error:"",loading:false,confirmPassword:true,hideInputs:false,loginPath:"/login"},callbacks:{submit:function(){return console.log("Submit!")},inputFunction:function(){}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password",formData:t("div",null,t("sl-input",{style:{marginBottom:"var(--sl-spacing-x-large)"},exportparts:"label: input-label, base: input-base",label:"Slotted Input",required:true}),t("sl-input",{exportparts:"label: input-label, base: input-base",label:"Slotted Input 2",required:true}))}};var ag=function(){return t(S,Object.assign({},Qh))};var rg=function(){return t(S,Object.assign({},eg))};var sg=function(){return t(S,Object.assign({},tg))};var ig=function(){return t("sqm-portal-register",{demoData:{states:{error:"",loading:true,registrationFormState:{},confirmPassword:true,hideInputs:true,loginPath:"/login"}}})};var og=function(){return t(S,Object.assign({},ng))};var lg=function(){return t(S,Object.assign({},Qh,{content:__assign(__assign({},Qh.content),{emailOptIn:t("sqm-checkbox-field",{checkboxLabel:"I would like to receive marketing and promotional emails for this referral program"})})}))};var dg=function(){return t(S,Object.assign({},Qh,{content:__assign(__assign({},Qh.content),{terms:t("p",null,"By signing up you agree to the"," ",t("a",{href:"https://example.com",target:"_blank"},"Terms and Conditions"))})}))};var ug=Object.freeze({__proto__:null,default:Zh,Default:ag,RegisterWithError:rg,RegisterLoading:sg,FieldsHidden:ig,SlottedInputs:og,RegisterWithMarketingEmailsCheckbox:lg,TermsAndConditions:dg});var cg='@author:derek\n@owner:ian\nFeature: Reset Password\n\n    Background: A user in on the password reset page\n        Given a user who has been redirected to the password reset page\n\n    @motivating\n    Scenario: Users can reset their password\n        Given a user has a valid oob code as a url query parameter\n        When they enter their password twice\n        And they click "Update"\n        Then their password is updated\n        And a banner with a success message is displayed\n        And they can log in with their new password\n\n    @motivating\n    Scenario Outline: Users cannot reset their password with an invalid or missing oob code\n        Given a user has a <oobCode> as a url query parameter\n        And the component <mayHave> "failed-page" with <value>\n        Then they see an error message saying that their password reset code is invalid/expired\n        When they click "Continue"\n        Then they are redirected to <redirectPath>\n        Examples:\n            | oobCode               | mayHave      | value  | redirectPath |\n            | invalid oob code      | doesn\'t have | N/A    | /            |\n            | non existant oob code | doesn\'t have | N/A    | /            |\n            | invalid oob code      | has          | /login | /login       |\n            | non existant oob code | has          | /login | /login       |\n\n    @motivating\n    Scenario: Users must enter the same password twice to successfully reset their password\n        Given a user has been redirected to the password reset page\n        And they have a valid oob code as a url query parameter\n        When they enter two different passwords into the password reset form\n        And they click "Update"\n        Then their password is not be reset\n        And an error banner stating the input passwords must match appears\n        And their password is not be reset\n        When they enter the same password twice\n        And they click "Update"\n        Then a banner appears with a success message\n        And they can log in with their new password\n\n    @motivating\n    Scenario: Users are notified if resetting their password fails\n        Given a user has a valid oob code as a url query parameter\n        When they enter their password twice\n        And they click "Update"\n        But the password reset fails\n        Then the user\'s password does not reset\n        And an error banner is shown\n\n    @motivating\n    Scenario: Users are redirected to "/" by default\n        Given the component does not have prop "nextPage"\n        And the users url does not contain a "nextPage" query parameter\n        And a user has entered their password twice\n        When they click "Update"\n        Then their password is updated\n        And they are redirected to "/"\n\n    @motivating\n    Scenario: Custom redirection can be configured\n        Given the component has prop "nextPage" with value "/activity"\n        And the users url does not contain a "nextPage" query parameter\n        And a user has entered their password twice\n        When they click "Update"\n        Then their password is updated\n        And they are redirected to "/activity"\n\n    @motivating\n    Scenario Outline: Users are redirected to the value of the nextPage url parameter as if it were a relative path\n        Given the component is loaded at <currentUrl>\n        When they click "Update"\n        Then their password is updated\n        And they are redirected to <url>\n        Examples:\n            | currentUrl                                                                 | url                                           |\n            | https://www.example.com?nextPage=./activity                                | https://www.example.com/activity              |\n            | https://www.example.com?nextPage=activity                                  | https://www.example.com/activity              |\n            | https://www.example.com?nextPage=/activity                                 | https://www.example.com/activity              |\n            | https://www.example.com?nextPage=www.google.com                            | https://www.example.com/www.google.com        |\n            | https://www.example.com?nextPage=//foo.com                                 | https://www.example.com/                      |\n            | https://www.example.com?nextPage=https://malicious.example.com             | https://www.example.com/                      |\n            | http://www.example.com/nest/page?oob=123&other&nextPage=activity#heading-1 | http://www.example.com/activity               |\n            | https://www.example.com?nextPage=activity?foo=bar                          | https://www.example.com/activity?foo=bar      |\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar                   | https://www.example.com/activity?foo=bar      |\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar#hash              | https://www.example.com/activity?foo=bar      |\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar%23hash            | https://www.example.com/activity?foo=bar#hash |\n            | https://www.example.com:1337?nextPage=activity                             | https://www.example.com:1337/activity         |\n            | http://1.1.1.1:1111?nextPage=activity                                      | http://1.1.1.1:1111/activity                  |\n\n    @landmine\n    Scenario Outline: Username and password are not persisted on redirects\n        Given the component is loaded at <currentUrl>\n        When they click "Update"\n        Then their password is updated\n        And they are redirected to <url>\n        Examples:\n            | currentUrl                                              | url                                  |\n            | https://user:pass@www.example.com:444?nextPage=activity | https://www.example.com:444/activity |';var mg={title:"Components/Microsite Reset Password",parameters:{scenario:cg}};var pg={states:{error:"",loading:false,reset:false,confirmPassword:true,oobCodeValidating:false,oobCodeValid:true,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var hg={states:{error:"",loading:false,reset:false,confirmPassword:false,oobCodeValidating:false,oobCodeValid:true,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var gg={states:{error:"Something went wrong. Please try again.",loading:false,reset:false,confirmPassword:true,oobCodeValidating:false,oobCodeValid:true,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var fg={states:{error:"",loading:true,reset:false,confirmPassword:true,oobCodeValidating:false,oobCodeValid:true,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var bg={states:{error:"",loading:false,reset:true,confirmPassword:true,oobCodeValidating:false,oobCodeValid:true,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var vg={states:{error:"",loading:false,reset:false,confirmPassword:true,oobCodeValidating:false,oobCodeValid:false,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var xg=function(){return t(I,Object.assign({},pg))};var wg=function(){return t(I,Object.assign({},hg))};var yg=function(){return t(I,Object.assign({},gg))};var _g=function(){return t(I,Object.assign({},fg))};var qg=function(){return t(I,Object.assign({},bg))};var Eg=function(){return t(I,Object.assign({},vg))};var kg=Object.freeze({__proto__:null,default:mg,Default:xg,DefaultWithoutConfirmField:wg,ResetPasswordWithError:yg,ResetPasswordLoading:_g,ResetPasswordSuccess:qg,CodeValidating:Eg});var Tg='@author:derek\n@owner:ian\nFeature: Verify Email\n\n  Background: A user is on the email verification page\n    Given a user who has been redirected to the email verification page\n\n  @motivating\n  Scenario: Verifying your email takes you to the portal login page\n    Given a user has a valid oob code as a url query parameter\n    When they click "Verify Email"\n    Then the button enters a loading state\n    When their email is validated\n    Then a button that says "Continue" appears\n    When they click "Continue"\n    Then they are redirected to login\n\n  @motivating\n  Scenario: Users are automatically redirected if they dont click "Continue"\n    Given a user has a valid oob code as a url query parameter\n    When they click "Verify Email"\n    Then the button enters a loading state\n    When their email is validated\n    Then a button that says "Continue" appears\n    When they wait 5 seconds\n    Then they are redirected to login\n\n  @motivating\n  Scenario: Users are notified if verifying their email has failed\n    Given a user has a valid oob code as a url query parameter\n    When they click "Verify Email"\n    Then the button enters a loading state\n    When their email fails to be validated\n    Then an banner is shown stating that an error occured\n\n  @motivating\n  Scenario Outline: Users cannot verify their email with an invalid or missing oob code\n    Given a user has a <oobCode> as a url query parameter\n    And the component <mayHave> "failed-page" with <value>\n    Then they see an error message saying that their verification code is invalid/expired\n    When they click "Continue"\n    Then they are redirected to <redirectPath>\n    Examples:\n      | oobCode               | mayHave      | value  | redirectPath |\n      | invalid oob code      | doesn\'t have | N/A    | /            |\n      | non existant oob code | doesn\'t have | N/A    | /            |\n      | invalid oob code      | has          | /login | /login       |\n      | non existant oob code | has          | /login | /login       |\n\n  @motivating\n  Scenario: Users are redirected to "/" by default\n    Given the component does not have prop "nextPage"\n    And the users url does not contain a "nextPage" query parameter\n    And a user has verified their email\n    When they click "Continue"\n    Then they are redirected to "/"\n\n  @motivating\n  Scenario: Custom redirection can be configured\n    Given the component has prop "nextPage" with value "/activity"\n    And the users url does not contain a "nextPage" query parameter\n    And a user has verified their email\n    When they click "Continue"\n    Then they are redirected to "/activity"\n\n  @motivating\n  Scenario Outline: Users are redirected to the value of the nextPage url parameter if it exists\n    Given the component <mayHave> prop "nextPage" with <nextPageValue>\n    And the users url contains a "nextPage" query paramater with <nextPageParamValue>\n    And the user has verified their email\n    When they click "Continue"\n    Then they are redirected to <nextPageParamValue>\n    Examples:\n      | mayHave       | nextPageValue | nextPageParamValue |\n      | has           | /dashboard    | /activity          |\n      | does not have | N/A           | /activity          |\n\n  @motivating\n  Scenario Outline: Users are redirected to the value of the nextPage url parameter as if it were a relative path\n    Given the component is loaded at <currentUrl>\n    And the user has verified their email\n    When they click "Continue"\n    And they are redirected to <url>\n    Examples:\n      | currentUrl                                                                 | url                                           |\n      | https://www.example.com?nextPage=./activity                                | https://www.example.com/activity              |\n      | https://www.example.com?nextPage=activity                                  | https://www.example.com/activity              |\n      | https://www.example.com?nextPage=/activity                                 | https://www.example.com/activity              |\n      | https://www.example.com?nextPage=www.google.com                            | https://www.example.com/www.google.com        |\n      | https://www.example.com?nextPage=//foo.com                                 | https://www.example.com/                      |\n      | https://www.example.com?nextPage=https://malicious.example.com             | https://www.example.com/                      |\n      | http://www.example.com/nest/page?oob=123&other&nextPage=activity#heading-1 | http://www.example.com/activity               |\n      | https://www.example.com?nextPage=activity?foo=bar                          | https://www.example.com/activity?foo=bar      |\n      | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar                   | https://www.example.com/activity?foo=bar      |\n      | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar#hash              | https://www.example.com/activity?foo=bar      |\n      | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar%23hash            | https://www.example.com/activity?foo=bar#hash |\n      | https://www.example.com:1337?nextPage=activity                             | https://www.example.com:1337/activity         |\n      | http://1.1.1.1:1111?nextPage=activity                                      | http://1.1.1.1:1111/activity                  |\n\n  @landmine\n  Scenario Outline: Username and password are not persisted on redirects\n    Given the component is loaded at <currentUrl>\n    And the user has verified their email\n    When they click "Continue"\n    And they are redirected to <url>\n    Examples:\n      | currentUrl                                              | url                                  |\n      | https://user:pass@www.example.com:444?nextPage=activity | https://www.example.com:444/activity |\n\n\n  @minutia\n  Scenario Outline: Users may be logged in or logged out depending on the verified status and logged in email\n    Given an oobCode with email <oobCodeEmail> as a url query parameter\n    And the user is logged in as <loggedInEmail>\n    And the logged in user <isVerified>\n    When the oobCode is submitted\n    And the oobCode <isValid>\n    Then the <submitState> screen is shown\n    And after 3 seconds pass\n    Then the user is redirected to <redirect>\n    Examples:\n      | oobCodeEmail      | loggedInEmail     | isVerified | isValid      | submitState | redirect  |\n      | user1@example.com | N/A               | false      | is valid     | success     | /login    |\n      | user1@example.com | N/A               | false      | is not valid | error       | /login    |\n      | user1@example.com | user1@example.com | false      | is valid     | success     | /activity |\n      | user1@example.com | user1@example.com | false      | is not valid | error       | N/A       |\n      | user1@example.com | user2@example.com | false      | is valid     | success     | /login    |\n      | user1@example.com | user2@example.com | false      | is not valid | error       | /login    |\n      | user1@example.com | user1@example.com | true       | is valid     | success     | /activity |\n      | user1@example.com | user1@example.com | true       | is not valid | success     | /activity |\n      | user1@example.com | user2@example.com | true       | is not valid | error       | /login    |\n      | N/A               | N/A               | false      | is not valid | error       | N/A       |\n';var Cg={title:"Components/Microsite Verify Email",parameters:{scenario:Tg}};var Ag={states:{error:"Something went wrong. Please try again.",loading:false,success:false},data:{oobCode:"abc123"},callbacks:{gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}},content:{verifyEmailText:"Verify your email",verifySuccessText:"Your email has been verified and you are being redirected. If you are not redirected, please click Continue.",verifyInvalidText:"The email verification code is invalid or has expired, please try again."}};var Dg={states:{error:"",loading:false,success:true},data:{oobCode:"abc123"},callbacks:{gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}},content:{}};var Sg=function(){return t(P,Object.assign({},Ag))};var Rg=function(){return t(P,Object.assign({},Dg))};var Ig=Object.freeze({__proto__:null,default:Cg,EmailVerificationWithError:Sg,EmailVerificationSuccess:Rg});var Pg='@author:derek\n@owner:derek\nFeature: Program Explainer Step\n\n    @motivating\n    @ui\n    Scenario: The program explainer step displays a icon, header and description\n        Given a program explainer step with props\n            | prop        | value                            |\n            | header      | My Header                        |\n            | description | My program explainer description |\n            | icon        | person-plus-fill                 |\n        When a user views the explainer step\n        Then they see an person icon with a + in the top left hand corner\n        And the icon is weight 300 brand colour\n        And below they see "My Header" in large bold font\n        And below they see "My program explainer description" in medium font\n        And the step background colour is weight 50 brand colour\n\n    @motivating\n    @ui\n    Scenario: The program explainer can display an image in place of an icon\n        Given a program explainer\n        And it has an "image-url" prop with a value of a valid url to an image\n        When a user views the explainer step\n        Then the image is displayed in place of an incon in the top left hand corner\n\n    @motivating\n    @ui\n    Scenario: Colours are customizable\n        Given a program explainer step with props\n            | prop             | value            |\n            | text-color       | purple           |\n            | background-color | grey             |\n        When a user views the explainer step\n        Then they see the step background is grey\n        And the header text is purple\n        And the description text is purple\n';var Ng={title:"Components/Program Explainer Step",parameters:{scenario:Pg}};var Fg=function(){return t("sqm-program-explainer-step",{header:"Get up to $1250 for inviting friends to Klip",description:"Send your referral link to a friend or share it through email, Twitter, or Facebook",icon:"person-plus-fill"})};var Og=function(){return t("sqm-program-explainer-step",{header:"Invite your friends to Klip",description:"Send your referral link to a friend or share it through email, Twitter, or Facebook","image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000265/squatch-assets/Uqn3aXw.png","text-color":"#fffc4b","background-color":"#ff7f7f"})};var Lg=Object.freeze({__proto__:null,default:Ng,ProgramExplainerStep:Fg,ProgramExplainerStepCustom:Og});var Bg='@author:derek\n@owner:derek\nFeature: Program Explainer\n\n    @motivating\n    @ui\n    Scenario Outline: The program explainer wraps program explainer steps and aligns them\n        Given a program explainer component\n        And it has <number> program explainer steps as components\n        When a user views the program explainer\n        Then they see <number> steps aligned horizontally\n        And they have equal height/width\n        And equal padding in between\n        When they are viewed on a screen smaller than 500px\n        Then the steps stack vertically with equal padding in between\n        And they have equal width\n        But height may vary\n        Examples:\n            | number |\n            | 2      |\n            | 3      |\n            | 4      |\n\n    @motivating\n    @ui\n    Scenario: The program explainer displays a section header\n        Given a program explainer step with props\n            | prop   | value     |\n            | header | My Header |\n        And it has program explainer steps as children\n        When a user views the program explainer\n        Then they see "My Header" centered above the explainer steps\n\n    @motivating\n    @ui\n    Scenario: Colours are customizable\n        Given a program explainer with props\n            | prop             | value  |\n            | text-color       | purple |\n            | background-color | grey   |\n        When a user views the program explainer\n        Then the header is purple\n        And the background between steos is grey\n';var Gg={title:"Components/Program Explainer",parameters:{scenario:Bg}};var jg=function(){return t("sqm-program-explainer",{header:"How it works"},t("sqm-program-explainer-step",{header:"Get up to $1250 for inviting friends to Klip",description:"Share your referral link with a friend and earn up to $1250",icon:"person-plus-fill"}))};var Wg=function(){return t("sqm-program-explainer",{header:"How it works"},t("sqm-program-explainer-step",{header:"Get up to $1250 for inviting friends to Klip",description:"Share your referral link with a friend and earn up to $1250",icon:"person-plus-fill"}),t("sqm-program-explainer-step",{header:"Earn points for using Klip",description:"Complete tasks like uploading your first video or sharing videos with friends",icon:"server"}))};var Mg=function(){return t("sqm-program-explainer",{header:"How it works"},t("sqm-program-explainer-step",{header:"Get up to $1250 for inviting friends to Klip",description:"Share your referral link with a friend and earn up to $1250",icon:"person-plus-fill"}),t("sqm-program-explainer-step",{header:"Earn points for using Klip",description:"Complete tasks like uploading your first video or sharing videos with friends",icon:"server"}),t("sqm-program-explainer-step",{header:"Redeem rewards with your points",description:"Redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America",icon:"people-fill"}))};var Ug=function(){return t("sqm-program-explainer",{header:"How it works","text-color":"#fffc4b","background-color":"#ff7f7f"},t("sqm-program-explainer-step",{header:"Get up to $1250 for inviting friends to Klip",description:"Share your referral link with a friend and earn up to $1250",icon:"person-plus-fill"}),t("sqm-program-explainer-step",{header:"Earn points for using Klip",description:"Complete tasks like uploading your first video or sharing videos with friends",icon:"server"}),t("sqm-program-explainer-step",{header:"Redeem rewards with your points",description:"Redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America",icon:"people-fill"}))};var Vg=function(){return t("sqm-program-explainer",{header:"Anything and everything can be passed to this component!","text-color":"#eee","background-color":"#333"},t("div",{style:{padding:"100px",border:"1px dashed black",background:"#eee",color:"#333"}},"PLACEHOLDER"),t("div",{style:{padding:"100px",border:"1px dashed black",background:"#eee",color:"#333"}},"PLACEHOLDER"),t("div",{style:{padding:"100px",border:"1px dashed black",background:"#eee",color:"#333"}},"PLACEHOLDER"))};var zg=Object.freeze({__proto__:null,default:Gg,OneStep:jg,TwoSteps:Wg,ThreeSteps:Mg,Custom:Ug,ProgramExplainerGeneric:Vg});var Hg={title:"Components/Program Menu"};var Yg=hr((function(){return t("sqm-program-menu",null,t("sl-menu-item",{value:"referral-program"},"Referral Program"))}));var Xg=hr((function(){return t("sqm-program-menu",null,t("sl-menu-item",{value:"referral-program"},"Referral Program"),t("sl-menu-item",{value:"partner-program"},"Partner Program"))}));var $g=hr((function(){return t("sqm-program-menu",null,t("sl-menu-item",{value:"program1"},"Program 1"),t("sl-menu-item",{value:"program2"},"Program 2"),t("sl-menu-item",{value:"program3"},"Program 3"),t("sl-menu-item",{value:"program4"},"Program 4"),t("sl-menu-item",{value:"program5"},"Program 5"))}));var Jg=hr((function(){return t("div",null,t("sqb-program-section",{"program-id":"Vacay-referral"},t("sqm-program-menu",null,t("sl-menu-item",{value:"Vacay-referral"},"Vacay-referral"),t("sl-menu-item",{value:"vacay-affiliates"},"vacay-affiliates")),t("sqb-program-switch",null,t("template",{"program-id":"Vacay-referral"},t("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:fr}}})),t("template",{"program-id":"vacay-affiliates"},t("sqb-widget",{"widget-type":"p/vacay-affiliates/w/referrerWidget",demoData:{data:{html:fr}}})))))}));var Kg=Object.freeze({__proto__:null,default:Hg,OneProgram:Yg,TwoProgram:Xg,FiveProgram:$g,ProgramMenuWithSwitch:Jg});var Zg={title:"Components/QR Code"};var Qg={hideTitle:false,loading:false,alignment:"center",error:false,qrLink:"https://media.istockphoto.com/id/1251071788/vector/qr-code-bar-code-black-icon-digital-technology.jpg?s=612x612&w=0&k=20&c=maw4OqMSEegAdSo8Drm9HO7i1ddddvP2YaL1UuWbRig=",createDownloadable:function(){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Download QR Code clicked");return[2]}))}))},createPrintable:function(){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Print QR Code clicked");return[2]}))}))},titleText:"Share your QR code",downloadCodeText:"Download",printCodeText:"Print",errorHeaderText:"There was an error loading your QR code",errorDescriptionText:"Please refresh this page and try again"};var ef=function(){return t(N,Object.assign({},Qg))};var tf=function(){return t(N,Object.assign({},Qg,{hideTitle:true}))};var nf=function(){return t(N,Object.assign({},Qg,{alignment:"left"}))};var af=function(){return t(N,Object.assign({},Qg,{alignment:"center"}))};var rf=function(){return t(N,Object.assign({},Qg,{alignment:"right"}))};var sf=function(){return t(N,Object.assign({},Qg,{loading:true}))};var of=function(){return t(N,Object.assign({},Qg,{error:true}))};var lf=function(){return t(N,Object.assign({},Qg,{error:true}))};var df=Object.freeze({__proto__:null,default:Zg,Default:ef,HideTitle:tf,LeftAlign:nf,CenterAlign:af,RightAlign:rf,Loading:sf,Error:of,DownloadError:lf});var uf={Container:{borderRadius:"var(--sl-border-radius-large)",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)",display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)",padding:"16px",cursor:"pointer"},TitleContainer:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",gap:"var(--sl-spacing-small)"}};var cf=f(uf);var mf=cf.toString();var pf="\n    :host{\n      display: block;   \n    }\n    * {\n        p {\n            margin: 0;\n        }\n    }\n    sl-checkbox::part(base) {\n\n        position: absolute;\n        top: 16px;\n        right: 16px;\n    }\n    sl-checkbox::part(control) {\n        border-radius: 50%;\n    }\n    sl-checkbox[checked]::part(control){\n      background-color: var(--sqm-input-border-color-focus);\n    }\n\n    sl-checkbox[checked]::part(checked-icon){\n      color: var(--sqm-input-background);\n    }\n  ";var hf=function(e){var n=e.title,a=e.icon,r=e.description,s=e.selected;var i=s?"var(--sqm-border-thickness) solid var(--sqm-primary-color)":"var(--sqm-border-thickness) solid var(--sqm-border-color)";return t("div",{part:"sqm-base",class:cf.classes.Container,style:{border:i}},t("style",{type:"text/css"},mf,pf),t("sl-checkbox",{checked:s}),t("div",{part:"sqm-title-container",class:cf.classes.TitleContainer},t("sl-icon",{name:a}),t("p",null,n)),t("p",null,r))};var gf={title:"Components/Radio Card"};var ff={selected:false,title:"Card Title",description:"Description text goes here",icon:"apple"};var bf=function(){return t(hf,Object.assign({},ff))};var vf=function(){return t(hf,Object.assign({},ff,{selected:true}))};var xf=Object.freeze({__proto__:null,default:gf,DefaultView:bf,Selected:vf});var wf='@author:kutay\n@owner:kutay\nFeature: Referral Card\n\n\tThe Referral Card component takes in two slots and displays them side by side.\n\n\tBackground: A user on the portal is viewing the widget\n\t\tGiven a user viewing the Referral Card component\n\n\t@motivating\n\t@ui\n\tScenario: Referral Card component displays provided content in left and right slots side by side\n\t\tGiven a Referral Card component\n\t\tAnd a slot with the name "left"\n\t\tAnd a slot with the name "right"\n\t\tWhen the user views the referral card\n\t\tThen the slot contents are displayed the card with equal width\n\t\tWhen the component is scaled down to 499px\n\t\tThen the column layout switches to row layout\n\t\tAnd the "left" slot content is displayed above the "right" slot content\n\n\t@minutia\n\t@ui\n\tScenario: Left or right column content spans the whole card if there is no content in the other column\n\t\tGiven a Referral Card component\n\t\tAnd there content in one column\n\t\tAnd there is no content in the other column\n\t\tThen the column with content spans 100% of the card width\n\t\tAnd the column with content respects the container\'s padding\n\t\tAnd the column without content has zero width\n\n\t@motivating\n\t@ui\n\tScenario Outline: Referral Card component content can be vertically aligned start, center, end\n\t\tGiven a Referral Card component\n\t\tAnd a slot with the name "left"\n\t\tAnd a slot with the name "right"\n\t\tAnd the prop "vertical-alignment" has <value>\n\t\tThen slots contents are displayed inside the card\n\t\tAnd slots are vertically aligned to <alignment> of the card\n\t\tExamples:\n\t\t\t| value  | alignment  |\n\t\t\t| start  | the top    |\n\t\t\t| center | the center |\n\t\t\t| end    | the bottom |\n\t\t\t| N/A    | the top    |\n\n\t@ui\n\tScenario Outline: Container border can be toggled\n\t\tGiven a user is viewing the referral card component\n\t\tThen the default value for the prop "include-border" is "true"\n\t\tWhen "include-border" has <value>\n\t\tThen the referral card component\'s border <maybe> included\n\t\tExamples:\n\t\t\t| value            | maybe |\n\t\t\t| true             | is    |\n\t\t\t| false            | isn\'t |\n\t\t\t| empty (no value) | is    |\n\n\t@motivating\n\t@ui\n\tScenario Outline: Component background color can be customized\n\t\tGiven a user is viewing the Referral Card component\n\t\tThen the default value is "#ffffff"\n\t\tWhen the prop "background-color" has <value>\n\t\tThen the background has color <backgroundColor>\n\t\tExamples:\n\t\t\t| value                 | backgroundColor                     |\n\t\t\t| empty (default value) | var(--sl-color-neutral-0) (#ffffff) |\n\t\t\t| aquamarine            | #7fffd4                             |\n\n\t@motivating\n\t@ui\n\tScenario Outline: Container padding can be customized\n\t\tGiven a user is looking at the component\n\t\tThen the default values for "padding-top", "padding-bottom", "padding-left", "padding-right" is "large"\n\t\tWhen prop "padding-top" has <value>\n\t\tThen <padding> is applied to content\n\t\tAnd the same applies to "padding-bottom", "padding-left", "padding-right"\n\n\t\tExamples:\n\t\t\t| value      | padding    |\n\t\t\t| none       | no padding |\n\t\t\t| xxx-small  | xxx-small  |\n\t\t\t| xx-small   | xx-small   |\n\t\t\t| x-small    | x-small    |\n\t\t\t| small      | small      |\n\t\t\t| medium     | medium     |\n\t\t\t| large      | large      |\n\t\t\t| x-large    | x-large    |\n\t\t\t| xx-large   | xx-large   |\n\t\t\t| xxx-large  | xxx-large  |\n\t\t\t| xxxx-large | xxxx-large |\n\t\t\t| N/A        | no padding |';var yf={title:"Components/Referral Card",parameters:{scenario:wf}};var _f=function(e){return t("sqm-portal-container",{gap:"large",slot:e},t("sqm-hero-image",{header:"Get rewarded when your friend uses Klip","image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1644000227/squatch-assets/IqB7GeS.png"}))};var qf=function(e){return t("sqm-portal-container",{gap:"large",slot:e},t("sqm-text",null,"Choose how you want to share:"),t("sqm-text",null,t("sub",null,"Your unique referral link:"),t("sqm-share-code",null)),t("sqm-portal-container",{gap:"x-small"},t("sqm-share-button",{medium:"email"},"Share via email"),t("sqm-share-button",{medium:"facebook"},"Share on Facebook"),t("sqm-share-button",{medium:"twitter"},"Post about us on X")))};var Ef=function(e){return t("sqm-portal-container",{gap:"large",slot:e},t("sqm-text",null,"Choose how you want to share:"),t("sqm-text",null,t("sub",null,"Share with your friends:"),t("sqm-share-code",null),t("sqm-share-link",null)),t("sqm-portal-container",{gap:"x-small"},t("sqm-share-button",{medium:"email"},"Share via email"),t("sqm-share-button",{medium:"facebook"},"Share on Facebook"),t("sqm-share-button",{medium:"twitter"},"Post about us on X"),t("sqm-portal-container",{gap:"x-small"},t("span",{style:{textAlign:"center",color:"var(--sl-color-gray-500)"}},"You have copied this code before"),t("sqm-pagination",null))))};var kf=function(e,n){return t("sqm-timeline",{slot:e,icon:"circle"},n>0&&t("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),n>1&&t("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),n>2&&t("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),n>3&&t("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"}))};var Tf=function(){return t("sqm-referral-card",null,_f("left"),qf("right"))};var Cf=function(){return t("sqm-referral-card",{limitWidth:true},_f("left"),qf("right"))};var Af=function(){return t("sqm-referral-card",null,kf("left",3),qf("right"))};var Df=function(){return t("sqm-referral-card",null,kf("left",4),Ef("right"))};var Sf=function(){return t("sqm-referral-card",{"vertical-alignment":"start"},kf("left",4),qf("right"))};var Rf=function(){return t("sqm-referral-card",{"vertical-alignment":"center"},kf("left",4),qf("right"))};var If=function(){return t("sqm-referral-card",{"vertical-alignment":"end"},kf("left",4),qf("right"))};var Pf=function(){return t("sqm-referral-card",null,kf("right",3),qf("left"))};var Nf=function(){return t("sqm-referral-card",null,kf("right",3))};var Ff=function(){return t("sqm-referral-card",null,qf("left"))};var Of=function(){return t("sqm-referral-card",null,t("h3",{slot:"header"},"Header slot content"),kf("right",3),qf("left"))};var Lf=function(){return t("sqm-referral-card",null,kf("right",3),qf("left"),t("sqm-portal-footer",{slot:"footer"}))};var Bf=function(){return t("sqm-referral-card",{"hide-border":"true"},kf("right",3),qf("left"),t("sqm-portal-footer",{slot:"footer"}))};var Gf=function(){return t("sqm-referral-card",{"background-color":"aquamarine"},kf("right",3),qf("left"),t("sqm-portal-footer",{slot:"footer"}))};var jf=function(){return t("sqm-referral-card",{"vertical-alignment":"center"},t("sqm-portal-container",{slot:"left",gap:"x-small"},t("div",{style:{padding:"100px",border:"1px dashed black",background:"#eee",color:"#333",textAlign:"center"}},"PLACEHOLDER")),t("sqm-portal-container",{slot:"right",gap:"x-small"},t("div",{style:{padding:"100px",border:"1px dashed black",background:"#eee",color:"#333",textAlign:"center"}},"PLACEHOLDER")))};var Wf=Object.freeze({__proto__:null,default:yf,ImageAndShareButtons:Tf,LimitWidth:Cf,TimelineAndShareButtons:Af,OneTimeUsePromoCodes:Df,StartAlignment:Sf,CenterAlignment:Rf,EndAlignment:If,FlippedSlots:Pf,NoLeft:Nf,NoRight:Ff,WithHeader:Of,WithFooter:Lf,NoBorder:Bf,BackgroundColor:Gf,ReferralCardGeneric:jf});var Mf='@author:sam\n@owner:sam\nFeature: Referral Code\n\n  The referral code component is a box that allows users to see and copy their referral promo code for a given program\n\n  Background: Environment\n    Given there is a valid program ID in the environment\n    And there is a valid user ID and account ID in the environment\n\n  @motivating\n  Scenario: A Users referral code can be copied to their clipboard\n    Given tooltiptext is "hello tooltip"\n    When the component renders\n    Then there is a textbox with the user\'s referral code\n    When the clipboard icon is clicked\n    Then the code is copied to clipboard\n    And a tooltip will appear for ~1 second\n\n  @minutia\n  Scenario: Tooltip lifespan can be customized\n    Given the tooltip\'s lifespan is set to 2000\n    And there is tooltip text\n    When the component renders\n    And the clipboard icon is clicked\n    Then a tooltip will appear for ~2 seconds\n\n  @minutia\n  Scenario: Demo\n    Given isDemo() returns true\n    Then the share code is "SHARECODE001"\n    And the component won\'t be interactive\n    And the tooltip is hidden\n\n  @minutia\n  Scenario: Program ID can be sourced from prop\n    Given the programId prop is set to "program-a"\n    And window.widgetIdent.programId is set to "program-b"\n    When the component renders\n    Then the share code is for "program-a"\n\n  @minutia\n  Scenario: Program ID can be sourced from window\n    Given the programId prop is unset\n    And window.widgetIdent.programId is set to "program-b"\n    When the component renders\n    Then the share code is for "program-b"\n\n  @minutia\n  Scenario: An analytic event is fired when a user copies their code\n    Given a user viewing the referral code component\n    And the component is rendered for "program-a"\n    When they click to copy their code\n    Then an "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT" analytic event is fired\n    And it is for "program-a"\n    And it has share medium "DIRECT"\n\n  @ui\n  Scenario Outline: user can edit the alignment of the share code text\n    Given a user is editing the referral code component\n    Then they see "Align text" props\n    And the default value is "left"\n    When they change the option to <option>\n    Then they see the text in <position>\n    Examples:\n      | option | position |\n      | left   | left     |\n      | center | center   |\n      | right  | right    |\n\n  @ui\n  Scenario Outline: The position of the copy button can be changed\n    Given a user is editing the referral code component\n    Then they see "Style" props\n    And the default value is "icon"\n    When they change the option to <option>\n    Then they see the copy button in <position>\n    Examples:\n      | option         | position                        |\n      | button outside | outside the input, on the right |\n      | button below   | outside the input, below        |\n      | icon           | inside the input as an icon     |\n';var Uf={title:"Components/Referral Code",parameters:{scenario:Mf}};var Vf=function(){return t("sqm-referral-code",{tooltiptext:"Copied to Clipboard"})};var zf=function(){return t("sqm-referral-code",{showNotificationText:true,notificationText:"You've copied this code before"})};var Hf=function(){return t("sqm-referral-code",{textColor:"red",showNotificationText:true,notificationText:"You've copied this code before"})};var Yf=function(){return t("sqm-referral-code",{showNotificationText:true,notificationText:"You've copied this code before",buttonStyle:"button-outside"})};var Xf=function(){return t("sqm-referral-code",{showNotificationText:true,notificationText:"You've copied this code before",buttonStyle:"button-below"})};var $f=function(){return t("sqm-referral-code",{tooltiptext:"CUSTOM TOOLTIP TEXT"})};var Jf=function(){return t("sqm-referral-code",{textAlign:"center"})};var Kf=function(){return t("sqm-referral-code",{textAlign:"right"})};var Zf=function(){return t("sqm-referral-code",{tooltiplifespan:5e3,tooltiptext:"CUSTOM TOOLTIP TEXT"})};var Qf=function(){return t(b,Object.assign({},{copyString:"https://noah.example.com",open:false,tooltiptext:"Copied!",isCopyIcon:false,buttonStyle:"button-outside"}))};var eb=function(){return t(b,Object.assign({},{copyString:"https://noah.example.com",open:false,tooltiptext:"Copied!",buttonStyle:"button-below"}))};var tb=function(){var e={copyString:"https://noah.example.com",disabled:true,open:true,tooltiptext:"Copied!",error:true};return t(b,Object.assign({},e))};var nb=Object.freeze({__proto__:null,default:Uf,ReferralCode:Vf,ShowNotificationText:zf,ShowNotificationTextRed:Hf,ShowNotificationTextWithButton:Yf,ShowNotificationTextWithButtonBelow:Xf,CustomTooltipText:$f,TextAlignCenter:Jf,TextAlignRight:Kf,CustomTooltipDuration:Zf,CopyButton:Qf,CopyButtonBelow:eb,Error:tb});var ab="@author:sam\n@owner:sam\n\nFeature: Referral Codes Component\n\n    A paginated display of available and used promo codes for the user to share with others\n\n    @motivating\n    Scenario: Promo code can be shared using various share mediums\n        Given an authenticated user\n        And the program has promo codes configured\n        When the promo code section is loaded\n        Then the promo code can be copied directly\n        And the promo code can be shared using <shareMedium>\n        Examples:\n            | shareMedium |\n            | DIRECT      |\n            | EMAIL       |\n            | FBMESSENGER |\n            | WHATSAPP    |\n\n    @minutia\n    Scenario: Clicking any of the share mediums sets the code as copied\n        Given an authenticated user\n        And the program has promo codes configured\n        When the promo code section is loaded\n        When clicking <shareMedium> button\n        Then the code is marked as copied\n        And the copied notification text is shown\n        Examples:\n            | shareMedium |\n            | DIRECT      |\n            | EMAIL       |\n            | FBMESSENGER |\n            | WHATSAPP    |\n\n    @minutia\n    Scenario Outline: User is notified if the currently viewed promo code has been copied already\n        Given an authenticated user\n        And the program has promo codes configured\n        When the promo code section is loaded\n        And the code has not been copied already\n        Then no notification text is displayed\n        When the code is changed to one that has been copied\n        Then the <notificationText> is displayed\n        Examples:\n            | notificationText               |\n            | You've copied this code before |\n            | Previously Copied              |\n            | foo                            |\n\n    @minutia\n    Scenario Outline: Share buttons slots use the link from referral codes instead of the default query\n        Given an authenticated user\n        And the program has promo codes configured\n        And a <shareMedium> button is a child of `<sqm-referral-codes>`\n        Then the <shareMedium> button is shown\n        And the link uses <promoCode>\n        Examples:\n            | propName        | shareMedium | promoCode  |\n            | hideSharelink   | DIRECT      | PROMOCODE1 |\n            | hideEmail       | EMAIL       | PROMOCODE1 |\n            | hideFbMessenger | FBMESSENGER | PROMOCODE1 |\n            | hideWhatsApp    | WHATSAPP    | PROMOCODE1 |\n\n    @minutia\n    Scenario Outline: Number of codes is displayed in the pagination component\n        Given an authenticated user\n        And the program has promo codes configured\n        When the promo code section is loaded\n        And the user has <numCodes> available\n        And the user is on <currentPage>\n        Then the pagination text is <paginationText>\n        Examples:\n            | numCodes | currentPage | paginationText |\n            | 5        | 1           | 1 of 5         |\n            | 5        | 2           | 2 of 5         |\n            | 5        | 3           | 3 of 5         |\n            | 5        | 4           | 4 of 5         |\n            | 5        | 5           | 5 of 5         |\n            | 1        | 1           | 1 of 1         |\n            | 0        | 0           | 0 of 0         |\n\n    @minutia\n    Scenario: Loading state is shown when changing code page\n        Given an authenticated user\n        And the program has promo codes configured\n        When the promo code section is loaded\n        And the user has more than 1 available\n        When the next button is clicked\n        Then a loading state is shown\n\n\n";var rb={title:"Components/Referral Codes",parameters:{scenario:ab}};var sb={titleText:"Start sharing",emptyStateHeaderText:"Your new codes and links aren’t ready yet",emptyStateDescriptionText:"Please contact our program support team to let them know you’re out of codes.",emptyStateImageUrl:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png",states:{noCodes:false,loading:false}};var ib=function(e){return t("sqm-pagination",{slot:e})};var ob=function(e){return t("sqm-portal-container",{gap:"small",slot:e},t("sqm-share-button",{medium:"email"},"Share via email"),t("sqm-share-button",{medium:"facebook"},"Share on Facebook"),t("sqm-share-button",{medium:"whatsapp"},"Share on WhatsApp"))};var lb=function(e){return t("sqm-referral-code",{slot:e})};var db=function(e){return t("sqm-referral-code",{slot:e,showNotificationText:true,notificationText:"You’ve copied this before."})};var ub=function(){return t("sqm-referral-codes",null,ib("pagination"),lb("shareCodes"),ob("shareButtons"))};var cb=function(){return t("sqm-referral-codes",null,ib("pagination"),db("shareCodes"),ob("shareButtons"))};var mb=function(){return t("sqm-referral-codes",{textColor:"red"},ib("pagination"),db("shareCodes"),ob("shareButtons"))};var pb=function(){return t("sqm-referral-codes",{demoData:{states:__assign(__assign({},sb.states),{noCodes:true})}},ib("pagination"),lb("shareCodes"),ob("shareButtons"))};var hb=function(){return t("sqm-referral-codes",{emptyStateHeaderText:"Tus nuevos códigos y enlaces aún no están listos",emptyStateDescriptionText:"Comuníquese con nuestro equipo de soporte del programa para informarles que no tiene códigos.",emptyStateImageUrl:"https://img.freepik.com/free-vector/hand-drawn-no-data-concept_52683-127829.jpg?t=st=1738890457~exp=1738894057~hmac=2f0f32c1f0fc051f47d772a4517e2e4c4f38af5069fb855edc96d8331d9d1329&w=826",demoData:{states:__assign(__assign({},sb.states),{noCodes:true})}},ib("pagination"),lb("shareCodes"),ob("shareButtons"))};var gb=function(){return t("sqm-referral-codes",{demoData:{states:__assign(__assign({},sb.states),{loading:true})}},ib("pagination"),lb("shareCodes"),ob("shareButtons"))};var fb=Object.freeze({__proto__:null,default:rb,ReferralCodes:ub,WithPreviouslyCopiedCode:cb,WithPreviouslyCopiedCodeAndCustomColor:mb,Empty:pb,EmptyWithCustomTextAndImage:hb,Loading:gb});var bb='@owner:sam\n@author:sam\n\nFeature: Referral Iframe\n\n\tUsed to provide an external form for submitting referral leads using the current user\'s referral code\n\n\tBackground: A user is logged in\n\t\tGiven there is a logged in user\n\n\t@motivating\n\tScenario: Referral code is passed to the iframe as a query parameter\n\t\tGiven the "iframe-src" is "https://example.com"\n\t\tAnd the user has navigated to "/refer"\n\t\tAnd the user\'s referral code is "BOBBYREFER"\n\t\tWhen the iframe content is loaded\n\t\tThen the iframe url will be "https://example.com?rsCode=BOBBYREFER"\n\n\t@ui\n\tScenario Outline: The height and width of the iFrame can be controlled via props\n\t\tGiven the "iframe-src" is "https://example.com"\n\t\tAnd the iframe content is 1000x1000\n\t\tAnd the "iframe-height" is set to <heightValue>\n\t\tAnd the "iframe-width" is set to <widthValue>\n\t\tThen the content of the iframe will be displayed with scrollbars\n\t\tAnd the dimension of the iFrame displayed will be 500x500\n\t\tWhen the "iframe-height" is set to <heightValue>\n\t\tAnd the "iframe-width" is set to <widthValue>\n\t\tThen the full content of the iframe will be displayed on the page\n\t\tAnd the dimension of the iFrame displayed will be 1000x1000\n\t\tExamples:\n\t\t| heightValue | widthValue |\n\t\t| 500px       | 500px      |\n\t\t| 50%         | 50%        |\n\n\t@minutia\n\tScenario Outline: The iFrame will fail fast if a iFrame source isn\'t provided\n\t\tGiven "iframe-src" <mayBeAnAttribute>\n\t\tAnd it <mayHaveValue>\n\t\tWhen a user views the referral iFrame component\n\t\tThen an alert with an error message is displayed in place of the iFrame\n\t\tAnd it has a details section\n\t\tWhen "More details" is clicked\n\t\tThen the following information will be displayed\n\t\t| component being used |\n\t\t| missing attribute(s) |\n\n\tExamples:\n\t\t| mayBeAnAttribute    | mayHaveValue |\n\t\t| is not an attribute | N/A          |\n\t\t| is an attribute     | ""           |\n\t\t| is an attribute     |              |';var vb={title:"Components/Referral Iframe",parameters:{scenario:bb}};var xb={data:{shareCode:"BOBBYREFER"},states:{content:{iframeSrc:"https://example.com",iframeHeight:"100%",iframeWidth:"100%"}}};var wb=function(){return t("div",{style:{width:"1000px",height:"1000px"}},t(ne,Object.assign({},xb)))};var yb=function(){return t("div",{style:{width:"1000px",height:"1000px"}},t("sqm-referral-iframe",null))};var _b=Object.freeze({__proto__:null,default:vb,ReferralIframe:wb,ReferralIframeError:yb});var qb='@author:noah\n@owner:noah\nFeature: Referral Table User Column\n\n    Shows the same custom content for each referral\n\n    Background:\n        Given the column in included in the referral table\n\n    @motivating\n    Scenario: The title of the date column is configurable\n        Given the "column-title" prop is set to "My column title"\n        Then the date column is shown with "My column title"\n\n    @motivating\n    Scenario: The same custom content is shown for each referral\n        Given there is at least one referral\n        Then for each referral custom content is shown\n        And the custom content is provided as slot content';var Eb='@author:noah\n@owner:noah\nFeature: Referral Table Date Column\n\n    Shows the date of each referral\n\n    Background:\n        Given the date column is included in the referral table\n\n    @motivating\n    @ui\n    Scenario Outline: The title of the date column is configurable\n        Given the "column-title" prop is set to <value>\n        Then the date column is shown with <columTitle>\n        Examples:\n            | value           | columnTitle     |\n            |                 | Date Converted  |\n            | My column title | My column title |\n\n    @motivating\n    Scenario Outline: A configurable date associated with the referral is shown for each referral\n        Given the "date-shown" prop is set to <dateType>\n        And referrals exist\n        Then for each referral the <referralDate> is shown in the table\n        And the date is localized to the users locale\n        Examples:\n            | dateType            | referralDate          |\n            | dateReferralStarted | date referral started |\n            | dateReferralPaid    | date referral paid    |\n            | dateReferralEnded   | date referral ended   |\n            | dateModerated       | date moderated        |\n            | dateUserModified    | date user modified    |\n            | dateConverted       | date converted        |\n            | dateModified        | date modified         |\n            |                     | date converted        |';var kb='@author:noah @owner:noah\nFeature: Referral Table Reward Column\n  Shows the reward associated with each referral\n\n  Background: \n    Given the status column is included in the referral table\n    And at least one referral exists\n\n  @motivating @ui\n  Scenario Outline: The referral reward and it\'s status are shown for each referral\n    Then for each referral reward there exists a reward cell\n    And the reward type and value is displayed in the cell\n    And the status of each reward is displayed as a pill in the cell\n    And rewards of <status> have a <pillColour> pill with the text <statusText>\n\n    Examples: \n      | status                   | pillColour | statusText       |\n      | Available                | green      | Available        |\n      | Pending                  | orange     | Pending          |\n      | Pending Tax Review       | orange     | Pending          |\n      | Pending New Tax Form     | orange     | Pending          |\n      | Pending Tax Submission   | orange     | Pending          |\n      | Pending Partner Creation | orange     | Pending          |\n      | Cancelled                | red        | Cancelled        |\n      | Payout Overdue           | red        | Payout Failed    |\n      | Payout Reversed          | red        | Payout Cancelled |\n      | Expired                  | red        | Expired          |\n      | Redeemed                 | blue       | Redeemed         |\n      | Payout Transferred       | blue       | Payout Approved  |\n      | Payout Not Yet Due       | blue       | Payout Approved  |\n      | Pending Review           | orange     | Pending Review   |\n      | Denied                   | red        | Denied           |\n\n  @motivating\n  Scenario: The pending period of a referral reward is shown if it exists\n    Given a reward that is pending\n    And the reward has a set pending period\n    Then the status pill of the reward will instead have the text "Pending for <relativeTime>"\n    And all dates are localized to the users locale\n\n    Examples: \n      | relativeTime |\n      |       2 days |\n      |       1 week |\n      |     3 months |\n      |      2 years |\n\n  @motivating\n  Scenario: The expiry date of a reward is shown if it exists\n    Given a reward that is available\n    And the reward has a set expiry date\n    Then an additional grey pill will appear next to the status pill with the text "Expiring in <relativeTime>"\n    And all dates are localized to the users locale\n\n    Examples: \n      | relativeTime |\n      |       2 days |\n      |       1 week |\n      |     3 months |\n      |      2 years |\n\n  @motivating\n  Scenario: Each reward can be expanded to show additional details about the reward\n    When a reward cell is clicked\n    Then it expands to show the following additional information (if it\'s available):\n      | Date the reward was received       |\n      | Date the reward was cancelled      |\n      | Date the reward expires            |\n      | Date the reward is pending until   |\n      | Payout process start date          |\n      | Payout retry date on failure       |\n      | Description for tax pending reason |\n      | Coupon code                        |\n    And all dates are localized to a users locale\n';var Tb='@author:noah\n@owner:noah\nFeature: Referral Table Status Column\n\n  Shows the status of each referral\n\n  Background:\n    Given the status column is included in the referral table\n\n  @motivating\n  @ui\n  Scenario: The title of the date column is configurable\n    Given the "column-title" prop is set to "My column title"\n    Then the date column is shown with "My column title"\n\n  @motivating\n  Scenario: The status column\'s fraudStatus maps to the fraud status of the referral\n    Given at least one referral\n    Then the referral cell fraud status is set to `moderationStatus` of the referral\n\n  @motivating\n  Scenario Outline: The status column displays the status of each referral\n    Given referrals exist\n    Then the status of each referral is displayed\n    And the status <status> is displayed as text from <statusTextProp> in a <pillColour> pill\n\n    Examples:\n      | status      | statusTextProp          | pillColour |\n      | In Progress | inProgressStatusText    | Orange     |\n      | Converted   | convertedStatusText     | Green      |\n      | Pending     | pendingReviewStatusText | Orange     |\n      | Denied      | deniedStatusText        | Red        |\n';var Cb='@author:noah\n@owner:noah\nFeature: Referral Table User Column\n\n    Shows the user of each referral\n\n    Background:\n        Given the user column is included in the referral table\n\n    @motivating\n    @ui\n    Scenario: The title of the date column is configurable\n        Given the "column-title" prop is set to "My column title"\n        Then the date column is shown with "My column title"\n\n    @motivating\n    Scenario: The first and last name of the other user in the referral is displayed for each referral\n        Given at least one referral exists\n        Then for each referral where the other user\'s name is available their first and last name is displayed\n\n    @motivating\n    Scenario: Deleted users are displayed with a fallback name\n        Given a referral exists where the other user was deleted\n        Then in place of the name the text from the prop "deleted-user" is used\n\n    @motivating\n    Scenario: Anonymous users are displayed with a fallback name\n        Given a referral exists where the other user was anonymous\n        Then in place of the name the text from the prop "anonymous-user" is used';var Ab=qb+Eb+kb+Tb+Cb;var Db={title:"Components/Referral Table Cell",parameters:{scenario:Ab}};var Sb=function(){return t("sqm-referral-table-cell",{innerTemplate:"Table Cell Text"})};var Rb=function(){return t("sqm-referral-table-user-cell",{name:"Table User Cell Text"})};var Ib=function(){return t("sqm-sqm-referral-table-cell",null,"-")};var Pb=function(){return t("sqm-referral-table-status-cell",{"status-text":"Converted","fraud-status":"APPROVED",converted:true})};var Nb=function(){return t("sqm-referral-table-status-cell",{"status-text":"In Progress",converted:false})};var Fb=function(){return t("sqm-referral-table-status-cell",{"status-text":"Pending","fraud-status":"PENDING_REVIEW",converted:false})};var Ob=function(){return t("sqm-referral-table-status-cell",{"status-text":"Pending",converted:false})};var Lb=function(){return t("sqm-referral-table-status-cell",{"status-text":"Denied","fraud-status":"DENIED",converted:false})};var Bb=function(){return t("sqm-referral-table-date-cell",{date:9e11})};var Gb={id:"123",type:"CREDIT",value:19,unit:"POINT",name:"test",dateGiven:1627427794891,dateScheduledFor:16281468e5,dateExpires:16290108e5,dateCancelled:134400,dateRedeemed:0,fuelTankCode:"ABC",fuelTankType:"Code",currency:"null",prettyValue:"19 Points",statuses:["AVAILABLE"],globalRewardKey:"Key",rewardRedemptionTransactions:{data:[{exchangedRewards:{data:[{prettyValue:"19 Points",type:"CREDIT",fuelTankCode:"ABC",globalRewardKey:"Key"}]}}]}};var jb=[Gb];var Wb=function(){return t("sqm-referral-table-rewards-cell",{rewards:jb,statusText:"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",statusLongText:"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} REDEEMED {Redeemed} other {Not available} }",fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}"})};var Mb=Object.freeze({__proto__:null,default:Db,TableCell:Sb,TableUserCell:Rb,EmptyCell:Ib,Converted:Pb,InProgress:Nb,PendingReview:Fb,Pending:Ob,Denied:Lb,DateCell:Bb,RewardsCell:Wb});var Ub=qb+Eb+kb+Tb+Cb;var Vb={title:"Components/Referral Table Rewards Cell",parameters:{scenario:Ub}};var zb={id:"123",type:"CREDIT",value:19,unit:"POINT",name:"test",dateGiven:1627427794891,dateScheduledFor:kv(),dateExpires:Tv(),dateCancelled:134400,dateRedeemed:0,fuelTankCode:"ABC",fuelTankType:"Code",currency:"null",prettyValue:"19 Points",statuses:["AVAILABLE"],globalRewardKey:"Key",rewardRedemptionTransactions:{data:[{exchangedRewards:{data:[{prettyValue:"19 Points",type:"CREDIT",fuelTankCode:"ABC",globalRewardKey:"Key"}]}}]}};var Hb={id:"1234",type:"CREDIT",value:50,unit:"USD",name:"test",dateScheduledFor:kv(),dateExpires:Tv(),dateCancelled:134400,dateRedeemed:0,fuelTankCode:null,fuelTankType:null,currency:"USD",prettyValue:"$50.00",statuses:["AVAILABLE"],globalRewardKey:"Key",rewardRedemptionTransactions:null};var Yb={id:"1234",type:"CREDIT",value:50,unit:"USD",name:"test",dateScheduledFor:kv(),dateExpires:Tv(),datePayoutExpected:kv(),dateCancelled:134400,dateRedeemed:0,fuelTankCode:null,fuelTankType:null,currency:"USD",prettyValue:"$50.00",statuses:["AVAILABLE"],globalRewardKey:"Key",rewardRedemptionTransactions:null};var Xb={dateExpires:null};var $b={dateScheduledFor:null};var Jb={fuelTankCode:null};var Kb={type:"PCT_DISCOUNT"};var Zb={type:"CREDIT"};var Qb={type:"FUELTANK"};var ev={type:"INTEGRATION"};var tv={statuses:["AVAILABLE","PENDING"]};var nv={statuses:["PAYOUT_SENT"]};var av={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5};var rv={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5};var sv={statuses:["DENIED"]};var iv={statuses:["PAYOUT_FAILED"]};var ov={statuses:["PAYOUT_CANCELLED"]};var lv={statuses:["PENDING_REVIEW"]};var dv={statuses:["PENDING_TAX_REVIEW"]};var uv={statuses:["PENDING_NEW_TAX_FORM"]};var cv={statuses:["PENDING_TAX_SUBMISSION"]};var mv={statuses:["PENDING_PARTNER_CREATION"]};var pv={statuses:["AVAILABLE","EXPIRED","REDEEMED"]};var hv={statuses:["AVAILABLE"]};var gv=[];var fv=[__assign(__assign({},zb),hv)];var bv=[__assign(__assign(__assign({},zb),Kb),tv),__assign(__assign({},zb),Zb)];var vv=[__assign(__assign(__assign({},zb),Qb),Xb),__assign(__assign(__assign({},zb),Qb),rv),__assign(__assign(__assign({},zb),tv),Jb)];var xv=[__assign(__assign({},zb),Qb),__assign(__assign({},zb),ev),__assign(__assign({},zb),tv),__assign(__assign(__assign(__assign({},zb),av),Xb),Jb),__assign(__assign(__assign({},zb),rv),Jb)];var wv=[__assign(__assign(__assign({},zb),pv),Jb),__assign(__assign(__assign({},zb),hv),Xb),__assign(__assign({},zb),tv),__assign(__assign({},zb),av),__assign(__assign({},zb),rv),__assign(__assign(__assign(__assign({},zb),tv),Xb),$b),__assign(__assign({},zb),av),__assign(__assign({},zb),rv)];var yv=[__assign(__assign({},zb),ev),__assign(__assign({},zb),pv),__assign(__assign({},zb),hv),__assign(__assign(__assign({},zb),av),Xb),__assign(__assign({},zb),rv),__assign(__assign({},zb),tv),__assign(__assign({},zb),Kb),__assign(__assign({},zb),Qb),__assign(__assign(__assign({},zb),av),Xb),__assign(__assign({},zb),Zb)];function _v(){return x.DateTime.now().toMillis()+1e4}function qv(){return x.DateTime.now().toMillis()+4e5}function Ev(){return x.DateTime.now().toMillis()+9e6}function kv(){return x.DateTime.now().toMillis()+6e8}function Tv(){return x.DateTime.now().toMillis()+1e10}function Cv(){return x.DateTime.now().toMillis()+2e11}var Av="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";var Dv="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";var Sv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),tv),$b)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Rv=function(){return t("sqm-referral-table-rewards-cell",{hideDetails:true,rewards:[__assign(__assign(__assign({},zb),tv),$b)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Iv=function(){return t("div",{style:{width:"250px"}},t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),tv),{dateScheduledFor:kv()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},zb),tv)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"Pending for 300,000,000 months and some change",deniedHelpText:"Contact support if you think this is a mistake."}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),tv),{dateScheduledFor:Cv()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."}))};var Pv=function(){return[t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),tv),{dateScheduledFor:_v()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),tv),{dateScheduledFor:qv()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),tv),{dateScheduledFor:Ev()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),tv),{dateScheduledFor:kv()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),tv),{dateScheduledFor:Tv()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),tv),{dateScheduledFor:Cv()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})]};var Nv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),hv),Xb)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Fv=function(){return[t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),hv),{dateExpires:_v()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),hv),{dateExpires:qv()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),hv),{dateExpires:Ev()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),hv),{dateExpires:kv()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),hv),{dateExpires:Tv()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},zb),hv),{dateExpires:Cv()})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})]};var Ov=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},zb),pv)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Lv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},Yb),nv)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Bv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},zb),av)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Gv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},zb),rv)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var jv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},zb),sv)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Wv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},Yb),iv),{datePayoutRetried:kv(),dateGiven:null})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Mv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},Yb),iv),{datePayoutRetried:kv(),dateGiven:null})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Uv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},Yb),ov),{datePayoutRetried:kv(),dateGiven:null})],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Vv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},zb),lv)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var zv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},Hb),dv)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Hv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},Hb),uv)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Yv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},Hb),cv)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Xv=function(){return t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},Hb),mv)],statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var $v=function(){return t("sqm-referral-table-rewards-cell",{rewards:gv,statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Jv=function(){return t("sqm-referral-table-rewards-cell",{rewards:fv,statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Kv=function(){return t("sqm-referral-table-rewards-cell",{rewards:bv,statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Zv=function(){return t("sqm-referral-table-rewards-cell",{rewards:vv,statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var Qv=function(){return t("sqm-referral-table-rewards-cell",{rewards:xv,statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var ex=function(){return t("sqm-referral-table-rewards-cell",{rewards:wv,statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var tx=function(){return t("sqm-referral-table-rewards-cell",{rewards:yv,statusText:Av,statusLongText:Dv,fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}",deniedHelpText:"Contact support if you think this is a mistake."})};var nx=Object.freeze({__proto__:null,default:Vb,PendingNoUnpend:Sv,PendingNoUnpendNoDetails:Rv,NarrowColumnWithWideText:Iv,PendingWithUnpend:Pv,AvailableNoExpiry:Nv,AvailableWithExpiry:Fv,Redeemed:Ov,PayoutSent:Lv,Cancelled:Bv,Expired:Gv,Denied:jv,PayoutFailed:Wv,PayoutDenied:Mv,PayoutCancelled:Uv,PendingReview:Vv,PendingTaxReview:zv,PendingNewTaxForm:Hv,PendingTaxSubmission:Yv,PendingPartnerCreation:Xv,EmptyCell:$v,oneRewardCell:Jv,twoRewardsCell:Kv,threeRewardsCell:Zv,fiveRewardsCell:Qv,eightRewardsCell:ex,tenRewardsCell:tx});var ax='@owner:sam\n@author:sam\nFeature: Referral Table\n\n    The Referral table component shows users a list of their referrals. The referral table it\'s self can be customized\n    with a collection of columns.\n\n    @motivating\n    @ui\n    Scenario: The empty state is shown if there are no referrals\n        Given a user with no referrals\n        When they view the referral table\n        Then no referrals are displayed\n        And they see an image with a user icon\n        And "View your referral details" in bold\n        And "Track the status of your referrals and rewards earned by referring friends" below the bolded text\n        And the pagination buttons are disabled\n\n    @motivating\n    @ui\n    Scenario: The empty state image and text are customizable\n        Given the referral table has \'sqm-empty\' as a child with the following props\n            | prop               | value                                                                                                                           |\n            | empty-state-imgage | https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png |\n            | empty-state-header | View your referral history                                                                                                      |\n            | empty-state-text   | See your previous referrals and what you earned!                                                                                |\n        And a user with no referrals\n        When they view the referral table\n        Then they see no referrals\n        And they see the SaaSquatch logo\n        And "View your referral history" in bold\n        And "See your previous referrals and what you earned!" below the bolded text\n\n    @minutia\n    @ui\n    Scenario: A custom empty state can be provided\n        Given a user with no referrals\n        And a custom empty state has been supplied in the "empty" slot\n        When they view the referral table\n        Then they see the custom empty state\n\n    @motivating\n    @ui\n    Scenario: The loading state is shown while referrals are loading\n        Given the table is loading\n        Then the loading state is shown in the table\n        And a custom loading state can be supplied in the "loading" slot\n        And the pagination buttons are disabled\n\n    @motivating\n    @ui\n    Scenario Outline: The table becomes paginated when the number of referrals exceeds the per page limit\n        Given the user has <number of referrals>\n        And the table is configured to show <page limit> referrals per page\n        Then the table will have <number of pages> page(s)\n        And pagination buttons will allow users to navigate between pages\n        And the pagination button to go to the next page is disabled on the last page of referrals\n        And the pagination button to go to the previous page is disabled on the first page of referrals\n        Examples:\n            | number of referrals | page limit | number of pages |\n            | 0                   | 4          | 1               |\n            | 1                   | 4          | 1               |\n            | 3                   | 4          | 1               |\n            | 5                   | 4          | 2               |\n            | 42                  | 4          | 11              |\n\n    @motivating\n    @ui\n    Scenario: The table converts to a card view on tablet and mobile window sizes\n        Given a user with referrals\n        When they view the table\n        And their window size is smaller than "799px"\n        Then referrals are displayed as cards\n        And they are in two columns\n        When their window size is smaller than "599px"\n        Then the referrals are displayed as cards in a singular column\n\n    @motivating\n    @ui\n    Scenario: Table and Mobile beakpoints can be configured\n        Given the referral table has been configured with the following props\n            | prop         | value |\n            | smBreakpoint | 599   |\n            | mdBreakpoint | 799   |\n        And a user with referrals\n        When they view the table\n        And their window size is smaller than "799px"\n        Then referrals are displayed as cards\n        And they are in two columns\n        When their window size is smaller than "599px"\n        Then the referrals are displayed as cards in a singular column\n\n    @motivating\n    @ui\n    Scenario Outline: By default the first column heading is hidden in mobile, but others can be hidden\n        Given a referral table with 4 columns\n        And prop "hidden-columns" with <hideColumnValue>\n        And a user with referrals\n        When they view the referral table\n        And their window size is below the tablet breakpoint\n        Then referral cards are displayed\n        And the titles of <columnsArehidden> within the card\n        Examples:\n            | hideColumnValue | columnsArehidden                    |\n            |                 | the first column                    |\n            | 0,1,2           | the first, second and third columns |\n            | 3               | the fourth column                   |\n\n    @motivating\n    Scenario: The use who referred the current user can be shown in the table\n        Given the table is configured with <showReferrer> set to true\n        And the current user was referrered by <referrer>\n        Then the first table row on the first page of the table is for <referrer>\n\n    @motivating\n    Scenario: Only referrals which occured in the program specific by program-id are shown\n        Given the table is configured with "program-id"\n        Then only referrals from the program with "program-id" are shown\n\n    @motivating\n    Scenario: Classic program shows only classic referrals\n        Given the "program-id" of the table is set to "classic"\n        Then only classic referrals are shown in the table\n\n    @minutia\n    @ui\n    Scenario: Column heading can be hidden\n        Given the table is configured with "hide-labels" set to "true"\n        Then the table is displayed without column headings';var rx={title:"Components/Referral Table",parameters:{scenario:ax}};var sx=t("div",{slot:"loading",style:{display:"contents"}},t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sqm-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sqm-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sqm-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sqm-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sqm-skeleton",null))));var ix=t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_referral2.png","empty-state-header":"View your referral details","empty-state-text":"Track the status of your referrals and rewards earned by referring friends"});var ox={id:"123",type:"CREDIT",value:19,unit:"POINT",name:"test",dateGiven:1627427794891,dateScheduledFor:16281468e5,dateExpires:16290108e5,dateCancelled:134400,dateRedeemed:0,fuelTankCode:"ABC",fuelTankType:"Code",currency:"null",prettyValue:"19 Points",statuses:["AVAILABLE"],globalRewardKey:"Key",rewardRedemptionTransactions:{data:[{exchangedRewards:{data:[{prettyValue:"19 Points",type:"CREDIT",fuelTankCode:"ABC",globalRewardKey:"Key"}]}}]}};var lx={statuses:["AVAILABLE","PENDING"]};var dx={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5};var ux={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5};var cx={statuses:["AVAILABLE"]};var mx={dateExpires:null};var px={states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:799,smBreakpoint:599},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},elements:{columns:["Customer","Status","Date converted","Rewards"],rows:[[t("sqm-referral-table-user-cell",{name:"Joe Smith"}),t(Ob,null),t(Bb,null),t(Sv,null)],[t("sqm-referral-table-user-cell",{name:"Bob Williams"}),t(Nb,null),t(Bb,null),t(Nv,null)],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t(Pb,null),t(Bb,null),t(Ov,null)],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t(Pb,null),t(Bb,null),t(Lv,null)],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t(Pb,null),t(Bb,null),t(Wv,null)],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t(Pb,null),t(Bb,null),t(Uv,null)],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t(Pb,null),t(Bb,null),t(Hv,null)],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t(Pb,null),t(Bb,null),t(Xv,null)],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t(Pb,null),t(Bb,null),t(zv,null)],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t(Pb,null),t(Bb,null),t(Yv,null)],[t("sqm-referral-table-user-cell",{name:"Tom Smith"}),t(Fb,null),t(Bb,null),t(Vv,null)],[t("sqm-referral-table-user-cell",{name:"Tom Smith"}),t(Lb,null),t(Bb,null),t(jv,null)]]}};var hx={states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:799,smBreakpoint:599},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},elements:{columns:["Customer","Status","Date converted","Rewards"],rows:[[t("sqm-referral-table-user-cell",{name:"Bob Williams"}),t("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),t("sqm-referral-table-user-cell",{name:"09/05/1999"}),t(Nv,null)]]}};var gx={data:{textOverrides:{showLabels:false,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:799,smBreakpoint:599}};var fx={states:{hasPrev:true,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"CUSTOM PREVIOUS TEXT",moreLabel:"CUSTOM NEXT TEXT"},hiddenColumns:"",mdBreakpoint:799,smBreakpoint:599}};var bx={states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:799,smBreakpoint:599},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},elements:{columns:["Name","Email","DOB","City","State/Province","Country","Referrals","Reward Earnings","Status"],rows:[[t("sqm-referral-table-user-cell",{name:"Bartholomew Christopher-Johnston Wallace"}),t("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),t("sqm-referral-table-date-cell",{date:-220896e5}),t("sqm-referral-table-user-cell",{name:"Vancouver"}),t("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"14,000,000"}),t("sqm-referral-table-user-cell",{name:"$800,000,000,000"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[t("sqm-referral-table-user-cell",{name:"Bob Williams"}),t("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),t("sqm-referral-table-date-cell",{date:8e11}),t("sqm-referral-table-user-cell",{name:"Los Angeles"}),t("sqm-referral-table-cell",{innerTemplate:"California"}),t("sqm-referral-table-user-cell",{name:"US"}),t("sqm-referral-table-user-cell",{name:"1"}),t("sqm-referral-table-user-cell",{name:"$5"}),t("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),t("sqm-referral-table-date-cell",{date:444703707e3}),t("sqm-referral-table-user-cell",{name:"Toronto"}),t("sqm-referral-table-cell",{innerTemplate:"Ontario"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"10"}),t("sqm-referral-table-user-cell",{name:"$71"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}};var vx={states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:799,smBreakpoint:599},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},elements:{columns:["Lorem ipsum dolor sit amet consectetur adipisicing elit.","Email","DOB","City","State/Province","Country","Referrals","Rewarddddddddddd Earningsssssssssssss","Status"],rows:[[t("sqm-referral-table-user-cell",{name:"Joe Smith"}),t("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),t("sqm-referral-table-date-cell",{date:-2128547493e3}),t("sqm-referral-table-user-cell",{name:"Vancouver"}),t("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"14"}),t("sqm-referral-table-user-cell",{name:"$88"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[t("sqm-referral-table-user-cell",{name:"Bob Williams"}),t("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),t("sqm-referral-table-date-cell",{date:8e11}),t("sqm-referral-table-user-cell",{name:"Los Angeles"}),t("sqm-referral-table-cell",{innerTemplate:"California"}),t("sqm-referral-table-user-cell",{name:"US"}),t("sqm-referral-table-user-cell",{name:"1"}),t("sqm-referral-table-user-cell",{name:"$5"}),t("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),t("sqm-referral-table-date-cell",{date:444703707e3}),t("sqm-referral-table-user-cell",{name:"Toronto"}),t("sqm-referral-table-cell",{innerTemplate:"Ontario"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"10"}),t("sqm-referral-table-user-cell",{name:"$71"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}};var xx=function(e){if(e===void 0){e=false}return{states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:e?"0,1,2,3,4,5,6,7,8":"-1",mdBreakpoint:799,smBreakpoint:599},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},elements:{columns:["Name","Email","DOB","City","State/Province","Country","Referrals","Reward Earnings","Status"],rows:[[t("sqm-referral-table-user-cell",{name:"Joe Smith"}),t("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),t("sqm-referral-table-date-cell",{date:-2128547493e3}),t("sqm-referral-table-user-cell",{name:"Vancouver"}),t("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"14"}),t("sqm-referral-table-user-cell",{name:"$88"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[t("sqm-referral-table-user-cell",{name:"Bob Williams"}),t("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),t("sqm-referral-table-date-cell",{date:8e11}),t("sqm-referral-table-user-cell",{name:"Los Angeles"}),t("sqm-referral-table-cell",{innerTemplate:"California"}),t("sqm-referral-table-user-cell",{name:"US"}),t("sqm-referral-table-user-cell",{name:"1"}),t("sqm-referral-table-user-cell",{name:"$5"}),t("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),t("sqm-referral-table-date-cell",{date:444703707e3}),t("sqm-referral-table-user-cell",{name:"Toronto"}),t("sqm-referral-table-cell",{innerTemplate:"Ontario"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"10"}),t("sqm-referral-table-user-cell",{name:"$71"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}}};var wx=function(){return t(v,Object.assign({},px))};var yx=function(){return t(v,Object.assign({},hx))};var _x=function(){return t(v,Object.assign({},__assign(__assign({},px),gx)))};var qx=function(){return t(v,Object.assign({},__assign(__assign({},px),fx)))};var Ex=function(){return t(v,Object.assign({},xx()))};var kx=function(){return t(v,Object.assign({},bx))};var Tx=function(){return t(v,Object.assign({},vx))};var Cx=function(){return t("sqm-referral-table",{demoData:{states:{hasPrev:false,hasNext:false,show:"empty",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:799,smBreakpoint:599},elements:{emptyElement:ix,loadingElement:sx,columns:["Name","Email","DOB"],rows:[]}}})};var Ax=function(){return t("sqm-referral-table",{demoData:{states:{hasPrev:false,hasNext:false,show:"loading",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:799,smBreakpoint:599},elements:{emptyElement:ix,loadingElement:sx,columns:["Name","Email","DOB"],rows:[]}}})};var Dx=function(){return t("sqm-referral-table",{demoData:{states:{hasPrev:false,hasNext:false,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"1",mdBreakpoint:799,smBreakpoint:599},elements:{emptyElement:ix,loadingElement:sx,columns:["User","Rewards","Status","Date Started","Date Converted"],rows:[[t("sqm-referral-table-user-cell",{name:"Joe Smith"}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},ox),cx),__assign(__assign({},ox),lx),__assign(__assign({},ox),dx)],statusText:"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",statusLongText:"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} REDEEMED {Redeemed} other {Not available} }",fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),t("sqm-referral-table-date-cell",{date:16267644e5}),t("sqm-referral-table-date-cell",{date:1627427794891})],[t("sqm-referral-table-user-cell",{name:"Sarah Williams"}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},ox),ux)],statusText:"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",statusLongText:"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} REDEEMED {Redeemed} other {Not available} }",fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}"}),t("sqm-referral-table-status-cell",{statusText:"Incomplete",converted:false}),t("sqm-referral-table-date-cell",{date:16267644e5}),t("sqm-referral-table-date-cell",{date:null})],[t("sqm-referral-table-user-cell",{name:"Marvin Smith"}),t("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},ox),mx),__assign(__assign({},ox),lx)],statusText:"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",statusLongText:"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} REDEEMED {Redeemed} other {Not available} }",fuelTankText:"Your code is",rewardReceivedText:"Reward received on",expiringText:"Expiring in",pendingForText:"{status} for {date}"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),t("sqm-referral-table-date-cell",{date:16267644e5}),t("sqm-referral-table-date-cell",{date:1627427794891})]]}}})};var Sx=function(){return t(v,Object.assign({},xx(true)))};var Rx=Object.freeze({__proto__:null,default:rx,SimpleUserTable:wx,SingleEntry:yx,HiddenLabelsTable:_x,CustomButtonTextTable:qx,FullUserTable:Ex,LongCellTextTable:kx,LongColumnTextTable:Tx,EmptyTable:Cx,LoadingTable:Ax,FullRewardsTable:Dx,ColumnsMobileHidden:Sx});var Ix={title:"Hooks / useReferralTable"};function Px(){var e="testestest";var t=e;window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com"};l((function(){c({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;c(undefined)}}),[]);return{id:e,accountId:t}}function Nx(e){var t=e.token,n=e.id;var a=n;window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com"};l((function(){c({accountId:a,id:n,jwt:t});return function(){window.widgetIdent=undefined;c(undefined)}}),[]);return{id:n,accountId:a}}var Fx=hr((function(){Px();m("sam-partner-test-2");return t("sqm-referral-table",null,t("sqm-referral-table-user-column",null),t("sqm-referral-table-status-column",null),t("sqm-referral-table-date-column",null),t("sqm-referral-table-rewards-column",null))}));var Ox=hr((function(){return t("sqm-referral-table",null,t("sqm-referral-table-user-column",null),t("sqm-referral-table-status-column",null),t("sqm-referral-table-date-column",null),t("sqm-referral-table-rewards-column",null))}));var Lx=hr((function(){return t("sqm-referral-table",{"show-referrer":"true"},t("sqm-referral-table-user-column",null),t("sqm-referral-table-status-column",null),t("sqm-referral-table-date-column",null),t("sqm-referral-table-rewards-column",null))}));var Bx=hr((function(){Nx({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",id:"samenglish"});m("klip-referral-program");return t("sqm-referral-table",{"per-page":"4"},t("sqm-referral-table-user-column",{"column-title":"User"}),t("sqm-referral-table-status-column",{"column-title":"Referral Status"}),t("sqm-referral-table-rewards-column",null),t("sqm-referral-table-date-column",{"column-title":"Date Referred","date-shown":"dateReferralStarted"}))}));var Gx=hr((function(){Nx({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",id:"samturkey"});m("klip-referral-program");return t("sqm-referral-table",{"more-label":"Daha","prev-label":"Öncesi","empty-state-text":"Henüz Ödül Yok","per-page":"4"},t("sqm-referral-table-user-column",{"column-title":"Kullanıcılar","anonymous-user":"Anonim Kullanıcı","deleted-user":"Silinmiş Kullanıcı"}),t("sqm-referral-table-status-column",{"column-title":"Durumu","converted-status-text":"Dönüştür","in-progress-status-text":"Devam etmekte"}),t("sqm-referral-table-rewards-column",{"column-title":"Ödüller","status-text":"{status, select, AVAILABLE {Mevcut} CANCELLED {İptal edildi} PENDING {Bekliyor} EXPIRED {Süresi doldu} REDEEMED {Kullanıldı} other {Müsait değil} }","status-long-text":"{status, select, AVAILABLE {Ödül süresi doluyor} CANCELLED {Ödül iptal edildi} PENDING {üzerinde mevcut} EXPIRED {Ödülün süresi doldu} other {Müsait değil} }","reward-received-text":"Ödül şu tarihte alındı:"}),t("sqm-referral-table-date-column",{"column-title":"Tarih","date-shown":"dateReferralStarted"}))}));var jx=hr((function(){Nx({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",id:"samfrench"});m("klip-referral-program");return t("sqm-referral-table",{"more-label":"Plus","prev-label":"Précédent","empty-state-text":"Aucune Référence Maintenant","per-page":"4"},t("sqm-referral-table-user-column",{"column-title":"Utilisateur","anonymous-user":"Utilisateur Anonyme","deleted-user":"Utilisateur Supprimé"}),t("sqm-referral-table-status-column",{"column-title":"Statut de Parrainage","converted-status-text":"Converti","in-progress-status-text":"En cours"}),t("sqm-referral-table-rewards-column",{"column-title":"Récompenses","status-text":"{status, select, AVAILABLE {Disponible} CANCELLED {Annulé} PENDING {En attente} EXPIRED {Expiré} REDEEMED {Racheté} other {Indisponible} }","status-long-text":"{status, select, AVAILABLE {Récompense expirant sur} CANCELLED {Récompense annulée sur} PENDING {Disponible sur} EXPIRED {Récompense expirée sur} other {Indisponible} }","reward-received-text":"Récompense reçue"}),t("sqm-referral-table-date-column",{"column-title":"Date de Référence","date-shown":"dateReferralStarted"}))}));var Wx=Object.freeze({__proto__:null,default:Ix,ReferralTable:Fx,ReferralTableDemoHook:Ox,ReferralTableDemoHookShowReferrer:Lx,ReferralTableEn:Bx,ReferralTableTr:Gx,ReferralTableFr:jx});var Mx='@author:derek\n@owner:derek\nFeature: Reward Exchange List\n\n    The Reward Exchange List gives end users the power to exchange their rewards for other rewards.\n    It populates a list from the reward exchange rules set up on a given tenant.\n\n    Background:\n        Given a tenant with reward exchange rules\n\n    @motivating\n    @ui\n    Scenario: The empty state is shown if there are no visible exchanges\n        Given a user with no visible exchanges\n        When they view the reward exchange\n        Then no exchange options are displayed\n        And they see an image of a present\n        And "Redeem Rewards" in bold\n        And "Use your points to redeem rewards once they become available" below the bolded text\n        And the pagination buttons are disabled\n\n    @minutia\n    @ui\n    Scenario: A custom empty state can be provided\n        Given a user with no visible exchanges\n        And a custom empty state has been supplied in the "empty" slot\n        When they view the reward exchange\n        Then they see the custom empty state\n\n    @motivating\n    @ui\n    Scenario: A Loading Skeleton is displayed when the reward exchange rules are loading\n        Given a user\n        When they load the reward exchange list\n        Then they see a loading Skeleton\n        And it has 8 skeleton cards\n        When the reward exchange rules have loaded\n        Then the skeleton is replaced with reward exchange options\n\n    @motivating\n    Scenario: An error banner appears when the reward exchange list fails to load\n        Given a user trying to view the reward exchange list\n        But it fails to load\n        Then an error banner is displayed\n        And it displays "Unable to load reward exchange list. Please try again"\n\n    @motivating\n    @ui\n    Scenario: The exchange progress bar progresses through the exchange process\n        Given a user who is eligible for the tenants reward exchange rules\n        When they view the reward exchange list\n        Then the process bar displays the following elements\n            | elements                                                           |\n            | Step 1 `Rewards` title in black                                    |\n            | Step 1 circle with green outline, white fill and number 1 in green |\n            | Step 2 `Select` title in grey                                      |\n            | Step 2 circle with grey fill and number 2 in white                 |\n            | Step 3 `Confirm` title in grey                                     |\n            | Step 3 circle with grey fill and number 3 in white                 |\n            | lines between all steps are greyed out                             |\n        When they continue to the selection page\n        Then the progress bar displays the following elements\n            | elements                                                           |\n            | Step 1 `Rewards` title in black                                    |\n            | Step 1 circle with white checkmark and green fill                  |\n            | Step 2 `Select` title in black                                     |\n            | Step 2 circle with green outline, white fill and number 2 in green |\n            | Step 3 `Confirm` title in grey                                     |\n            | Step 3 circle with grey fill and number 3 in white                 |\n            | Green line between step 1 and 2                                    |\n            | Grey line between step 2 and 3                                     |\n        When they continue to the confirmation page\n        Then the progress bar displays the following elements\n            | elements                                                           |\n            | Step 1 `Rewards` title in black                                    |\n            | Step 1 circle with white checkmark and green fill                  |\n            | Step 2 `Select` title in black                                     |\n            | Step 2 circle with white checkmark and green fill                  |\n            | Step 3 `Confirm` title in black                                    |\n            | Step 3 circle with green outline, white fill and number 3 in green |\n            | Green line between all steps                                       |\n        When they continue to the redemption page\n        Then the progress bar displays the following elements\n            | elements                                          |\n            | Step 1 `Rewards` title in black                   |\n            | Step 1 circle with white checkmark and green fill |\n            | Step 2 `Select` title in black                    |\n            | Step 2 circle with white checkmark and green fill |\n            | Step 3 `Confirm` title in black                   |\n            | Step 3 circle with white checkmark and green fill |\n            | Green line between all steps                      |\n\n    @motivating\n    Scenario: Users must choose a reward exchange option to continue to the selection page\n        Given a user who is eligible for the tenants reward exchange rules\n        When they view the reward exchange list\n        Then the \'Continue\' button is disabled\n        When they select a reward exchange card\n        Then the card is outlined in brand colour with a brand colour cirlcular check box icon in the top right\n        And the continue button is no longer disabled\n        When they click "Continue"\n        Then they are brought to the selection page\n\n    @motivating\n    @ui\n    Scenario: Reward exchange rule names and images are used in the reward exchange cards\n        Given a tenant reward exchange rule\n        And it has name "My Visa Exchange Rule"\n        And it has an image\n        When a user views the reward exchange list\n        Then they see a exchange card with title "My Visa Exchange Rule"\n        And the exchange image on the left hand side of the card\n\n    @motivating\n    Scenario Outline: Reward exchange source values are displayed on reward exchange cards\n        Given a <type> reward exchange rule\n        When a user views the reward exchange list\n        Then they see <text> under the name on the exchange option cards\n        And the pretty values are localized to a user locale\n        Examples:\n            | type                        | text                                                                |\n            | FIXED_GLOBAL_REWARD         | the exchange source pretty value                                    |\n            | STEPPED_FIXED_GLOBAL_REWARD | the exchange source min pretty value to the source max pretty value |\n            | VARIABLE_GLOBAL_REWARD      | the exchange source min pretty value to the source max pretty value |\n            | VARIABLE_CREDIT_REWARD      | the exchange source min pretty value to the source max pretty value |\n\n    @motivating\n    Scenario Outline: Reward exchange cards can display customized error messages\n        Given a reward exchange rule\n        And it has <availabilityPredicate>\n        And the reward exchange list has prop "not-available-error" with <value>\n        When the user views the reward exchange list\n        Then the card for the reward exchange rule is disabled\n        And <message> is displayed\n        Examples:\n            | availabilityPredicate                                         | value                                                                                                           | message                         |\n            | \'champion\' in user.segments ? "NOT_CHAMPION" : true           | {unavailableReasonCode, select, NOT_CHAMPION {Sorry must be a champion!} other {unavailableReasonCode} }        | Sorry must be a champion!       |\n            | user.customFields.purchaseCount < 10 ? "MORE_PURCHASE" : true | {unavailableReasonCode, select, MORE_PURCHASE {Complete 10 purchases to unlock} other {unavailableReasonCode} } | Complete 10 purchases to unlock |\n\n    @motivating\n    Scenario: Exchange options are disabled if they put a user over the W9 limit\n        Given a user who is approaching their W9 limit\n        And a reward exchange rule\n        And its destination reward has a US taxable value that would put the user over their limit\n        When they view the reward exchange list\n        Then the reward exchange card is disabled\n        And a "US Tax Limit" error message is displayed on to the right of a exclamation triangle icon\n        And the text is orange\n        And the icon is orange\n\n    @motivating\n    Scenario Outline: Exchange options are disabled if a users lacks enough credit to redeem\n        Given a <type> reward exchange rule\n        But the user lacks enough credit to exchange for it\n        When they view the reward exchange list\n        Then the reward exchange card is disabled\n        And a <text> error message is displayed on to the right of a exclamation triangle icon\n        And the text is orange\n        And the icon is orange\n        Examples:\n            | type                        | text                            |\n            | FIXED_GLOBAL_REWARD         | {prettySourceValue} required    |\n            | STEPPED_FIXED_GLOBAL_REWARD | {prettySourceMinValue} required |\n            | VARIABLE_GLOBAL_REWARD      | {prettySourceMinValue} required |\n            | VARIABLE_CREDIT_REWARD      | {prettySourceMinValue} required |\n\n    @motivating\n    Scenario: Users can go back to the Rewards page from the Select page\n        Given a user viewing the Select page\n        Then they see a "Cancel" text button\n        And a "Continue to confirmation" brand colour button in the bottom right corner\n        When they click "Cancel"\n        Then they return to the Rewards page\n\n    @motivating\n    Scenario: Users can go back to the Select Page from the Confirm page\n        Given a user viewing the Confirm page\n        Then they see a "Back" text button\n        And a "Redeem" brand colour button in the bottom right corner\n        When they click "Back"\n        Then they return to the Select Page\n\n    @motivating\n    Scenario: Reward rules with visibility predicates that evaluates to false are not shown\n        Given a tenant reward exchange rule with visibility predicates that evaluates to false\n        When a user views the reward exchange list\n        Then they do not see the card for that reward exchange rule\n\n    @motivating\n    Scenario Outline: Users can choose their reward option for variable rewards on the Select page\n        Given a <type> exchange rule\n        And it has the following fields\n            | fields      |\n            | name        |\n            | description |\n            | image       |\n        When a user views the reward exchange list\n        And they progress to the Select page for this exchange\n        Then they see the exchange rule image on the left hand side\n        And on the right hand side they see the following in this order from top to bottom\n            | elements                                                                                          |\n            | exchange name                                                                                     |\n            | exchange description                                                                              |\n            | select list with all exchange options using pretty values, destination reward above source reward |\n        Examples:\n            | type                        |\n            | STEPPED_FIXED_GLOBAL_REWARD |\n            | VARIABLE_GLOBAL_REWARD      |\n            | VARIABLE_CREDIT_REWARD      |\n\n    @motivating\n    Scenario: Users who selected a fixed exchange rule see exchange information on the Select page\n        Given a "FIXED_GLOBAL_REWARD" exchange rule\n        And it has the following fields\n            | fields      |\n            | name        |\n            | description |\n            | image       |\n        When a user views the reward exchange list\n        And they progress to the Select page for this exchange\n        Then they see the exchange rule image on the left hand side\n        And on the right hand side they see the following in this order from top to bottom\n            | elements                                               |\n            | exchange name                                          |\n            | exchange source pretty value displayed in brand colour |\n            | exchange description                                   |\n\n    @motivating\n    Scenario Outline: Users selection variable rewards can only select rewards they are eligible to exchange for\n        Given a <type> exchange rule\n        When a user views the reward exchange list\n        And they progress to the Select page for this exchange\n        Then they see a drop down with all the reward exchange selections\n        When they click on the drop down\n        But they are not eligible for all of the exchanges options <dueToReason>\n        Then the ineligble options are disabled\n        And under the source value is <text>\n        Examples:\n            | type                        | dueToReason                     | text                         |\n            | STEPPED_FIXED_GLOBAL_REWARD | due to insufficent source value | {prettySourceValue} required |\n            | VARIABLE_GLOBAL_REWARD      | due to insufficent source value | {prettySourceValue} required |\n            | VARIABLE_CREDIT_REWARD      | due to insufficent source value | {prettySourceValue} required |\n            | STEPPED_FIXED_GLOBAL_REWARD | W9                              | US Tax Limit                 |\n            | VARIABLE_GLOBAL_REWARD      | W9                              | US Tax Limit                 |\n            | VARIABLE_CREDIT_REWARD      | W9                              | US Tax Limit                 |\n\n    @motivating\n    Scenario Outline: The Confirm page allows users to view their exchange before committing\n        Given a <type> exchange rule\n        When a user views the reward exchange list\n        And they select the exchange\n        And they progress to Confirm page\n        Then they see a row with title "Reward"\n        And it contains the exchange name\n        And it contains the exchange image\n        And they <maySee> a row with title "Reward Amount"\n        And it <mayContain> <amountTitle>\n        And they see a row with title "Cost to Redeem"\n        And it contains the source reward pretty value in bolded text\n        Examples:\n            | type                        | maySee | mayContain      | amountTitle                  |\n            | FIXED_GLOBAL_REWARD         | don\'t  | doesn\'t contain | N/A                          |\n            | VARIABLE_GLOBAL_REWARD      | see    | contains        | the pretty destination value |\n            | STEPPED_FIXED_GLOBAL_REWARD | see    | contains        | the pretty destination value |\n            | VARIABLE_CREDIT_REWARD      | see    | contains        | the pretty destination value |\n\n    @motivating\n    Scenario: An error banner is displayed if an error occurs during redemeption\n        Given a user has selected a reward to exchange\n        And is on the confirmation page\n        When they click "Redeem"\n        But an error occurs\n        Then an error banner appears\n        And it contains details about the error\n        And the reward exchange is not completed\n\n    @motivating\n    Scenario: Confetti is displayed when a reward exchange succeeds\n        Given a user has selected a reward to exchange\n        And they are on the confirmation page\n        When they click "Redeem"\n        And the exchange is successful\n        Then they see confetti centered on the success page\n        And they see text describing what they exchanged for their new reward\n        And they see a "Done" brand colour button\n        When they click "Done"\n        Then they see the Rewards page\n\n    @motivating\n    Scenario: Fuel tank codes are shown when a reward exchange succeeds\n        Given a user has selected to exchange for a fuel tank reward\n        When they complete the reward exchange\n        And are on the success page\n        Then they see a textbox with their fuel tank code\n        And a clipboard icon\n        When they click the clipboard icon\n        Then their fuel tank code is copied to their clipboard\n\n    @motivating\n    Scenario Outline: Users can exchange for any type of reward\n        Given a <type> reward exchange rule for a <reward>\n        And a user who has enough source credit to exchange for the reward\n        When they go through the exchange flow\n        And exchange for their reward\n        Then their credit is exchanged for the <reward>\n        Examples:\n            | type                        | reward         |\n            | FIXED_GLOBAL_REWARD         | gift card      |\n            | FIXED_GLOBAL_REWARD         | fuel tank code |\n            | FIXED_GLOBAL_REWARD         | discount       |\n            | FIXED_GLOBAL_REWARD         | credit reward  |\n            | STEPPED_FIXED_GLOBAL_REWARD | gift card      |\n            | STEPPED_FIXED_GLOBAL_REWARD | discount       |\n            | STEPPED_FIXED_GLOBAL_REWARD | credit reward  |\n            | VARIABLE_GLOBAL_REWARD      | gift card      |\n            | VARIABLE_GLOBAL_REWARD      | discount       |\n            | VARIABLE_GLOBAL_REWARD      | credit reward  |\n            | VARIABLE_CREDIT_REWARD      | credit reward  |';var Ux={title:"Components/Reward Exchange List",parameters:{scenario:Mx}};var Vx=function(e){return t(ae,Object.assign({},e))};var zx=function(){return Vx(ye)};var Hx=function(){return Vx(re)};var Yx=function(){return Vx(se)};var Xx=function(){return Vx(ie)};var $x=function(){return Vx(oe)};var Jx=function(){return Vx(le)};var Kx=function(){return Vx(de)};var Zx=function(){return Vx(ue)};var Qx=function(){return Vx(ce)};var ew=function(){return Vx(me)};var tw=function(){return Vx(pe)};var nw=function(){return Vx(he)};var aw=function(){return Vx(ge)};var rw=function(){return Vx(fe)};var sw=function(){return Vx(be)};var iw=function(){return Vx(ve)};var ow=function(){return Vx(xe)};var lw=function(){return Vx(we)};var dw=Object.freeze({__proto__:null,default:Ux,ChooseReward:zx,CustomErrorMessage:Hx,LongTextRewardExhange:Yx,ChooseRewardSelected:Xx,ChooseAmount:$x,ChooseAmountNoDescription:Jx,ChooseAmountVariableAndStepped:Kx,ChooseAmountVariableAndSteppedNoDescription:Zx,chooseAmountVariableAndSteppedDisabled:Qx,chooseAmountVariableAndSteppedUnavailable:ew,Confirm:tw,ConfirmVariableAndStepped:nw,RedemptionError:aw,QueryError:rw,SuccessPromo:sw,SuccessVariableAndStepped:iw,Loading:ow,Empty:lw});var uw=h.gql(__makeTemplateObject(["\n  mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {\n    exchangeReward(exchangeRewardInput: $exchangeRewardInput) {\n      reward {\n        id\n      }\n    }\n  }\n"],["\n  mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {\n    exchangeReward(exchangeRewardInput: $exchangeRewardInput) {\n      reward {\n        id\n      }\n    }\n  }\n"]));var cw={title:"Hooks / useRewardExchange"};function mw(){var e="testestest";var t=e;var n="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:n};l((function(){c({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;c(undefined)}}),[]);return{id:e,accountId:t}}function pw(){var e=mw(),t=e.id,n=e.accountId;var a=i(10),r=a[0],s=a[1];var o=i(100),l=o[0],d=o[1];var u=g(uw),c=u[0],m=u[1],p=m.data,h=m.errors;return{states:{points:r,rate:l},data:{id:t,accountId:n,data:p,errors:h},callbacks:{exchange:c,setPoints:s,setRate:d}}}var hw=function(e){var n=e.states,a=e.data,r=e.callbacks;return t("div",null,t("div",null,t("label",null,"Rate:"),t("input",{value:n.rate,onInput:function(e){return r.setRate(e.target.value)}})),t("input",{value:n.points,onInput:function(e){return r.setPoints(e.target.value)}}),t("button",{onClick:function(){return r.exchange(e.input)}},"Exchange"),t("details",null,t("summary",null,"response"),t("h4",null,"data"),t("div",{style:{maxWidth:"500px"}},t("pre",{style:{width:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(a.data))),t("h4",null,"errors"),t("div",{style:{maxWidth:"500px"}},t("pre",{style:{maxWidth:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(a.errors)))))};var gw=hr((function(){mw();return t("sqm-reward-exchange-list",{"list-type":"something"})}));var fw=hr((function(){var e=pw(),n=e.states,a=e.data,r=e.callbacks;return t(hw,{states:n,data:a,callbacks:r,input:{exchangeRewardInput:{userId:a.id,accountId:a.accountId,redeemCreditInput:{amount:n.points,unit:"POINT"},globalRewardKey:"gc1"}}})}));var bw=hr((function(){var e=pw(),n=e.states,a=e.data,r=e.callbacks;return t(hw,{states:n,data:a,callbacks:r,input:{exchangeRewardInput:{userId:a.id,accountId:a.accountId,redeemCreditInput:{amount:n.points,unit:"POINT"},globalRewardKey:"gc1",rewardInput:{valueInCents:Math.ceil(n.points*n.rate)}}}})}));var vw=hr((function(){var e=pw(),n=e.states,a=e.data,r=e.callbacks;return t(hw,{states:n,data:a,callbacks:r,input:{exchangeRewardInput:{userId:a.id,accountId:a.accountId,redeemCreditInput:{amount:n.points,unit:"POINT"},rewardInput:{type:"CREDIT",unit:"foo",assignedCredit:Math.ceil(n.points*n.rate)}}}})}));var xw=Object.freeze({__proto__:null,default:cw,RewardList:gw,FixedGlobalReward:fw,VariableGlobalReward:bw,VariableCreditReward:vw});var ww='@author:derek\n@owner:derek\nFeature: Reward Table Date Column\n\n    Shows the date of each reward\n\n    Background:\n        Given the date column is included in the reward table\n\n    @motivating\n    @ui\n    Scenario Outline: The title of the date column is configurable\n        Given the "column-title" prop is set to <value>\n        Then the date column is shown with <columnTitle>\n        Examples:\n            | value           | columnTitle     |\n            | Date received   |                 |\n            | My column title | My column title |\n\n    @motivating\n    Scenario Outline: A configurable date associated with the reward is shown for each reward\n        Given the "date-shown" prop is set to <dateType>\n        And a user with rewards\n        When they view the date column\n        Then for each reward the <rewardDate> is shown in the table\n        And the date is localized to the users locale\n        Examples:\n            | dateType         | rewardDate         |\n            | dateGiven        | date given         |\n            | dateExpires      | date expires       |\n            | dateCancelled    | date cancelled     |\n            | dateRedeemed     | date redeemed      |\n            | dateScheduledFor | date scheduled for |\n            |                  | date given         |';var yw='@author:derek\n@owner:derek\nFeature: Reward Table reward Column\n\n    Shows the exact reward\n\n    Background:\n        Given the reward column is included in the reward table\n        And rewards with translations exist\n\n    @motivating\n    @ui\n    Scenario Outline: The title of the reward column is configurable\n        Given the "column-title" prop is set to <value>\n        Then the reward column is shown with <columnTitle>\n        Examples:\n            | value           | columnTitle     |\n            | Reward          |                 |\n            | My column title | My column title |\n\n    @motivating\n    Scenario: The reward column displays the prettyValue of the reward given\n        Given a user with a reward\n        When they view the rewards table\n        Then they see the name of their reward in the reward column\n        And the name is the prettyValue translated for the users locale\n\n    @motivating\n    @ui\n    Scenario: The reward column displays an availability bar if the reward is redeemable\n        Given a user with a <status> credit reward of <value>\n        But the user has <redeemedAmount>\n        When they view the rewards table\n        Then the reward column displays <value>\n        And under it displays an availability bar with <percentage> filled\n        And under it displays <availabilityText>\n        Examples:\n            | status    | value     | percentage | availableAmount | availabilityText    |\n            | AVAILABLE | 10 Points | 100%       | 10 Points       | 10 Points remaining |\n            | AVAILABLE | 10 Points | 90%        | 9 Points        | 9 Points remaining  |\n            | AVAILABLE | 10 Points | 10%        | 1 Point         | 1 Point  remaining  |\n            | PENDING   | 10 Points | 100%       | 10 Points       | 10 Points remaining |\n            | PENDING   | 10 Points | 90%        | 9 Points        | 9 Points remaining  |\n            | PENDING   | 10 Points | 10%        | 1 Point         | 1 Point  remaining  |\n\n    @motivating\n    @ui\n    Scenario Outline: The reward column displays an availability bar if the reward was redeemable but had been cancelled or expired\n        Given a user with a credit reward of <value>\n        And the reward has <status>\n        But the user has <redeemedAmount>\n        When they view the rewards table\n        When they view the rewards table\n        Then the reward column displays <value>\n        And under it displays an availability bar with <percentage> filled\n        And under it displays <redeemedText>\n        Examples:\n            | status    | value     | percentage | redeemedAmount | redeemedText     |\n            | EXPIRED   | 10 Points | 100%       | 0 Point        | 0 Point redeemed |\n            | EXPIRED   | 10 Points | 80%        | 2 Point        | 2 Point redeemed |\n            | CANCELLED | 10 Points | 100%       | 0 Point        | 0 Point redeemed |\n            | CANCELLED | 10 Points | 20%        | 8 Point        | 8 Point redeemed |\n\n    @motivating\n    @ui\n    Scenario: The reward column doesn\'t display the availability bar if the reward is not redeemable\n        Given a user with a non credit reward\n        When they view the rewards table\n        Then they see the name of the reward\n        But they do not see the availablity bar\n\n    @motivating\n    @ui\n    Scenario Outline: The reward column doesn\'t display the availability bar if the reward is only 1 reward unit\n        Given a user with a credit reward for 1 of a reward unit\n        And it has <status>\n        When they view the rewards table\n        Then they see the name of the reward\n        But they do not see the availablity bar\n        Examples:\n            | status    |\n            | AVAILABLE |\n            | PENDING   |\n            | EXPIRED   |\n            | CANCELLED |\n\n    @motivating\n    @ui\n    Scenario: The reward column doesn\'t display the availability bar for redeemed credit rewards\n        Given a user with a "REDEEMED" credit reward\n        When they view the rewards table\n        Then they see the name of the reward\n        But they do not see the availablity bar\n\n    @motivating\n    @ui\n    Scenario: Users can copy their fuel tank codes\n        Given a user with a fuel tank reward\n        When they view the rewards table\n        Then they see their fuel tank reward\n        And they see their fuel tank code bolded in blue\n        When they click on their code\n        Then a tool tip appears saying it has been copied to their clipboard\n        And their code is copied to their clipboard';var _w='@author:derek @owner:derek\nFeature: Reward Table Source Column\n    Shows the source of each reward\n\n  @motivating @ui\n  Scenario Outline: The title of the source column is configurable\n    Given the "column-title" prop is set to <value>\n    Then the source column is shown with <columnTitle>\n\n    Examples:\n      | value           | columnTitle     |\n      | Source          |                 |\n      | My column title | My column title |\n\n  @motivating @ui\n  Scenario: The source column displays manual if the reward is caused by a manual action\n    Given a user with a "MANUAL" reward\n    When they view the rewards table\n    Then the source of their reward is displayed as "Manual"\n\n  @motivating @ui\n  Scenario: The source column displays the program name if the reward is caused automatically by a program\n    Given a user with a "AUTOMATED" program reward\n    And the program has name "Loyalty Program"\n    When they view the rewards table\n    Then the source of their reward is displayed as "Loyalty Program"\n\n  @motivating @ui\n  Scenario Outline: The source column displays customizable reward exchange text with amount if the reward is caused by reward exchange\n    Given the "reward-exchange-text" prop is <propValue>\n    And a user with a "MANUAL" reward\n    But it was created by a reward exchange\n    Then they view the rewards table\n    Then the source displays <exchangeText>\n    And under it displays the following\n      | prettyRedeemedCredit → prettyValue |\n\n    Examples:\n      | propValue | exchangeText    |\n      |           | Reward Exchange |\n      | Exchanged | Exchanged       |\n\n  @motivating @ui\n  Scenario Outline: The source column displays customizable referral information if the reward is from a referral\n    Given the "reward-source-text" prop is <propValue>\n    And a user with a referral reward\n    And that reward has <rewardSource>\n    When they view the rewards table\n    Then then source displays <referralText>\n    And under it displays the full name of the <referralUser>\n\n    Examples:\n      | propValue                                                                             | rewardSource  | referralText | referralUser  |\n      |                                                                                       | REFERRED      | Referred by  | referrer user |\n      |                                                                                       | FRIEND_SIGNUP | Referral to  | referred user |\n      | {rewardSource, select, FRIEND_SIGNUP {You Referred} REFERRED {Referred you} other {}} | REFERRED      | Referred you | referrer user |\n      | {rewardSource, select, FRIEND_SIGNUP {You Referred} REFERRED {Referred you} other {}} | FRIEND_SIGNUP | You Referred | referred user |\n\n  @motivating @ui\n  Scenario Outline: The source column displays the existing name for a referral if either the first name or last name does not exist\n    Given a user with a referral reward\n    And referral user exists\n    And referral user has <name>\n    But referral user has no <otherName>\n    When they view the rewards table\n    Then referral user\'s name is displayed as <name>\n\n    Examples:\n      | name       | otherName  |\n      | first.name | last.name  |\n      | last.name  | first.name |\n\n  @motivating @ui\n  Scenario Outline: The source column displays referral as "Anonymous User" if the referral user has no names\n    Given a user with a referral reward\n    And that reward has <rewardSource>\n    And the <referralUser> has no first name\n    And the <referralUser> has no last name\n    When they view the rewards table\n    Then then source displays <sourceText>\n    And under it displays "Anonymous User"\n\n    Examples:\n      | rewardSource  | referralUser  | sourceText  |\n      | FRIEND_SIGNUP | referrer      | Referral to |\n      | REFERRED      | referred user | Referred by |\n\n  @motivating @ui\n  Scenario Outline: The source column displays referral as "Deleted User" if the referral user is deleted in the system\n    Given a user with a referral reward\n    And that reward has <rewardSource>\n    But <referral> user was deleted\n    When they view the rewards table\n    Then the source displays <sourceText>\n    And under it displays "Deleted User"\n\n    Examples:\n      | rewardSource    | referral | sourceText  |\n      | "FRIEND_SIGNUP" | referrer | Referral to |\n      | "REFERRED"      | referred | Referred by |\n\n  @motivating @ui\n  Scenario Outline: The source column displays referral as "Deleted referral" if the referral user is deleted in the system\n    Given a user with a referral reward\n    And that reward has <rewardSource>\n    But <referral> user was deleted\n    When they view the rewards table\n    Then the source displays <sourceText>\n    And under it displays "Deleted referral"\n\n    Examples:\n      | rewardSource    | referral | sourceText  |\n      | "FRIEND_SIGNUP" | referrer | Referral to |\n      | "REFERRED"      | referred | Referred by |\n\n  @minutia @ui\n  Scenario Outline: Name fallbacks for referral users without names are customizable\n    Given <prop> with <value>\n    And a user with a referral reward\n    But the referral user <hadAction>\n    When they view the rewards table\n    Then the source displays <value> as the referral user\n\n    Examples:\n      | prop           | value           | hadAction                       |\n      | deleted-user   | Former Customer | was deleted                     |\n      | anonymous-user | Nameless User   | had first and last name deleted |\n\n  @motivating\n  Scenario Outline: Source text can be customized\n    Given the "reward-source-text" prop is "{rewardSource, select, MANUAL {Support} AUTOMATED {Loyalty Program} other {}}"\n    And a user with a <rewardSource> reward\n    When they view the rewards table\n    Then the source is <sourceText>\n\n    Examples:\n      | rewardSource | sourceText      |\n      | MANUAL       | Support         |\n      | AUTOMATED    | Loyalty Program |\n';var qw='@author:derek @owner:derek\nFeature: Reward Table Status Column\n  Shows the status of each reward\n\n  Background:\n    Given the status column is included in the reward table\n\n  @motivating @ui\n  Scenario Outline: The title of the status column is configurable\n    Given the "column-title" prop is set to <value>\n    Then the status column is shown with <columnTitle>\n\n    Examples:\n      | value           | columnTitle     |\n      | Status          |                 |\n      | My column title | My column title |\n\n  @motivating @ui\n  Scenario Outline: The status column displays the status of each reward\n    Given a user\n    And they have a <status> reward\n    When they view the reward table\n    Then the status of their reward is displayed in <pillColour> pill with <text>\n\n    Examples:\n      | status                   | text             | pillColour |\n      | AVAILABLE                | Available        | Green      |\n      | CANCELLED                | Cancelled        | Red        |\n      | PENDING                  | Pending          | Orange     |\n      | EXPIRED                  | Expired          | Red        |\n      | REDEEMED                 | Redeemed         | Blue       |\n      | PENDING_REVIEW           | Pending          | Orange     |\n      | PAYOUT_TRANSFERRED       | Payout Approved  | blue       |\n      | PAYOUT_NOT_YET_DUE       | Payout Approved  | blue       |\n      | PAYOUT_OVERDUE           | Payout Failed    | Red        |\n      | PAYOUT_REVERSED          | Payout Cancelled | Red        |\n      | PENDING_TAX_REVIEW       | Pending          | Orange     |\n      | PENDING_NEW_TAX_FORM     | Pending          | Orange     |\n      | PENDING_TAX_SUBMISSION   | Pending          | Orange     |\n      | PENDING_PARTNER_CREATION | Pending          | Orange     |\n      | DENIED                   | Denied           | Red        |\n\n  @motivating\n  Scenario Outline: Reward status related information is displayed under status pills\n    Given a user\n    And they have a <reward>\n    And their program is\n    When they view the reward table\n    Then they see their reward\n    And under the pill is <text>\n    And the date is localized to the users locale\n\n    Examples:\n      | reward                                                       | text                                                                             |\n      | available reward with an expiry date                         | localized expiry date in format "Month-Day-Year"                                 |\n      | redeemed reward                                              | localized redemption date in format "Month-Day-Year"                             |\n      | expired reward                                               | localized expired date in format "Month-Day-Year"                                |\n      | cancelled reward                                             | localized cancelled date in format "Month-Day-Year"                              |\n      | pending reward with a end date                               | localized pending for date in format "Month-Day-Year"                            |\n      | pending reward due to W9                                     | W-9 required                                                                     |\n      | pending reward due to fufillment error                       | Fulfillment error                                                                |\n      | reward pending review of referral                            | Pending review                                                                   |\n      | pending reward due to no connected Impact partner            | Complete your tax and cash payout setup to receive your rewards.                 |\n      | pending reward due to an invalid tax document                | Invalid tax form. Submit a new form to receive your rewards.                     |\n      | pending reward due to user required to submit a tax document | Submit your tax documents to receive your rewards.                               |\n      | pending reward due to tax document being in review           | Awaiting tax form review.                                                        |\n      | reward whose payout failed                                   | Payout failed due to a fulfillment issue and is currently being retried.         |\n      | reward whose payout was approved                             | Reward approved for payout and was scheduled for payment based on your settings. |\n      | reward whose payout was cancelled                            | If you think this is a mistake, contact our Support team.                        |\n      | cancelled reward from denied referral                        | Flagged as fraud                                                                 |\n\n  @minutia\n  Scenario Outline: Tax-related reward statuses are based on the user\'s Impact tax connection\n    Given a user\n    And they are in a program that has Impact tax handling enabled\n    And they have at least one pending reward\n    And the reward\'s pending reasons include "MISSING_PAYOUT_CONFIGURATION"\n    Then the status description will be\n      """\n      Complete your tax and cash payout setup to receive your rewards.\n      """\n\n  @motivating\n  Scenario Outline: Statuses can be customized\n    Given the "status-text" prop is "{status, select, AVAILABLE {Redeem me!} CANCELLED {Unavailable} PENDING {Coming soon!} EXPIRED {Past due} REDEEMED {Spent} PENDING_REVIEW {Pending Review!} PAYOUT_SENT {Payout Sent!} PAYOUT_FAILED {Payout Failed!} PENDING_TAX_REVIEW {Pending Tax Review!} PENDING_NEW_TAX_FORM {Pending new tax form!} PENDING_TAX_SUBMISSION {Pending tax submission!} PENDING_PARTNER_CREATION {Pending partner creation!} DENIED {Unlucky!}}"\n    And a user\n    And they have a <status> reward\n    When they view the reward table\n    Then the status of their reward is displayed in <pillColour> pill with <text>\n\n    Examples:\n      | status             | text              | pillColour |\n      | AVAILABLE          | Redeem me!        | Green      |\n      | CANCELLED          | Unavailable       | Red        |\n      | PENDING            | Coming soon!      | Orange     |\n      | EXPIRED            | Past due          | Red        |\n      | REDEEMED           | Spent             | Blue       |\n      | PENDING_REVIEW     | Pending Review!   | Orange     |\n      | PAYOUT_TRANSFERRED | Payout Approved!  | Blue       |\n      | PAYOUT_NOT_YET_DUE | Payout Approved!  | Blue       |\n      | PAYOUT_OVERDUE     | Payout Failed!    | Red        |\n      | PAYOUT_REVERSED    | Payout Cancelled! | Red        |\n      | DENIED             | Unlucky!          | Red        |\n\n  @minutia @ui\n  Scenario: Expiry status date text can be configured\n    Given the "expiry-text" prop has <value>\n    And a user with an available reward with an expiry date\n    When they view the reward table\n    Then they see <text> under the Available Status pill\n\n    Examples:\n      | value         | text                        |\n      |               | Expires on <EXPIRY DATE>    |\n      | Redeem before | Redeem before <EXPIRY DATE> |\n';var Ew=ww+yw+qw+_w;var kw={title:"Components/Rewards Table Cell",parameters:{scenario:Ew}};var Tw={id:"61c100117a82a376d8804166",type:"CREDIT",value:19,unit:"Points",name:null,dateGiven:1640038417468,meta:{message:"***CUSTOMER NOTE MESSAGE***"},dateExpires:null,dateCancelled:null,dateRedeemed:null,dateScheduledFor:null,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:"19 Points",prettyValueNumber:"19",prettyAvailableNumber:"19",prettyRedeemedNumber:"0",statuses:["AVAILABLE","PENDING"],pendingReasons:["US_TAX","MISSING_PAYOUT_CONFIGURATION"],globalRewardKey:null,rewardSource:"MANUAL",prettyRedeemedCredit:"0 Points",prettyAssignedCredit:"19 Points",prettyAvailableValue:"19 Points",exchangedRewardRedemptionTransaction:null,referral:null,rewardRedemptionTransactions:{data:null}};var Cw={connected:true,taxHandlingEnabled:true,publisher:{requiredTaxDocumentType:"W8BEN",currentTaxDocument:{status:"NOT_VERIFIED",type:"W8BEN",dateCreated:321321487},withdrawalSettings:{paymentMethod:"BANK_TRANSFER"},payoutsAccount:null}};var Aw=function(){return t("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},Tw),Lw)})};var Dw=function(){return t("sqm-rewards-table-reward-cell",{reward:__assign({},Tw),availableText:"{availableAmount} remaining"})};var Sw={prettyAvailableValue:"10 Points",prettyRedeemedCredit:"9 Points",prettyRedeemedNumber:"9",dateRedeemed:1640038417468};var Rw=function(){return t("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},Tw),Sw),availableText:"{availableAmount} remaining"})};var Iw=function(){return t("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},Tw),uy),redeemedText:"{redeemedAmount} redeemed"})};var Pw=function(){return t("sqm-rewards-table-reward-cell",{reward:__assign(__assign(__assign({},Tw),Sw),my),redeemedText:"{redeemedAmount} redeemed"})};var Nw=function(){return t("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},Tw),hy),availableText:"{availableAmount} remaining"})};var Fw={prettyAvailableValue:"0 Points",prettyAvailableNumber:"0",prettyRedeemedCredit:"19 Points",prettyRedeemedNumber:"19",dateRedeemed:1640038417468};var Ow=function(){return t("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},Tw),Fw),availableText:"{availableAmount} remaining"})};var Lw={prettyValue:"1 Point",prettyValueNumber:"1"};var Bw={prettyValue:"19 Points with a really really super duper longest name ever in the world wide web",prettyValueNumber:"19"};var Gw=function(){return t("div",{style:{maxWidth:"222px"}},t("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},Tw),Bw),availableText:"{availableAmount} remaining"}))};var jw=function(){return t("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},Tw),{type:"GIFTCARD",prettyValue:"SaaSquatch Giftcard"})})};var Ww=function(){return t("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},Tw),{type:"FUELTANK",prettyValue:"Fueltank Reward",fuelTankCode:"AFUELTANKCODE"}),copyText:"Copied"})};var Mw=function(){return t("div",{style:{maxWidth:"222px"}},t("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},Tw),{type:"FUELTANK",prettyValue:"Long Fueltank Reward",fuelTankCode:"AFUELTANKCODE123456789123456789123456789123456789"}),copyText:"Copied"}))};var Uw=function(){return t("sqm-rewards-table-source-cell",{reward:Tw,rewardSourceText:"Manual"})};var Vw=function(){return t("sqm-rewards-table-source-cell",{reward:__assign(__assign({},Tw),{rewardSource:"AUTOMATED",program:{name:"Klip Loyalty"}}),rewardSourceText:"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"})};var zw={exchangedRewardRedemptionTransaction:{id:"61c100117a82a376d88041196",creditRedeemed:1,prettyRedeemedCredit:"1 Money",unit:"TESTUNIT",dateRedeemed:1640038417173,redeemedRewards:null,exchangedRewards:null}};var Hw=function(){return t("sqm-rewards-table-source-cell",{reward:__assign(__assign({},Tw),zw),rewardExchangeText:"Reward Exchange"})};var Yw={firstName:"Bartholomew",lastName:"Christopher-Johnston Wallace",imageUrl:null};var Xw={firstName:"John",lastName:"Doe",imageUrl:null};var $w={firstName:"",lastName:"",imageUrl:null};var Jw=function(e){if(e===void 0){e=null}return{rewardSource:"FRIEND_SIGNUP",referral:{id:"123",dateConverted:1640038417173,dateReferralStarted:1640038417173,dateReferralPaid:1640038417173,dateModerated:1640038417173,dateReferralEnded:null,moderationStatus:null,rewards:null,referrerUser:e,referredUser:e}}};var Kw=function(e){if(e===void 0){e=null}return{rewardSource:"REFERRED",referral:{id:"123",dateConverted:1640038417173,dateReferralStarted:1640038417173,dateReferralPaid:1640038417173,dateModerated:1640038417173,dateReferralEnded:null,moderationStatus:null,rewards:null,referrerUser:e,referredUser:e}}};var Zw=function(){return{rewardSource:"REFERRED",referral:null}};var Qw=function(){return t("sqm-rewards-table-source-cell",{reward:__assign(__assign({},Tw),Jw(Xw)),referralText:"Referral to"})};var ey=function(){return t("div",{style:{width:"200px"}},t("sqm-rewards-table-source-cell",{reward:__assign(__assign({},Tw),Jw(Yw)),referralText:"Referral to"}))};var ty=function(){return t("sqm-rewards-table-source-cell",{reward:__assign(__assign({},Tw),Kw(Xw)),referralText:"Referred by"})};var ny=function(){return t("sqm-rewards-table-source-cell",{reward:__assign(__assign({},Tw),Jw($w)),referralText:"Referral to",anonymousUserText:"Anonymous User"})};var ay=function(){return t("sqm-rewards-table-source-cell",{reward:__assign(__assign({},Tw),Jw(null)),referralText:"Referral to",deletedUserText:"Deleted User"})};var ry=function(){return t("sqm-rewards-table-source-cell",{reward:__assign(__assign({},Tw),Zw()),referralText:"Referral to",deletedReferralText:"Deleted Referral"})};var sy=function(){return t("sqm-rewards-table-status-cell",{statusText:"Available",reward:Tw})};var iy={dateExpires:1640038417468};var oy=function(){return t("sqm-rewards-table-status-cell",{statusText:"Available",reward:__assign(__assign({},Tw),iy),expiryText:"Expires"})};var ly={statuses:["REDEEMED"],dateRedeemed:1640038417468};var dy=function(){return t("sqm-rewards-table-status-cell",{statusText:"Redeemed",reward:__assign(__assign({},Tw),ly)})};var uy={statuses:["CANCELLED"],dateCancelled:1640038417468};var cy=function(){return t("sqm-rewards-table-status-cell",{statusText:"Cancelled",reward:__assign(__assign({},Tw),uy)})};var my={statuses:["EXPIRED"],dateExpires:1640038417468};var py=function(){return t("sqm-rewards-table-status-cell",{statusText:"Expired",reward:__assign(__assign({},Tw),my)})};var hy={statuses:["PENDING"]};var gy={statuses:["PAYOUT_SENT"]};var fy={statuses:["PAYOUT_FAILED"]};var by={statuses:["PAYOUT_CANCELLED"],dateCancelled:1355612521321};var vy={pendingReasons:["US_TAX"]};var xy={pendingReasons:["SCHEDULED"],dateScheduledFor:1640038417468};var wy={pendingReasons:["UNHANDLED_ERROR"]};var yy=function(){return t("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign({},Tw),hy)})};var _y=function(){return t("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign({},Tw),taxConnection:__assign(__assign({},Cw),{publisher:__assign({requiredTaxDocumentType:"W8BEN",currentTaxDocument:{status:""}},Cw.publisher)})})};var qy=function(){return t("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign({},Tw),taxConnection:__assign(__assign({},Cw),{publisher:__assign(__assign({},Cw.publisher),{requiredTaxDocumentType:"W8BEN",currentTaxDocument:{status:"INACTIVE",type:"W8BEN",dateCreated:321321487}})})})};var Ey=function(){return t("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign({},Tw),taxConnection:__assign(__assign({},Cw),{publisher:__assign(__assign({},Cw.publisher),{requiredTaxDocumentType:"W8BEN",currentTaxDocument:null})})})};var ky=function(){return t("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign({},Tw),{pendingReasons:["MISSING_PAYOUT_CONFIGURATION"]})})};var Ty=function(){return t("sqm-rewards-table-status-cell",{statusText:"Payout Sent",reward:__assign(__assign({},Tw),gy),taxConnection:Cw})};var Cy=function(){return t("sqm-rewards-table-status-cell",{statusText:"Payout Failed",reward:__assign(__assign({},Tw),fy)})};var Ay=function(){return t("sqm-rewards-table-status-cell",{statusText:"Payout Cancelled",reward:__assign(__assign({},Tw),by)})};var Dy=function(){return t("div",{style:{width:"200px"}},t("sqm-rewards-table-status-cell",{statusText:"Pending for 300,000,000 months and some change",reward:__assign(__assign({},Tw),hy)}))};var Sy=function(){return t("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},Tw),hy),vy)})};var Ry=function(){return t("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},Tw),hy),xy)})};var Iy=function(){return t("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},Tw),hy),wy)})};var Py=function(){return t("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign({},Tw),{referral:{id:"123",dateConverted:1640038417173,dateReferralStarted:1640038417173,dateReferralPaid:1640038417173,dateModerated:1640038417173,dateReferralEnded:null,moderationStatus:null,rewards:null,referrerUser:null,referredUser:null,fraudData:{moderationStatus:"PENDING",autoModerationStatus:"PENDING",manualModerationStatus:"PENDING"}}})})};var Ny=function(){return t("sqm-rewards-table-status-cell",{statusText:"Denied",reward:__assign(__assign({},Tw),{dateCancelled:1e4,referral:{id:"123",dateConverted:1640038417173,dateReferralStarted:1640038417173,dateReferralPaid:1640038417173,dateModerated:1640038417173,dateReferralEnded:null,moderationStatus:null,rewards:null,referrerUser:null,referredUser:null,fraudData:{moderationStatus:"DENIED",autoModerationStatus:"DENIED",manualModerationStatus:"DENIED"}}})})};var Fy=function(){return t("sqm-rewards-table-date-cell",{date:1640038417468})};var Oy=function(){return t("sqm-rewards-table-customer-note-cell",{note:Tw.meta.message})};var Ly=function(){return t("sqm-rewards-table-date-cell",null)};var By=Object.freeze({__proto__:null,default:kw,RewardsCellCreditSingle:Aw,RewardsCellCreditFull:Dw,RewardsCellCreditPartial:Rw,RewardsCellCreditCancelled:Iw,RewardsCellCreditExpired:Pw,RewardsCellCreditPending:Nw,RewardsCellCreditRedeemed:Ow,RewardsCellCreditLong:Gw,RewardsCellNonCredit:jw,RewardsCellFueltank:Ww,RewardsCellFueltankLong:Mw,SourceCellManual:Uw,SourceCellProgram:Vw,SourceCellExchange:Hw,SourceCellReferral:Qw,SourceCellWithLongText:ey,SourceCellReferred:ty,SourceCellAnonymousUser:ny,SourceCellDeletedUser:ay,SourceCellDeletedReferral:ry,StatusCellAvailable:sy,StatusCellAvailableExpiry:oy,StatusCellRedeemed:dy,StatusCellCancelled:cy,StatusCellExpired:py,StatusCellPending:yy,StatusCellPendingTaxReview:_y,StatusCellPendingNewTaxForm:qy,StatusCellPendingTaxSubmission:Ey,StatusCellPendingPartnerCreation:ky,StatusCellPayoutSent:Ty,StatusCellPayoutFailed:Cy,StatusCellPayoutCancelled:Ay,StatusCellPendingWithLongText:Dy,StatusCellPendingUsTax:Sy,StatusCellPendingScheduled:Ry,StatusCellPendingUnhandled:Iy,StatusCellPendingReview:Py,StatusCellDenied:Ny,DateCell:Fy,CustomerNoteCell:Oy,EmptyCell:Ly});var Gy='@owner:sam\n@author:sam\nFeature: Rewards Table\n\n    Shows a list of rewards as a table\n\n    @motivating\n    @ui\n    Scenario: The empty state is shown if there are no rewards\n        Given a user with rewards\n        When they view the reward table\n        Then no rewards are displayed\n        And they see an image with a user icon\n        And "View your rewards" in bold\n        And "See all the rewards you have earned from referring friends and completing tasks" below the bolded text\n        And the pagination buttons are disabled\n\n    @minutia\n    @ui\n    Scenario: A custom empty state can be provided\n        Given a user with no rewards\n        And a custom empty state has been supplied in the "empty" slot\n        When they view the reward table\n        Then they see the custom empty state\n\n    @minutia\n    @ui\n    Scenario: The loading state is shown while rewards are loading\n        Given the table is loading\n        Then the loading state is shown in the table\n        And a custom loading state can be supplied in the "loading" slot\n        And the pagination buttons are disabled\n\n    @motivating\n    @ui\n    Scenario Outline: The table becomes paginated when the number of rewards exceeds the per page limit\n        Given the user has <number of rewards>\n        And the table is configured to show <page limit> rewards per page\n        Then the table will have <number of pages> page(s)\n        And pagination buttons will allow users to navigate between pages\n        And the pagination button to go to the next page is disabled on the last page of rewards\n        And the pagination button to go to the previous page is disabled on the first page of rewards\n        Examples:\n            | number of rewards | page limit | number of pages |\n            | 0                 | 4          | 1               |\n            | 1                 | 4          | 1               |\n            | 3                 | 4          | 1               |\n            | 5                 | 4          | 2               |\n            | 42                | 4          | 11              |\n\n    @motivating\n    @ui\n    Scenario: The table converts to a card view on tablet and mobile window sizes\n        Given a user with rewards\n        When they view the table\n        And their window size is smaller than "799px"\n        Then rewards are displayed as cards\n        And they are in two columns\n        When their window size is smaller than "599px"\n        Then the rewards are displayed as cards in a singular column\n\n    @motivating\n    @ui\n    Scenario: Table and Mobile beakpoints can be configured\n        Given the reward table has been configured with the following props\n            | prop         | value |\n            | smBreakpoint | 599   |\n            | mdBreakpoint | 799   |\n        And a user with rewards\n        When they view the table\n        And their window size is smaller than "799px"\n        Then rewards are displayed as cards\n        And they are in two columns\n        When their window size is smaller than "599px"\n        Then the rewards are displayed as cards in a singular column\n\n    @motivating\n    @ui\n    Scenario Outline: By default the first column heading is hidden in mobile\n        Given a reward table with 4 columns\n        And prop "hidden-columns" with <hideColumnValue>\n        And a user with rewards\n        When they view the reward table\n        And their window size is below the tablet breakpoint\n        Then reward cards are displayed\n        And the titles of <columnsArehidden> within the card\n        Examples:\n            | hideColumnValue | columnsArehidden                    |\n            |                 | the first column                    |\n            | 0,1,2           | the first, second and third columns |\n            | 3               | the fourth column                   |\n\n    @motivating\n    Scenario: Only rewards which occured in the program specific by "program-id" are shown\n        Given the table is configured with "program-id"\n        Then only rewards from the program with "program-id" are shown\n\n    @landmine\n    Scenario: When a `classic` program Id is set then any reward without a programId is shown\n        There is no easy way for the backend to filter for "classic" programs,\n        thus we are filtering for rewards without programId\'s.\n\n        Given the "program-id" of the table is set to "classic"\n        Then rewards from classic programs are shown\n        And manual rewards are shown\n\n    @minutia\n    @ui\n    Scenario: Column heading can be hidden\n        Given the table is configured with "hide-labels" set to "true"\n        Then the table is displayed without column headings';var jy={title:"Components/Rewards Table",parameters:{scenario:Gy}};var Wy=t("div",{slot:"loading",style:{display:"contents"}},t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sqm-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sqm-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sqm-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sqm-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sqm-skeleton",null))));var My=t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png","empty-state-header":"View your rewards","empty-state-text":"See all the rewards you have earned from referring friends and completing tasks"});var Uy=function(e,t,n,a,r,s){if(t===void 0){t=false}if(n===void 0){n=false}if(a===void 0){a="Prev"}if(r===void 0){r="Next"}if(s===void 0){s=""}return{states:{hasPrev:false,hasNext:true,show:t?"empty":n?"loading":"rows",namespace:"sqm-rewards-table"},data:{textOverrides:{showLabels:true,prevLabel:a,moreLabel:r},hiddenColumns:s,mdBreakpoint:799,smBreakpoint:599},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},elements:{columns:["Rewards","Status","Source","Date received"],rows:e,emptyElement:My,loadingElement:Wy}}};var Vy=[t(Dw,null),t(sy,null),t(Qw,null),t(Fy,null)];var zy=[t(Rw,null),t(oy,null),t(ty,null),t(Fy,null)];var Hy=[t(Iw,null),t(cy,null),t(ry,null),t(Fy,null)];var Yy=[t(Iw,null),t(cy,null),t(ay,null),t(Fy,null)];var Xy=[t(Ow,null),t(dy,null),t(Uw,null),t(Fy,null)];var $y=[t(Ow,null),t(Ny,null),t(Uw,null),t(Fy,null)];var Jy=[t(Ow,null),t(Py,null),t(Uw,null),t(Fy,null)];var Ky=[t(Gw,null),t(oy,null),t(ty,null),t(Fy,null)];var Zy=[t(Ww,null),t(yy,null),t(Uw,null),t(Fy,null)];var Qy=[t(Mw,null),t(Iy,null),t(Uw,null),t(Fy,null)];var e_=[t(Ow,null),t(Ty,null),t(Qw,null),t(Fy,null)];var t_=[t(Ow,null),t(Cy,null),t(Qw,null),t(Fy,null)];var n_=[t(Ow,null),t(qy,null),t(Qw,null),t(Fy,null)];var a_=[t(Ow,null),t(ky,null),t(Qw,null),t(Fy,null)];var r_=[t(Ow,null),t(_y,null),t(Qw,null),t(Fy,null)];var s_=[t(Ow,null),t(Ey,null),t(Qw,null),t(Fy,null)];var i_=function(){return t(v,Object.assign({},Uy([Vy,Xy,Yy,Hy,zy,$y,Jy,e_,t_,n_,a_,s_,r_])))};var o_=function(){return t(v,Object.assign({},Uy([Zy])))};var l_=function(){return t(v,Object.assign({},Uy([Qy,Ky])))};var d_=function(){return t(v,Object.assign({},Uy([],true)))};var u_=function(){return t(v,Object.assign({},Uy([],false,true)))};var c_=function(){return t(v,Object.assign({},Uy([Vy,Xy,Yy,zy],false,false,"CUSTOM PREVIOUS TEXT","CUSTOM NEXT TEXT")))};var m_=function(){return t(v,Object.assign({},Uy([Vy,Xy,Yy,zy],false,false,undefined,undefined,"0,1,2,3")))};var p_=Object.freeze({__proto__:null,default:jy,RewardsTable:i_,RewardsTableSingle:o_,RewardsTableLong:l_,RewardsTableEmpty:d_,RewardsTableLoading:u_,CustomButtonTextTable:c_,ColumnsMobileHidden:m_});var h_={title:"Hooks / useRewardsTable"};function g_(){var e="testestest";var t=e;window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com"};l((function(){c({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;c(undefined)}}),[]);return{id:e,accountId:t}}function f_(e){var t=e.token,n=e.id;var a=n;window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com"};l((function(){c({accountId:a,id:n,jwt:t});return function(){window.widgetIdent=undefined;c(undefined)}}),[]);return{id:n,accountId:a}}var b_=hr((function(){return t("sqm-rewards-table",{"per-page":"4"},t("sqm-rewards-table-reward-column",null),t("sqm-rewards-table-source-column",null),t("sqm-rewards-table-status-column",null),t("sqm-rewards-table-date-column",null))}));var v_=hr((function(){g_();m("sam-partner-test-2");return t("sqm-rewards-table",null,t("sqm-rewards-table-reward-column",null),t("sqm-rewards-table-status-column",null),t("sqm-rewards-table-source-column",null),t("sqm-rewards-table-date-column",null))}));var x_=hr((function(){g_();m(undefined);return t("sqm-rewards-table",null,t("sqm-rewards-table-reward-column",null),t("sqm-rewards-table-status-column",null),t("sqm-rewards-table-source-column",null),t("sqm-rewards-table-date-column",null))}));var w_=hr((function(){f_({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",id:"samenglish"});m(undefined);return t("sqm-rewards-table",{"per-page":"4"},t("sqm-rewards-table-reward-column",null),t("sqm-rewards-table-status-column",null),t("sqm-rewards-table-source-column",null),t("sqm-rewards-table-date-column",null))}));var y_=hr((function(){f_({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",id:"samturkey"});m(undefined);return t("sqm-rewards-table",{"per-page":"4","more-label":"Daha","prev-label":"Öncesi","empty-state-text":"Henüz Referans Yok"},t("sqm-rewards-table-reward-column",{"column-title":"Ödüller","redeemed-text":"{redeemedAmount} kullanıldı","available-text":"{availableAmount} mevcut"}),t("sqm-rewards-table-source-column",{"column-title":"Kullanıcılar","anonymous-user":"Anonim Kullanıcı","deleted-user":"Silinmiş Kullanıcı","reward-exchange-text":"Ödülleri Kulannın","referral-text":"{rewardSource, select, FRIEND_SIGNUP {Referans} REFERRED {Yönlendiren} other {}}","reward-source-text":"{rewardSource, select, MANUAL {Manuel} AUTOMATED {Otomatik} other {}}"}),t("sqm-rewards-table-status-column",{"column-title":"Statut","status-text":"{status, select, AVAILABLE {Mevcut} PENDING {Bekleniyor} EXPIRED {Geçmiş} REDEEMED {Kullanılmış} CANCELED {İptal Edildi} other {Kullanılamaz} }","expiry-text":"Bitiyor "}),t("sqm-rewards-table-date-column",{"column-title":"Tarih"}))}));var __=hr((function(){f_({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",id:"samfrench"});m(undefined);return t("sqm-rewards-table",{"per-page":"4","more-label":"Plus","prev-label":"Précédent","empty-state-text":"Aucune Récompenses Maintenant"},t("sqm-rewards-table-reward-column",{"column-title":"Récompenses","redeemed-text":"{redeemedAmount} rachetée","available-text":"{availableAmount} disponible"}),t("sqm-rewards-table-source-column",{"column-title":"Utilisateur","anonymous-user":"Utilisateur Anonyme","deleted-user":"Utilisateur Supprimé","reward-exchange-text":"Échange de Récompenses","referral-text":"{rewardSource, select, FRIEND_SIGNUP {Référence à} REFERRED {Référencé par} other {}}","reward-source-text":"{rewardSource, select, MANUAL {Manuel} AUTOMATED {Automatique} other {}}"}),t("sqm-rewards-table-status-column",{"column-title":"Statut","status-text":"{status, select, AVAILABLE {Disponible} PENDING {Pendant} EXPIRED {Expiré} REDEEMED {Racheté} CANCELED {Annulé} other {Indisponible} }","expiry-text":"Expire sur "}),t("sqm-rewards-table-date-column",{"column-title":"Date de Réception"}))}));var q_=Object.freeze({__proto__:null,default:h_,RewardTableDemoHook:b_,RewardsTableWithProgram:v_,RewardsTableNoProgram:x_,RewardsTableEn:w_,RewardsTableTr:y_,RewardsTableFr:__});var E_={title:"Tests/Router"};var k_='\n    <template path="/foo"><h1>foo</h1>\n    \n    <p>These elements don\'t produce a specific box by themselves. They are replaced by their pseudo-box and their child boxes. Please note that the CSS Display Level 3 spec defines how the contents value should affect "unusual elements" — elements that aren’t rendered purely by CSS box concepts such as replaced elements. See Appendix B: Effects of display: contents on Unusual Elements for more details.\n\n    Due to a bug in browsers this will currently remove the element from the accessibility tree — screen readers will not look at what\'s inside. See the Accessibility concerns section below for more details.</p>\n    </template>\n    <template path="/bar"><h2>bar</h2>\n    \n    <p>Turns off the display of an element so that it has no effect on layout (the document is rendered as though the element did not exist). All descendant elements also have their display turned off.\n    To have an element take up the space that it would normally take, but without actually rendering anything, use the visibility property instead.</p>\n    </template>\n    <template path="/baz/bang"><h3>baz/bang</h3>\n    <pre>\n    ▄▄▄▄▄▄▄░▄▄▄▄▄▄▄░▄▄▄▄▄▄░▄▄▄▄▄\n    ░░▀███░░░░▀██░░░░██▀░░░░██░░\n    ░░░▀██░░░░░▀██░░▄█░░░░░▄█░░░\n    ░░░░███░░░░░▀██▄█░░░░░░█░░░░\n    ░░░░░███░░░░░▀██░░░░░░█▀░░░░\n    ░░░░░░███░░░░▄███░░░░█▀░░░░░\n    ░░░░░░░██▄░░▄▀░███░░█▀░░░░░░\n    ░░░░░░░▀██▄█▀░░░███▄▀░░░░░░░\n    ░░░░░░░░▀██▀░░░░░███░░░░░░░░\n    ░░░░░░░░░▀▀░░░░░░░▀░░░░░░░░░\n    </pre>\n    </template>\n    <template path="/refer/:page"><h3>/refer/:page</h3>\n    <pre>\n      refer/:page\n    </pre>\n    </template>\n';var T_='\n    <sqm-route path="/foo"><h1>foo</h1>\n    \n    <p>These elements don\'t produce a specific box by themselves. They are replaced by their pseudo-box and their child boxes. Please note that the CSS Display Level 3 spec defines how the contents value should affect "unusual elements" — elements that aren’t rendered purely by CSS box concepts such as replaced elements. See Appendix B: Effects of display: contents on Unusual Elements for more details.\n\n    Due to a bug in browsers this will currently remove the element from the accessibility tree — screen readers will not look at what\'s inside. See the Accessibility concerns section below for more details.</p>\n    </sqm-route>\n    <sqm-route path="/bar"><h2>bar</h2>\n    <p>Turns off the display of an element so that it has no effect on layout (the document is rendered as though the element did not exist). All descendant elements also have their display turned off.\n    To have an element take up the space that it would normally take, but without actually rendering anything, use the visibility property instead.</p>\n    </sqm-route>\n    <sqm-route path="/baz/bang"><h3>baz/bang</h3>\n    <pre>\n    ▄▄▄▄▄▄▄░▄▄▄▄▄▄▄░▄▄▄▄▄▄░▄▄▄▄▄\n    ░░▀███░░░░▀██░░░░██▀░░░░██░░\n    ░░░▀██░░░░░▀██░░▄█░░░░░▄█░░░\n    ░░░░███░░░░░▀██▄█░░░░░░█░░░░\n    ░░░░░███░░░░░▀██░░░░░░█▀░░░░\n    ░░░░░░███░░░░▄███░░░░█▀░░░░░\n    ░░░░░░░██▄░░▄▀░███░░█▀░░░░░░\n    ░░░░░░░▀██▄█▀░░░███▄▀░░░░░░░\n    ░░░░░░░░▀██▀░░░░░███░░░░░░░░\n    ░░░░░░░░░▀▀░░░░░░░▀░░░░░░░░░\n    </pre>\n    </sqm-route>\n    <sqm-route path="/refer/:page"><h3>/refer/:page</h3>\n    <pre>\n      refer/:page\n    </pre>\n    </sqm-route>\n';var C_=hr((function(){return t("div",null,t("button",{onClick:function(){return u.push("/")}},"/"),t("button",{onClick:function(){return u.push("/foo")}},"/foo"),t("button",{onClick:function(){return u.push("/bar")}},"/bar"),t("button",{onClick:function(){return u.push("/baz/bang")}},"/baz/bang"),t("button",{onClick:function(){return u.push("/refer")}},"/refer"),t("button",{onClick:function(){return u.push("/refer/1")}},"/refer/1"),t("button",{onClick:function(){return u.push("/refer/2")}},"/refer/2"),t("button",{onClick:function(){return u.back()}},"Back"),t("button",{onClick:function(){return u.forward()}},"Forward"),t("hr",null),t("sqm-router",{innerHTML:k_}))}));var A_=hr((function(){return t("div",null,t("button",{onClick:function(){return u.push("/")}},"/"),t("button",{onClick:function(){return u.push("/foo")}},"/foo"),t("button",{onClick:function(){return u.push("/bar")}},"/bar"),t("button",{onClick:function(){return u.push("/baz/bang")}},"/baz/bang"),t("button",{onClick:function(){return u.push("/refer")}},"/refer"),t("button",{onClick:function(){return u.push("/refer/1")}},"/refer/1"),t("button",{onClick:function(){return u.push("/refer/2")}},"/refer/2"),t("button",{onClick:function(){return u.back()}},"Back"),t("button",{onClick:function(){return u.forward()}},"Forward"),t("hr",null),t("sqm-router",{innerHTML:T_}))}));var D_=hr((function(){return t("div",null,t("button",{onClick:function(){return u.push("/")}},"/"),t("button",{onClick:function(){return u.push("/foo")}},"/foo"),t("hr",null),t("div",{style:{display:"flex",justifyContent:"space-around"}},t("sqm-router",{innerHTML:'<template path="/">\n      \n      <div>Column 1</div>\n      <div>Column 2 </div>\n      </template>'})))}));function S_(e){var t=i(e),n=t[0],a=t[1];var r=i(e),s=r[0],o=r[1];function l(e){u.push(e.target.value)}return{states:{previewTemplate:s,editedTemplate:n},callbacks:{setEditedTemplate:a,setPreviewTemplate:o,setPath:l}}}var R_='\n<sqm-router>\n  <template path="/">\n  <div>hello world</div>\n  </template>\n</sqm-router>\n';function I_(e){var n=e.states,a=e.callbacks;return[t("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return a.setEditedTemplate(e.target.value)}},n.editedTemplate),t("button",{onClick:function(){return a.setPreviewTemplate(n.editedTemplate)}},"Update Preview"),t("label",null,"Current path:",t("input",{onInput:a.setPath,value:"/"})),t("div",{innerHTML:n.previewTemplate})]}var P_=hr((function(){var e=S_(R_),n=e.states,a=e.callbacks;return t(I_,{states:n,callbacks:a})}));var N_=Object.freeze({__proto__:null,default:E_,TemplateNavigation:C_,RouteNavigation:A_,Styling:D_,RouterPlayground:P_});var F_={title:"Components/Scroll"};var O_=function(){return t("div",{style:{position:"relative",height:"2000px"}},t("sqm-scroll",{"scroll-tag-name":"sqm-text","button-text":"Scroll","scroll-animation":"smooth"}),t("div",{style:{position:"absolute",bottom:"0"}},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards"),t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))))};var L_=function(){return t("div",{style:{position:"relative",height:"2000px"}},t("sqm-scroll",{"button-text":"Scroll","scroll-id":"my-id","scroll-animation":"smooth"}),t("div",{style:{position:"absolute",bottom:"0"}},t("sqm-text",{slot:"label",id:"my-id"},t("h3",null,"Earn more rewards"),t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))))};var B_=function(){return t("div",{style:{position:"relative",height:"2000px"}},t("sqm-scroll",{"button-text":"Scroll","scroll-id":"my-id","scroll-animation":"auto"}),t("div",{style:{position:"absolute",bottom:"0"}},t("sqm-text",{slot:"label",id:"my-id"},t("h3",null,"Earn more rewards"),t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))))};var G_=function(){return t("div",{style:{position:"relative",height:"2000px"}},t("sqm-scroll",{"button-text":"Redeem rewards","scroll-id":"tab-3","scroll-animation":"smooth"}),t("div",{style:{position:"absolute",bottom:"0"},innerHTML:'\n              <sqm-tabs>\n              <sqm-tab header="Leaderboard">\n                <sqm-hero-image\n                  image-url="https://i.imgur.com/MVgOJn7.png"\n                  description="Be one of the top 3 referrers at the end of the year and receive Klip free for 1 year!"\n                  layout="columns"\n                  image-percentage="33%"\n                  padding-image="large"\n                  padding-text="large"\n                  background-color=""\n                ></sqm-hero-image>\n                <sqm-leaderboard></sqm-leaderboard>\n              </sqm-tab>\n              <sqm-tab header="Referral history"\n              >\n                <sqm-referral-table></sqm-referral-table>\n              </sqm-tab>\n              <sqm-tab header="Reward history">\n                <sqm-rewards-table></sqm-rewards-table>\n              </sqm-tab>\n              <sqm-tab header="Redeem">\n                <sqm-reward-exchange-list></sqm-reward-exchange-list>\n              </sqm-tab>\n            </sqm-tabs>\n      '}))};var j_=function(){return t("div",{style:{position:"relative",height:"2000px"}},t("sqm-scroll",{"button-text":"Redeem rewards","scroll-tag-name":"sqm-reward-exchange-list"}),t("div",{style:{position:"absolute",bottom:"0"},innerHTML:'\n              <sqm-tabs>\n              <sqm-tab header="Leaderboard">\n                <sqm-hero-image\n                  image-url="https://i.imgur.com/MVgOJn7.png"\n                  description="Be one of the top 3 referrers at the end of the year and receive Klip free for 1 year!"\n                  layout="columns"\n                  image-percentage="33%"\n                  padding-image="large"\n                  padding-text="large"\n                  background-color=""\n                ></sqm-hero-image>\n                <sqm-leaderboard></sqm-leaderboard>\n              </sqm-tab>\n              <sqm-tab header="Referral history"\n              >\n                <sqm-referral-table></sqm-referral-table>\n              </sqm-tab>\n              <sqm-tab header="Reward history">\n                <sqm-rewards-table></sqm-rewards-table>\n              </sqm-tab>\n              <sqm-tab header="Redeem">\n                <sqm-reward-exchange-list></sqm-reward-exchange-list>\n              </sqm-tab>\n            </sqm-tabs>\n      '}))};var W_=function(){return t("div",null,t("div",{style:{display:"flex",gap:"60px"}},t("div",{style:{textAlign:"center"}},t("h3",null,"Type:"),t("sqm-scroll",{"button-type":"primary"},"Primary"),t("br",null),t("sqm-scroll",{"button-type":"success"},"Success"),t("br",null),t("sqm-scroll",{"button-type":"neutral"},"Neutral"),t("br",null),t("sqm-scroll",{"button-type":"warning"},"Warning"),t("br",null),t("sqm-scroll",{"button-type":"danger"},"Danger")),t("div",{style:{textAlign:"center"}},t("h3",null,"Outline:"),t("sqm-scroll",{outline:true,"button-type":"primary"},"Primary"),t("br",null),t("sqm-scroll",{outline:true,"button-type":"success"},"Success"),t("br",null),t("sqm-scroll",{outline:true,"button-type":"neutral"},"Neutral"),t("br",null),t("sqm-scroll",{outline:true,"button-type":"warning"},"Warning"),t("br",null),t("sqm-scroll",{outline:true,"button-type":"danger"},"Danger"))),t("br",null)," ",t("hr",null),t("h3",null,"Text:"),t("sqm-scroll",{"button-type":"text"},"Text"),t("br",null)," ",t("hr",null),t("h3",null,"Size:"),t("sqm-scroll",{size:"small"},"Small"),t("br",null),t("sqm-scroll",{size:"medium"},"Medium"),t("br",null),t("sqm-scroll",{size:"large"},"Large"),t("br",null)," ",t("hr",null),t("h3",null,"Pill:"),t("sqm-scroll",{pill:true},"Button"),t("br",null)," ",t("hr",null),t("h3",null,"Icon:"),t("sqm-scroll",{"button-type":"primary",iconName:"facebook"},"Icon Name"),t("br",null),t("sqm-scroll",{iconName:"gear",iconSlot:"prefix"},"Icon Slot Prefix"),t("br",null),t("sqm-scroll",{iconName:"gear",iconSlot:"suffix"},"Icon Slot Suffix"),t("br",null)," ",t("hr",null),t("h3",null,"Circle:"),t("sqm-scroll",{circle:true},"X"),t("br",null)," ",t("hr",null),t("h3",null,"Mobile Friendly:"),t("sqm-scroll",{mobile:true},"Button"),t("br",null)," ",t("hr",null))};var M_=Object.freeze({__proto__:null,default:F_,ScrollTag:O_,ScrollId:L_,ScrollAutoAnimation:B_,ScrollTabGroup:G_,ScrollTabGroupInner:j_,ShoelaceProps:W_});var U_='@author:noah\n@owner:noah\nFeature: Share Button\n\n  The share button redirects users to a platform where they can share their referral link\n\n  @motivating\n  @ui\n  Scenario Outline: Share button displays for various platforms\n    Given the share button\'s medium prop is "<medium>"\n    And the button\'s child is text saying "BUTTON_TEXT"\n    When the share button is rendered\n    Then the button has text "BUTTON_TEXT"\n    And the button is <colour>\n    And it displays an <icon> beside the text\n    And clicking the button redirects to an appropriate link\n    Examples:\n      | medium        | colour       | icon               |\n      | facebook      | #1877f2      | facebook logo      |\n      | twitter       | #000000      | twitter x logo     |\n      | email         | #666666      | envelope           |\n      | direct        | brand colour | paper plane        |\n      | linkedin      | #0077b5      | linkedIn logo      |\n      | sms           | #34DA50      | chat bubble        |\n      | fbmessenger   | #0084ff      | messenger logo     |\n      | whatsapp      | #25d366      | whatsapp logo      |\n      | linemessenger | #00B300      | linemessenger logo |\n      | pinterest     | #e60023      | pinterest logo     |\n\n  @minutia\n  @ui\n  Scenario Outline: Default icons can be overwritten\n    Given a share button for any medium with <iconPropValue>\n    When the share button is rendered\n    Then it displays a <iconPropValue> instead of the share mediums default icon\n    Examples:\n      | iconPropValue |\n      | basket        |\n      | bluetooth     |\n      | bandaid       |\n\n  @motivating\n  @ui\n  Scenario Outline: Default share medium colours can be overwritten\n    Given a share button for any medium with <backgroundColourPropValue>\n    When the share button is rendered\n    Then the share button is <backgroundColourPropValue>\n    Examples:\n      | backgroundColourPropValue |\n      | blue                      |\n      | black                     |\n      | green                     |\n\n  @minutia\n  @ui\n  Scenario Outline: Share medium icons and text can be hidden\n    Given a share button with <prop> <value>\n    When the share button is rendered\n    Then <element> is hidden\n    Examples:\n      | prop     | value | element |\n      | hideicon | true  | icon    |\n      | hidetext | true  | text    |\n\n  @minutia\n  @ui\n  Scenario Outline: Icons can be on either side of the text\n    Given a share button with <iconslotPropValue>\n    When the share button is rendered\n    Then the icon is displayed to the <direction> of the text\n    Examples:\n      | iconslotPropValue | direction |\n      | suffix            | right     |\n      | prefix            | left      |\n      | prefix            | left      |\n\n  @minutia\n  Scenario: Unsupported browsers hide native share buttons\n    Given the share button\'s medium prop is "direct"\n    And your browser does not support the Web Share API\n    Then the share button is hidden\n\n  @minutia\n  Scenario: SMS share buttons are hidden on non Android and iOS devices\n    Given the share button\'s medium is "sms"\n    And the share button is being viewed on a device which is not an Android or iOS device\n    Then the share button is hidden\n\n  @motivating\n  Scenario: Facebook share buttons uses SquatchAndroid sharing features\n    Given the share button\'s medium is "facebook"\n    And the share button is being viewed in a web view with the SquatchAndroid API\n    And the Facebook app is available\n    Then tapping the share button opens the phone\'s Facebook app\n    And a share activity is opened with the share link prefilled\n\n  @motivating\n  Scenario: SquatchAndroid falls back to the Facebook website if no app is available\n    Given the share button\'s medium is "facebook"\n    And the share button is being viewed in a web view with the SquatchAndroid API\n    And the Facebook app is not available\n    Then tapping the share button opens the the Facebook mobile site in the device\'s browser\n    And a share activity is opened with the share link prefilled\n\n  @minutia\n  Scenario: A supplied program ID is used if available\n    Given the program id is supplied to the component in the "programId" prop\n    Then the program ID in the "programId" prop is used to retrieve share links\n\n  @minutia\n  Scenario: The program ID is automatically fetched from context\n    Given the program id is not supplied to the component in the "programId" prop\n    Then the program ID is retrieved from context';var V_={title:"Components/Share Button",parameters:{scenario:U_}};var z_=function(){var e={medium:"whatsapp",iconslot:"prefix"};return t(L,Object.assign({},e),"Share")};var H_=function(){var e={medium:"whatsapp",iconslot:"suffix"};return t(L,Object.assign({},e),"Share")};var Y_=function(){var e={medium:"facebook",icon:"person-badge"};return t(L,Object.assign({},e),"Share")};var X_=function(){var e={medium:"facebook",type:"text"};return t(L,Object.assign({},e),"Share")};var $_=function(){var e={medium:"facebook",hideicon:true};return t(L,Object.assign({},e),"Share")};var J_=function(){var e={medium:"facebook",hidetext:true};return t(L,Object.assign({},e),"Share")};var K_=function(){var e={medium:"facebook",type:"text",hideicon:true};return t(L,Object.assign({},e),"Share")};var Z_=function(){var e={medium:"facebook",type:"text",backgroundcolor:"red",textcolor:"yellow",iconslot:"prefix",border:"2px solid yellow",borderradius:30};return t(L,Object.assign({},e),"Facebook")};var Q_=function(){var e={medium:"facebook",type:"text",borderradius:8,iconslot:"prefix"};return t(L,Object.assign({},e),"Facebook")};var eq=function(){var e={medium:"facebook",type:"text",onClick:undefined,messageLink:"https://www.example.com"};return t(L,Object.assign({},e),"Click me")};var tq=function(){return t("div",null,t("sqm-share-button",{medium:"facebook"},t("span",null,"Facebook")),t("br",null),t("sqm-share-button",{medium:"email"},t("span",null,"Email")))};var nq=function(){return t("div",null,t("sqm-share-button",{medium:"facebook"},t("span",null,"Facebook")),t("br",null),t("sqm-share-button",{medium:"email"},t("span",null,"Email")),t("br",null),t("sqm-share-button",{medium:"whatsapp"},t("span",null,"WhatsApp")),t("br",null),t("sqm-share-button",{medium:"linkedin"},t("span",null,"Linkedin")),t("br",null),t("sqm-share-button",{medium:"twitter"},t("span",null,"Post on X")),t("br",null),t("sqm-share-button",{medium:"pinterest"},t("span",null,"Pinterest")),t("br",null),t("sqm-share-button",{medium:"fbmessenger"},t("span",null,"Messenger")),t("br",null),t("sqm-share-button",{medium:"sms"},t("span",null,"SMS")),t("br",null),t("sqm-share-button",{medium:"linemessenger"},t("span",null,"Line Messenger")),t("br",null),t("sqm-share-button",{medium:"direct"},t("span",null,"Share")))};var aq=Object.freeze({__proto__:null,default:V_,WithIconPrefix:z_,WithIconSuffix:H_,WithIconOverride:Y_,TextStyle:X_,WithoutIcon:$_,WithoutText:J_,TextStyleWithoutIcon:K_,WithCustomColorsAndBranding:Z_,WithCustomBorderRadius:Q_,LinkLocationTest:eq,FullStackIcon:tq,AllMediums:nq});var rq={title:"Hooks / useShareButton"};function sq(){var e="testestest";var t=e;var n="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:n};l((function(){c({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;c(undefined)}}),[])}var iq=hr((function(){sq();var e="sam-partner-test-2";var n=[_e({programId:e,medium:"facebook"}),_e({programId:e,medium:"twitter"}),_e({programId:e,medium:"email"}),_e({programId:e,medium:"direct"}),_e({programId:e,medium:"sms"})];return t("div",null,n.map((function(e){return t("div",null,t("button",{onClick:e.onClick},"Share link (",e.medium,")"))})))}));var oq=hr((function(){sq();var e="sam-partner-test-2";var n=["facebook","twitter","email","direct","sms"];return t("div",null,n.map((function(n){return t("div",null,t("sqm-share-button",Object.assign({},{programId:e,medium:n}),"BUTTON_TEXT"))})))}));var lq=Object.freeze({__proto__:null,default:rq,BareBonesView:iq,RegularView:oq});var dq='@author:johan\n@owner:johan\nFeature: Share Code\n\n  The share code component is a box that allows users to see and copy their referral code for a given program\n\n  Background: Environment\n    Given there is a valid program ID in the environment\n    And there is a valid user ID and account ID in the environment\n\n  @motivating\n  Scenario: A Users referral code can be copied to their clipboard\n    Given tooltiptext is "hello tooltip"\n    When the component renders\n    Then there is a textbox with the user\'s share code\n    When the clipboard icon is clicked\n    Then the code is copied to clipboard\n    And a tooltip will appear for ~1 second\n\n  @minutia\n  Scenario: Tooltip lifespan defaults to 2000\n    Given the tooltip\'s lifespan is set to 2000\n    And there is tooltip text\n    When the component renders\n    And the clipboard icon is clicked\n    Then a tooltip will appear for ~2 seconds\n\n  @minutia\n  Scenario: Demo\n    Given isDemo() returns true\n    Then the share code is "SHARECODE001"\n    And the component won\'t be interactive\n    And the tooltip is hidden\n\n  @minutia\n  Scenario: Program ID can be sourced from prop\n    Given the programId prop is set to "program-a"\n    And window.widgetIdent.programId is set to "program-b"\n    When the component renders\n    Then the share code is for "program-a"\n\n  @minutia\n  Scenario: Program ID can be sourced from window\n    Given the programId prop is unset\n    And window.widgetIdent.programId is set to "program-b"\n    When the component renders\n    Then the share code is for "program-b"\n\n  @minutia\n  Scenario: An analytic event is fired when a user copies their code\n    Given a user viewing the share code component\n    And the component is rendered for "program-a"\n    When they click to copy their code\n    Then an "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT" analytic event is fired\n    And it is for "program-a"\n    And it has share medium "DIRECT"\n\n\n  @ui\n  Scenario Outline: user can edit the alignment of the share code text\n    Given a user is editing the share code component\n    Then they see "Align text" props\n    And the default value is "left"\n    When they change the option to <option>\n    Then they see the text in <position>\n    Examples:\n      | option | position |\n      | left   | left     |\n      | center | center   |\n      | right  | right    |\n\n  @ui\n  Scenario Outline: The position of the copy button can be changed\n    Given a user is editing the share code component\n    Then they see "Style" props\n    And the default value is "icon"\n    When they change the option to <option>\n    Then they see the copy button in <position>\n    Examples:\n      | option         | position                        |\n      | button outside | outside the input, on the right |\n      | button below   | outside the input, below        |\n      | icon           | inside the input as an icon     |\n';var uq={title:"Components/Share Code",parameters:{scenario:dq}};var cq=function(){return t("sqm-share-code",{tooltiptext:"Copied to Clipboard"})};var mq=function(){return t("sqm-share-code",{tooltiptext:"CUSTOM TOOLTIP TEXT"})};var pq=function(){return t("sqm-share-code",{textAlign:"center"})};var hq=function(){return t("sqm-share-code",{textAlign:"right"})};var gq=function(){return t("sqm-share-code",{tooltiplifespan:5e3,tooltiptext:"CUSTOM TOOLTIP TEXT"})};var fq=function(){return t(b,Object.assign({},{copyString:"https://noah.example.com",open:false,tooltiptext:"Copied!",isCopyIcon:false}))};var bq=function(){return t(b,Object.assign({},{copyString:"https://noah.example.com",open:false,tooltiptext:"Copied!",buttonStyle:"button-below"}))};var vq=function(){var e={copyString:"https://noah.example.com",disabled:true,open:true,tooltiptext:"Copied!",error:true};return t(b,Object.assign({},e))};var xq=Object.freeze({__proto__:null,default:uq,ShareCode:cq,CustomTooltipText:mq,TextAlignCenter:pq,TextAlignRight:hq,CustomTooltipDuration:gq,CopyButton:fq,CopyButtonBelow:bq,Error:vq});var wq='@author:johan\n@owner:johan\nFeature: Share Link\n\n  The share link component is a box that allows users to see and copy their share link for a given program\n\n  Background: Environment\n    Given there is a valid program ID in the environment\n    And there is a valid user ID and account ID in the environment\n\n  @motivating\n  Scenario: A Users sharelink can be copied to their clipboard\n    Given tooltipText is "hello tooltip"\n    When the component renders\n    Then there is a textbox with the user\'s share link\n    When the clipboard icon is clicked\n    Then the link is copied to clipboard\n    And a tooltip appears for ~1 second\n\n  @minutia\n  Scenario: Tooltip lifespan defaults to 2000\n    Given the tooltip\'s lifespan is set to 2000\n    And there is tooltip text\n    When the component renders\n    And the clipboard icon is clicked\n    Then a tooltip appears for ~2 seconds\n\n  @minutia\n  Scenario: Demo\n    Given isDemo() returns true\n    Then the share link is "https://www.example.com/sharelink/abc"\n    And the component won\'t be interactive\n    And the tooltip is hidden\n\n  @minutia\n  Scenario: Program ID can be sourced from prop\n    Given the programId prop is set to "program-a"\n    And window.widgetIdent.programId is set to "program-b"\n    When the component renders\n    Then the share link is for "program-a"\n\n  @minutia\n  Scenario: Program ID can be sourced from window\n    Given the programId prop is unset\n    And window.widgetIdent.programId is set to "program-b"\n    When the component renders\n    Then the share link is for "program-b"\n\n  @minutia\n  Scenario: An analytic event is fired when a user copies their sharelink\n    Given a user viewing the share link component\n    And the component is rendered for "program-a"\n    When they click to copy their link\n    Then an "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT" analytic event is fired\n    And it is for "program-a"\n    And it has share medium "DIRECT"\n\n\n  @ui\n  Scenario Outline: user can edit the alignment of the share link text\n    Given a user is editing the share link component\n    Then they see "Align text" props\n    And the default value is "left"\n    When they change the option to <option>\n    Then they see the text in <position>\n    Examples:\n      | option | position |\n      | left   | left     |\n      | center | center   |\n      | right  | right    |\n\n  @ui\n  Scenario Outline: The position of the copy button can be changed\n    Given a user is editing the share link component\n    Then they see "Style" props\n    And the default value is "icon"\n    When they change the option to <option>\n    Then they see the copy button in <position>\n    Examples:\n      | option         | position                        |\n      | button outside | outside the input, on the right |\n      | button below   | outside the input, below        |\n      | icon           | inside the input as an icon     |\n';var yq={title:"Components/Share Link",parameters:{scenario:wq}};var _q=function(){var e={copyString:"https://noah.example.com",open:false,tooltiptext:"Copied!"};return t(b,Object.assign({},e))};var qq=function(){var e={copyString:"https://noah.example.com",tooltiptext:"Some text for the tooltip",open:true};return t(b,Object.assign({},e))};var Eq=function(){var e={copyString:"https://noah.example.com",disabled:true,open:true,tooltiptext:"Copied!"};return t(b,Object.assign({},e))};var kq=function(){var e={copyString:"https://noah.example.com",disabled:true,open:true,tooltiptext:"Copied!",error:true};return t(b,Object.assign({},e))};var Tq=function(){return t("sqm-share-link",{textAlign:"center"})};var Cq=function(){return t("sqm-share-link",{textAlign:"right"})};var Aq=function(){return t(b,Object.assign({},{copyString:"https://noah.example.com",open:false,tooltiptext:"Copied!",isCopyIcon:false}))};var Dq=function(){return t(b,Object.assign({},{copyString:"https://noah.example.com",open:false,tooltiptext:"Copied!",buttonStyle:"button-below"}))};var Sq=function(){var e={copyString:"https://noah.example.com",open:false,tooltiptext:"Copied!",backgroundColor:"#1ed760",borderRadius:"30px",textColor:"#121212",buttonType:"primary"};return t(b,Object.assign({},e))};var Rq=function(){var e={copyString:"https://noah.example.com",open:false,tooltiptext:"Copied!",backgroundColor:"#1ed760",borderRadius:"30px",textColor:"red",buttonType:"primary",borderColor:"#121212"};return t("sqm-share-link",{demoData:__assign({},e),backgroundColor:"#1ed760"})};var Iq=function(){return t("sqm-share-link",null)};var Pq=Object.freeze({__proto__:null,default:yq,Default:_q,Tooltip:qq,Disabled:Eq,Error:kq,TextAlignCenter:Tq,TextAlignRight:Cq,CopyButton:Aq,CopyButtonBelow:Dq,CustomStyles:Sq,CustomStylesWithDemoHooks:Rq,FullStack:Iq});var Nq={title:"Hooks / useShareLink"};function Fq(){var e="zach.harrison@referralsaasquatch.com";var t=e;var n="klip-referral-program";window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com",programId:n};l((function(){c({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI"});return function(){window.widgetIdent=undefined;c(undefined)}}),[])}var Oq=hr((function(){Fq();var e=qe({programId:"klip-referral-program",tooltiplifespan:0,tooltiptext:""});return t("div",null,"Sharelink:"," ",t("code",{style:{borderStyle:"solid",borderWidth:"1px",padding:"2px"}},e.copyString))}));var Lq=hr((function(){Fq();return t(b,Object.assign({},qe({programId:"klip-referral-program",tooltiptext:"Copied to clipboard",tooltiplifespan:1e3})))}));var Bq=hr((function(){Fq();return t(b,Object.assign({},qe({programId:"klip-referral-program",tooltiptext:"⠀⠀⠀⠀⠀⠀⠀⠀⠀HELLO THERE!!!\n⠀⠀⠀⡯⡯⡾⠝⠘⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢊⠘⡮⣣⠪⠢⡑⡌\n⠀⠀⠀⠟⠝⠈⠀⠀⠀⠡⠀⠠⢈⠠⢐⢠⢂⢔⣐⢄⡂⢔⠀⡁⢉⠸⢨⢑⠕⡌\n⠀⠀⡀⠁⠀⠀⠀⡀⢂⠡⠈⡔⣕⢮⣳⢯⣿⣻⣟⣯⣯⢷⣫⣆⡂⠀⠀⢐⠑⡌\n⢀⠠⠐⠈⠀⢀⢂⠢⡂⠕⡁⣝⢮⣳⢽⡽⣾⣻⣿⣯⡯⣟⣞⢾⢜⢆⠀⡀⠀⠪\n⣬⠂⠀⠀⢀⢂⢪⠨⢂⠥⣺⡪⣗⢗⣽⢽⡯⣿⣽⣷⢿⡽⡾⡽⣝⢎⠀⠀⠀⢡\n⣿⠀⠀⠀⢂⠢⢂⢥⢱⡹⣪⢞⡵⣻⡪⡯⡯⣟⡾⣿⣻⡽⣯⡻⣪⠧⠑⠀⠁⢐\n⣿⠀⠀⠀⠢⢑⠠⠑⠕⡝⡎⡗⡝⡎⣞⢽⡹⣕⢯⢻⠹⡹⢚⠝⡷⡽⡨⠀⠀⢔\n⣿⡯⠀⢈⠈⢄⠂⠂⠐⠀⠌⠠⢑⠱⡱⡱⡑⢔⠁⠀⡀⠐⠐⠐⡡⡹⣪⠀⠀⢘\n⣿⣽⠀⡀⡊⠀⠐⠨⠈⡁⠂⢈⠠⡱⡽⣷⡑⠁⠠⠑⠀⢉⢇⣤⢘⣪⢽⠀⢌⢎\n⣿⢾⠀⢌⠌⠀⡁⠢⠂⠐⡀⠀⢀⢳⢽⣽⡺⣨⢄⣑⢉⢃⢭⡲⣕⡭⣹⠠⢐⢗\n⣿⡗⠀⠢⠡⡱⡸⣔⢵⢱⢸⠈⠀⡪⣳⣳⢹⢜⡵⣱⢱⡱⣳⡹⣵⣻⢔⢅⢬⡷\n⣷⡇⡂⠡⡑⢕⢕⠕⡑⠡⢂⢊⢐⢕⡝⡮⡧⡳⣝⢴⡐⣁⠃⡫⡒⣕⢏⡮⣷⡟\n⣷⣻⣅⠑⢌⠢⠁⢐⠠⠑⡐⠐⠌⡪⠮⡫⠪⡪⡪⣺⢸⠰⠡⠠⠐⢱⠨⡪⡪⡰\n⣯⢷⣟⣇⡂⡂⡌⡀⠀⠁⡂⠅⠂⠀⡑⡄⢇⠇⢝⡨⡠⡁⢐⠠⢀⢪⡐⡜⡪⡊\n⣿⢽⡾⢹⡄⠕⡅⢇⠂⠑⣴⡬⣬⣬⣆⢮⣦⣷⣵⣷⡗⢃⢮⠱⡸⢰⢱⢸⢨⢌\n⣯⢯⣟⠸⣳⡅⠜⠔⡌⡐⠈⠻⠟⣿⢿⣿⣿⠿⡻⣃⠢⣱⡳⡱⡩⢢⠣⡃⠢⠁\n⡯⣟⣞⡇⡿⣽⡪⡘⡰⠨⢐⢀⠢⢢⢄⢤⣰⠼⡾⢕⢕⡵⣝⠎⢌⢪⠪⡘⡌⠀\n⡯⣳⠯⠚⢊⠡⡂⢂⠨⠊⠔⡑⠬⡸⣘⢬⢪⣪⡺⡼⣕⢯⢞⢕⢝⠎⢻⢼⣀⠀\n⠁⡂⠔⡁⡢⠣⢀⠢⠀⠅⠱⡐⡱⡘⡔⡕⡕⣲⡹⣎⡮⡏⡑⢜⢼⡱⢩⣗⣯⣟\n⢀⢂⢑⠀⡂⡃⠅⠊⢄⢑⠠⠑⢕⢕⢝⢮⢺⢕⢟⢮⢊⢢⢱⢄⠃⣇⣞⢞⣞⢾\n⢀⠢⡑⡀⢂⢊⠠⠁⡂⡐⠀⠅⡈⠪⠪⠪⠣⠫⠑⡁⢔⠕⣜⣜⢦⡰⡎⡯⡾⡽",tooltiplifespan:500})))}));var Gq=Object.freeze({__proto__:null,default:Nq,BareBonesView:Oq,RegularView:Lq,FastTooltip:Bq});var jq='@author:Zach\n@owner:Zach\nFeature: Tabs\n\n  The Tabs takes in the Tab component as children and maps through to display their header and content.\n\n  Background: A user on the portal is viewing the widget\n    Given a user viewing the Tabs component\n\n  @motivating\n  Scenario: Content inside the active tab is shown\n    Given the header is set to <tabHeader>\n    And the content inside is <tabContent>\n    And the user has clicked <tabHeader>\n    Then the <tabContent> is shown\n    Examples:\n      | tabHeader | tabContent               |\n      | Settings  | This is the settings tab |\n      | General   | This is the general tab  |\n      | History   | This is the history tab  |\n\n  @motivating\n  @ui\n  Scenario: The placement of the tabs is configurable\n    Given The placement prop has been passed a valid <placement>\n    Then tabs are placed on the <placementResult>\n    Examples:\n      | placement | placementResult                |\n      |           | top of the content             |\n      | left      | left hand side of the content  |\n      | right     | right hand side of the content |\n      | bottom    | bottom of the content          |\n\n\n  @minutia\n  @ui\n  Scenario Outline: Tabs are setup to use the brand color\n    Given the brand color is set to darkblue\n    Then the text inside the active tab is darkblue\n    And the underline of the active tab is darkblue\n\n  @ui\n  Scenario: Tabs are responsive\n    Given the user is on a mobile device\n    When there are more tabs than the horizontal space allows for\n    Then clickable arrows appear on the left and right of the tabs\n    And the tabs are scrollable\n\n  @landmine\n  Scenario: Program section cannot be used inside of tabs\n    Given a tabs component\n    And tab containing a program section with program-id "test123"\n    And the program section wraps a component using program context\n    When the tabs component is rendered\n    Then the "sq:program-id" event listener for the program section is removed\n    And the component does not use program-id "test123" to source its data\n    And falls back to the global program id';var Wq={title:"Components/Tabs",parameters:{scenario:jq}};var Mq=function(){return t("div",{style:{maxWidth:"700px",margin:"auto"},innerHTML:'\n     <sqm-tabs>\n        <sqm-tab header="General">This is the general tab</sqm-tab>\n        <sqm-tab header="Custom">This is the custom tab</sqm-tab>\n        <sqm-tab header="Advanced">This is the advanced tab</sqm-tab>\n      </sqm-tabs>\n    '})};var Uq=function(){return t("div",{style:{maxWidth:"700px",margin:"auto"},innerHTML:'\n     <sqm-tabs text-color="red">\n        <sqm-tab header="General">This is the general tab</sqm-tab>\n        <sqm-tab header="Custom">This is the custom tab</sqm-tab>\n        <sqm-tab header="Advanced">This is the advanced tab</sqm-tab>\n      </sqm-tabs>\n    '})};var Vq=function(){return t("div",{style:{maxWidth:"700px",margin:"auto"},innerHTML:'\n     <sqm-tabs>\n        <sqm-tab header="General">This is the general tab</sqm-tab>\n        <sqm-tab header="Custom">This is the custom tab</sqm-tab>\n        <sqm-tab header="Advanced">This is the advanced tab</sqm-tab> \n        <sqm-tab header="General">This is the general tab</sqm-tab>\n        <sqm-tab header="Custom">This is the custom tab</sqm-tab>\n        <sqm-tab header="Advanced">This is the advanced tab</sqm-tab>\n        <sqm-tab header="General">This is the general tab</sqm-tab>\n        <sqm-tab header="Custom">This is the custom tab</sqm-tab>\n        <sqm-tab header="Advanced">This is the advanced tab</sqm-tab>\n        <sqm-tab header="General">This is the general tab</sqm-tab>\n        <sqm-tab header="Custom">This is the custom tab</sqm-tab>\n        <sqm-tab header="Advanced">This is the advanced tab</sqm-tab>\n      </sqm-tabs>\n    '})};var zq=function(){return t("div",{style:{maxWidth:"700px",margin:"auto"},innerHTML:'\n     <sqm-tabs>\n        <sqm-tab header="Redeem">\n          <sqm-reward-exchange-list></sqm-reward-exchange-list>\n        </sqm-tab>\n      </sqm-tabs>\n    '})};var Hq=function(){return t("div",{style:{maxWidth:"700px",margin:"auto"},innerHTML:'\n    <sqm-tabs>\n    <sqm-tab header="Leaderboard">\n      <sqm-leaderboard></sqm-leaderboard>\n    </sqm-tab>\n    <sqm-tab header="Referral history">\n      <sqm-referral-table>\n        <sqm-referral-table-user-column\n          column-title="User"\n          anonymous-user="Anonymous User"\n          deleted-user="Deleted User"\n        >\n        </sqm-referral-table-user-column>\n        <sqm-referral-table-status-column\n          column-title="Referral status"\n          converted-status-text="Converted"\n          in-progress-status-text="In Progress"\n        >\n        </sqm-referral-table-status-column>\n        <sqm-referral-table-rewards-column\n          column-title="Rewards"\n          expiring-text="Expiring in"\n          fuel-tank-text="Your code is"\n          pending-for-text="{status} for {date}"\n          reward-received-text="Reward received on"\n          status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }"\n          status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n        >\n        </sqm-referral-table-rewards-column>\n        <sqm-referral-table-date-column\n          column-title="Date referred"\n          date-shown="dateReferralStarted"\n        >\n        </sqm-referral-table-date-column>\n        <sqm-empty\n          empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png"\n          empty-state-header="View your referral details"\n          empty-state-text="Refer a friend to view the status of your referrals and rewards earned"\n        >\n        </sqm-empty\n      ></sqm-referral-table>\n    </sqm-tab>\n    <sqm-tab header="Reward history">\n      <sqm-rewards-table\n        ><sqm-rewards-table-reward-column\n          available-text="{availableAmount} remaining"\n          column-title="Reward"\n          copy-text="Copied!"\n          redeemed-text="{redeemedAmount} redeemed"\n        >\n        </sqm-rewards-table-reward-column>\n        <sqm-rewards-table-source-column\n          anonymous-user="Anonymous User"\n          column-title="Source"\n          deleted-user="Deleted User"\n          referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}"\n          reward-exchange-text="Reward Exchange"\n          reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"\n        >\n        </sqm-rewards-table-source-column>\n        <sqm-rewards-table-status-column\n          column-title="Status"\n          expiry-text="Expires on "\n          status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n        >\n        </sqm-rewards-table-status-column>\n        <sqm-rewards-table-date-column\n          column-title="Date received"\n          date-shown="dateGiven"\n        >\n        </sqm-rewards-table-date-column>\n        <sqm-empty\n          empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png"\n          empty-state-header="View your rewards"\n          empty-state-text="Refer friends and complete tasks to view the details of your rewards"\n        >\n        </sqm-empty\n      ></sqm-rewards-table>\n    </sqm-tab>\n  </sqm-tabs>  \n    '})};var Yq=function(){return t("div",{style:{maxWidth:"700px",margin:"auto"},innerHTML:'\n    <sqm-tabs placement="top">\n    <sqm-tab header="Leaderboard">\n      <sqm-hero-image\n        image-url="https://i.imgur.com/MVgOJn7.png"\n        description="Be one of the top 3 referrers at the end of the year and receive Klip free for 1 year!"\n        layout="columns"\n        image-percentage="33%"\n        padding-image="large"\n        padding-text="large"\n        background-color=""\n      ></sqm-hero-image>\n      <sqm-leaderboard></sqm-leaderboard>\n    </sqm-tab>\n    <sqm-tab header="Referral history">\n      <sqm-referral-table>\n        <sqm-referral-table-user-column\n          column-title="User"\n          anonymous-user="Anonymous User"\n          deleted-user="Deleted User"\n        >\n        </sqm-referral-table-user-column>\n        <sqm-referral-table-status-column\n          column-title="Referral status"\n          converted-status-text="Converted"\n          in-progress-status-text="In Progress"\n        >\n        </sqm-referral-table-status-column>\n        <sqm-referral-table-rewards-column\n          column-title="Rewards"\n          expiring-text="Expiring in"\n          fuel-tank-text="Your code is"\n          pending-for-text="{status} for {date}"\n          reward-received-text="Reward received on"\n          status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }"\n          status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n        >\n        </sqm-referral-table-rewards-column>\n        <sqm-referral-table-date-column\n          column-title="Date referred"\n          date-shown="dateReferralStarted"\n        >\n        </sqm-referral-table-date-column>\n        <sqm-empty\n          empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png"\n          empty-state-header="View your referral details"\n          empty-state-text="Refer a friend to view the status of your referrals and rewards earned"\n        >\n        </sqm-empty\n      ></sqm-referral-table>\n    </sqm-tab>\n    <sqm-tab header="Reward history">\n      <sqm-rewards-table\n        ><sqm-rewards-table-reward-column\n          available-text="{availableAmount} remaining"\n          column-title="Reward"\n          copy-text="Copied!"\n          redeemed-text="{redeemedAmount} redeemed"\n        >\n        </sqm-rewards-table-reward-column>\n        <sqm-rewards-table-source-column\n          anonymous-user="Anonymous User"\n          column-title="Source"\n          deleted-user="Deleted User"\n          referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}"\n          reward-exchange-text="Reward Exchange"\n          reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"\n        >\n        </sqm-rewards-table-source-column>\n        <sqm-rewards-table-status-column\n          column-title="Status"\n          expiry-text="Expires on "\n          status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n        >\n        </sqm-rewards-table-status-column>\n        <sqm-rewards-table-date-column\n          column-title="Date received"\n          date-shown="dateGiven"\n        >\n        </sqm-rewards-table-date-column>\n        <sqm-empty\n          empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png"\n          empty-state-header="View your rewards"\n          empty-state-text="Refer friends and complete tasks to view the details of your rewards"\n        >\n        </sqm-empty\n      ></sqm-rewards-table>\n    </sqm-tab>\n    <sqm-tab header="Redeem">\n      <sqm-reward-exchange-list></sqm-reward-exchange-list>\n    </sqm-tab>\n  </sqm-tabs>  \n    '})};var Xq=function(){return t("div",{style:{maxWidth:"700px",margin:"auto"},innerHTML:'\n    <sqm-tabs placement="bottom">\n    <sqm-tab header="Leaderboard">\n      <sqm-hero-image\n        image-url="https://i.imgur.com/MVgOJn7.png"\n        description="Be one of the top 3 referrers at the end of the year and receive Klip free for 1 year!"\n        layout="columns"\n        image-percentage="33%"\n        padding-image="large"\n        padding-text="large"\n        background-color=""\n      ></sqm-hero-image>\n      <sqm-leaderboard></sqm-leaderboard>\n    </sqm-tab>\n    <sqm-tab header="Referral history">\n      <sqm-referral-table\n        ><sqm-referral-table-user-column\n          column-title="User"\n          anonymous-user="Anonymous User"\n          deleted-user="Deleted User"\n        >\n        </sqm-referral-table-user-column>\n        <sqm-referral-table-status-column\n          column-title="Referral status"\n          converted-status-text="Converted"\n          in-progress-status-text="In Progress"\n        >\n        </sqm-referral-table-status-column>\n        <sqm-referral-table-rewards-column\n          column-title="Rewards"\n          expiring-text="Expiring in"\n          fuel-tank-text="Your code is"\n          pending-for-text="{status} for {date}"\n          reward-received-text="Reward received on"\n          status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }"\n          status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n        >\n        </sqm-referral-table-rewards-column>\n        <sqm-referral-table-date-column\n          column-title="Date referred"\n          date-shown="dateReferralStarted"\n        >\n        </sqm-referral-table-date-column>\n        <sqm-empty\n          empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png"\n          empty-state-header="View your referral details"\n          empty-state-text="Refer a friend to view the status of your referrals and rewards earned"\n        >\n        </sqm-empty\n      ></sqm-referral-table>\n    </sqm-tab>\n    <sqm-tab header="Reward history">\n      <sqm-rewards-table\n        ><sqm-rewards-table-reward-column\n          available-text="{availableAmount} remaining"\n          column-title="Reward"\n          copy-text="Copied!"\n          redeemed-text="{redeemedAmount} redeemed"\n        >\n        </sqm-rewards-table-reward-column>\n        <sqm-rewards-table-source-column\n          anonymous-user="Anonymous User"\n          column-title="Source"\n          deleted-user="Deleted User"\n          referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}"\n          reward-exchange-text="Reward Exchange"\n          reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"\n        >\n        </sqm-rewards-table-source-column>\n        <sqm-rewards-table-status-column\n          column-title="Status"\n          expiry-text="Expires on "\n          status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n        >\n        </sqm-rewards-table-status-column>\n        <sqm-rewards-table-date-column\n          column-title="Date received"\n          date-shown="dateGiven"\n        >\n        </sqm-rewards-table-date-column>\n        <sqm-empty\n          empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png"\n          empty-state-header="View your rewards"\n          empty-state-text="Refer friends and complete tasks to view the details of your rewards"\n        >\n        </sqm-empty\n      ></sqm-rewards-table>\n    </sqm-tab>\n    <sqm-tab header="Redeem">\n      <sqm-reward-exchange-list></sqm-reward-exchange-list>\n    </sqm-tab>\n  </sqm-tabs>  \n    '})};var $q=function(){return t("div",{style:{maxWidth:"900px",margin:"auto"},innerHTML:'\n    <sqm-tabs placement="left">\n    <sqm-tab header="Leaderboard">\n      <sqm-hero-image\n        image-url="https://i.imgur.com/MVgOJn7.png"\n        description="Be one of the top 3 referrers at the end of the year and receive Klip free for 1 year!"\n        layout="columns"\n        image-percentage="33%"\n        padding-image="large"\n        padding-text="large"\n        background-color=""\n      ></sqm-hero-image>\n      <sqm-leaderboard></sqm-leaderboard>\n    </sqm-tab>\n    <sqm-tab header="Referral history">\n      <sqm-referral-table\n        ><sqm-referral-table-user-column\n          column-title="User"\n          anonymous-user="Anonymous User"\n          deleted-user="Deleted User"\n        >\n        </sqm-referral-table-user-column>\n        <sqm-referral-table-status-column\n          column-title="Referral status"\n          converted-status-text="Converted"\n          in-progress-status-text="In Progress"\n        >\n        </sqm-referral-table-status-column>\n        <sqm-referral-table-rewards-column\n          column-title="Rewards"\n          expiring-text="Expiring in"\n          fuel-tank-text="Your code is"\n          pending-for-text="{status} for {date}"\n          reward-received-text="Reward received on"\n          status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }"\n          status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n        >\n        </sqm-referral-table-rewards-column>\n        <sqm-referral-table-date-column\n          column-title="Date referred"\n          date-shown="dateReferralStarted"\n        >\n        </sqm-referral-table-date-column>\n        <sqm-empty\n          empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png"\n          empty-state-header="View your referral details"\n          empty-state-text="Refer a friend to view the status of your referrals and rewards earned"\n        >\n        </sqm-empty\n      ></sqm-referral-table>\n    </sqm-tab>\n    <sqm-tab header="Reward history">\n      <sqm-rewards-table\n        ><sqm-rewards-table-reward-column\n          available-text="{availableAmount} remaining"\n          column-title="Reward"\n          copy-text="Copied!"\n          redeemed-text="{redeemedAmount} redeemed"\n        >\n        </sqm-rewards-table-reward-column>\n        <sqm-rewards-table-source-column\n          anonymous-user="Anonymous User"\n          column-title="Source"\n          deleted-user="Deleted User"\n          referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}"\n          reward-exchange-text="Reward Exchange"\n          reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"\n        >\n        </sqm-rewards-table-source-column>\n        <sqm-rewards-table-status-column\n          column-title="Status"\n          expiry-text="Expires on "\n          status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n        >\n        </sqm-rewards-table-status-column>\n        <sqm-rewards-table-date-column\n          column-title="Date received"\n          date-shown="dateGiven"\n        >\n        </sqm-rewards-table-date-column>\n        <sqm-empty\n          empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png"\n          empty-state-header="View your rewards"\n          empty-state-text="Refer friends and complete tasks to view the details of your rewards"\n        >\n        </sqm-empty\n      ></sqm-rewards-table>\n    </sqm-tab>\n    <sqm-tab header="Redeem">\n      <sqm-reward-exchange-list></sqm-reward-exchange-list>\n    </sqm-tab>\n  </sqm-tabs>  \n    '})};var Jq=function(){return t("div",{style:{maxWidth:"900px",margin:"auto"},innerHTML:'\n    <sqm-tabs placement="right">\n    <sqm-tab header="Leaderboard">\n      <sqm-hero-image\n        image-url="https://i.imgur.com/MVgOJn7.png"\n        description="Be one of the top 3 referrers at the end of the year and receive Klip free for 1 year!"\n        layout="columns"\n        image-percentage="33%"\n        padding-image="large"\n        padding-text="large"\n        background-color=""\n      ></sqm-hero-image>\n      <sqm-leaderboard></sqm-leaderboard>\n    </sqm-tab>\n    <sqm-tab header="Referral history">\n      <sqm-referral-table\n        ><sqm-referral-table-user-column\n          column-title="User"\n          anonymous-user="Anonymous User"\n          deleted-user="Deleted User"\n        >\n        </sqm-referral-table-user-column>\n        <sqm-referral-table-status-column\n          column-title="Referral status"\n          converted-status-text="Converted"\n          in-progress-status-text="In Progress"\n        >\n        </sqm-referral-table-status-column>\n        <sqm-referral-table-rewards-column\n          column-title="Rewards"\n          expiring-text="Expiring in"\n          fuel-tank-text="Your code is"\n          pending-for-text="{status} for {date}"\n          reward-received-text="Reward received on"\n          status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }"\n          status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n        >\n        </sqm-referral-table-rewards-column>\n        <sqm-referral-table-date-column\n          column-title="Date referred"\n          date-shown="dateReferralStarted"\n        >\n        </sqm-referral-table-date-column>\n        <sqm-empty\n          empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png"\n          empty-state-header="View your referral details"\n          empty-state-text="Refer a friend to view the status of your referrals and rewards earned"\n        >\n        </sqm-empty\n      ></sqm-referral-table>\n    </sqm-tab>\n    <sqm-tab header="Reward history">\n      <sqm-rewards-table\n        ><sqm-rewards-table-reward-column\n          available-text="{availableAmount} remaining"\n          column-title="Reward"\n          copy-text="Copied!"\n          redeemed-text="{redeemedAmount} redeemed"\n        >\n        </sqm-rewards-table-reward-column>\n        <sqm-rewards-table-source-column\n          anonymous-user="Anonymous User"\n          column-title="Source"\n          deleted-user="Deleted User"\n          referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}"\n          reward-exchange-text="Reward Exchange"\n          reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"\n        >\n        </sqm-rewards-table-source-column>\n        <sqm-rewards-table-status-column\n          column-title="Status"\n          expiry-text="Expires on "\n          status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"\n        >\n        </sqm-rewards-table-status-column>\n        <sqm-rewards-table-date-column\n          column-title="Date received"\n          date-shown="dateGiven"\n        >\n        </sqm-rewards-table-date-column>\n        <sqm-empty\n          empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png"\n          empty-state-header="View your rewards"\n          empty-state-text="Refer friends and complete tasks to view the details of your rewards"\n        >\n        </sqm-empty\n      ></sqm-rewards-table>\n    </sqm-tab>\n    <sqm-tab header="Redeem">\n      <sqm-reward-exchange-list></sqm-reward-exchange-list>\n    </sqm-tab>\n  </sqm-tabs>  \n    '})};var Kq=Object.freeze({__proto__:null,default:Wq,SimpleTabs:Mq,CustomColor:Uq,ManyTabs:Vq,SingleTab:zq,ReferralProgram:Hq,LoyaltyProgram:Yq,BottomTabs:Xq,LeftTabs:$q,RightTabs:Jq});function Zq(e){var n=e.matrix,a=e.props,r=e.Component;var s=Object.keys(n).map((function(e){var t=n[e];return t.map((function(t){var n;return n={},n[e]=t,n}))}));var i=eE.apply(void 0,s);var o=i.map((function(e){return e.reduce((function(e,t){return __assign(__assign({},e),t)}),{})}));return o.map((function(e){var n=__assign(__assign({},a),e);return t("div",null,t(Qq,{values:n}),t("hr",null)," ",t("br",null),t(r,Object.assign({},n)),t("br",null))}))}function Qq(e){var n=e.values;return t("table",null,t("tbody",null,Object.keys(n).map((function(e){return t("tr",null,t("th",null,e),t("td",null,JSON.stringify(n[e])))}))))}function eE(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var n=[],a=e.length-1;function r(t,s){for(var i=0,o=e[s].length;i<o;i++){var l=t.slice(0);l.push(e[s][i]);if(s==a)n.push(l);else r(l,s+1)}}r([],0);return n}var tE='@author:derek\n@owner:kutay\nFeature: Task Card\n\n\t@motivating\n\t@ui\n\tScenario: A header, body title and a CTA button are always displayed\n\t\tGiven the Task Card is configured with the following props\n\t\t\t| prop         | value             |\n\t\t\t| rewardAmount | "40"              |\n\t\t\t| rewardUnit   | "Points"          |\n\t\t\t| cardTitle    | Complete a survey |\n\t\t\t| buttonText   | Take Survey       |\n\t\tWhen a user views the Task Card\n\t\tThen they see "40 Points" as the heading\n\t\tAnd the "40" is bolded\n\t\tAnd they see "Complete a survey" bolded in the body\n\t\tAnd a details icon in the top right hand corner\n\t\tAnd a button with text "Take Survey" in the bottom right hand corner\n\t\tWhen they click the button\n\t\tThen they are redirected to "example.com" in a new window\n\n\t@motivating\n\t@ui\n\tScenario Outline: A Task Card description can be included but is not required\n\t\tGiven a Task Card\n\t\tAnd it has <descriptionPropValue>\n\t\tWhen a user views the Task card\n\t\tThen they <maySee> a chevron icon in the top right\n\t\tWhen they attempt to click the chevron\n\t\tThen they <maySee> the card description\n\t\tExamples:\n\t\t\t| descriptionPropValue             | maySee    |\n\t\t\t| This is my task card description | see       |\n\t\t\t|                                  | don\'t see |\n\n\t@motivating\n\tScenario Outline: CTA links can open in a new tab or the same tab\n\t\tGiven a Task Card\n\t\tAnd it has <openNewTabPropValue>\n\t\tWhen a user views the Task card\n\t\tAnd they click on the CTA\n\t\tThen they are redirected to the CTA link in <tab>\n\t\tExamples:\n\t\t\t| openNewTabPropValue | tab          |\n\t\t\t| true                | a new tab    |\n\t\t\t| false               | the same tab |\n\t\t\t| N/A                 | the same tab |\n\n\t@minutia\n\t@ui\n\tScenario: A loading state is displayed while the Task Card is loading\n\t\tGiven a Task Card component\n\t\tWhen a user views the Task Card\n\t\tThen a loading state is displayed\n\t\tWhen the Task Card has loaded\n\t\tThen the loading state disapears\n\n\t@motivating\n\t@ui\n\tScenario Outline: The Progress Bar can be shown or hidden but is hidden by default\n\t\tGiven a Task Card\n\t\tAnd it has <showProgressBarPropValue>\n\t\tWhen a user views the Task Card\n\t\tThen the progress bar <mayBe> displayed\n\t\tExamples:\n\t\t\t| showProgressBarPropValue | mayBe |\n\t\t\t| true                     | is    |\n\t\t\t| false                    | isn\'t |\n\t\t\t| N/A                      | isn\'t |\n\n\t@motivating\n\tScenario: Clicking the CTA Button can trigger an event to be sent and refresh the widget\n\t\tGiven a Task card\n\t\tAnd it is configured to send an "test" event\n\t\tWhen a user views the Task card\n\t\tAnd clicks on the CTA\n\t\tThen a "test" event is sent to SSQT on the users behalf\n\t\tAnd the contents of the widget the card is dislayed within are refreshed\n\n\t@motivating\n\t@ui\n\tScenario Outline: Tasks can be repeatable or one-time only but are one-time only by default\n\t\tGiven a Task Card\n\t\tAnd it has <repeatablePropValue>\n\t\tAnd a user who has already completed the task\n\t\tWhen they view the Task Card\n\t\tThen they see a brand colour checkmark icon beside the card heading\n\t\tAnd the card <mayBe> brand colour\n\t\tAnd the CTA button <mayBe> disabled\n\t\tAnd the CTA button <mayBe> grey\n\t\tExamples:\n\t\t\t| repeatablePropValue | mayBe |\n\t\t\t| true                | isn\'t |\n\t\t\t| false               | is    |\n\t\t\t| N/A                 | is    |\n\n\t@motivating\n\tScenario Outline: Display duration hides or shows a task\n\t\tGiven a Task Card\n\t\tAnd it has a "display-duration" interval\n\t\tWhen a user views the Card on <day>\n\t\tThen card <mayBeHidden>\n\t\tExamples:\n\t\t\t| day                       | mayBeHidden   |\n\t\t\t| a day before the interval | is hidden     |\n\t\t\t| a day during the interval | is not hidden |\n\t\t\t| a day after the interval  | is hidden     |\n\n\t@motivating\n\tScenario: Task Expiries can be configured and disable the CTA after the expiry\n\t\tGiven a Task Card\n\t\tAnd it has an "reward-duration" interval\n\t\tWhen a user views the card on <day>\n\t\tThen the card <mayBeDisabled>\n\t\tAnd it <mayHaveAlert>\n\t\tAnd it <mayHaveExpiryText> on the bottom left hand side of the card\n\t\tExamples:\n\t\t\t| day                              | mayBeDisabled  | mayHaveAlert                                                      | mayHaveExpiryText                                   |\n\t\t\t| a day before the expiry interval | is disabled    | has alert stating the month, date, year and time the task starts  | doesn\'t have expiry text                            |\n\t\t\t| a day during the expiry interval | isn\'t disabled | doesn\'t have an alert                                             | has the month, date, year and time the task expires |\n\t\t\t| a day after the expiry interval  | is disabled    | has alert stating the month, date, year and time the task expired | doesn\'t have expiry text                            |\n\n\t@motivating\n\tScenario Outline: Task Card dates support localization\n\t\tGiven a Task Card\n\t\tAnd it\'s configured with a expiry duration interval\n\t\tWhen a user with <locale> views the task card <atTime>\n\t\tThen they <seeDate> translated for <locale>\n\t\tExamples:\n\t\t\t| atTime              | locale | seeDate         |\n\t\t\t| before the interval | en     | Task Start Date |\n\t\t\t| during the interval | en     | Task End Date   |\n\t\t\t| after the interval  | en     | Task Ended Date |\n\t\t\t| before the interval | fr     | Task Start Date |\n\t\t\t| during the interval | fr     | Task End Date   |\n\t\t\t| after the interval  | fr     | Task Ended Date |\n\n\t@motivating\n\t@ui\n\tScenario Outline: A task completion count is displayed for repeatable tasks\n\t\tGiven a Task Card\n\t\tAnd it is configured for a repeatable task\n\t\tAnd has it has <goalValue>\n\t\tAnd a user with <userGoalProgress>\n\t\tWhen the user views the task card\n\t\tThen they see a repeat icon\n\t\tAnd the <text> in the bottom left hand corner\n\t\tAnd the <text> is brand colour\n\t\tExamples:\n\t\t\t| goalValue | userGoalProgress | text              |\n\t\t\t| 2         | 0                | Completed 0 times |\n\t\t\t| 2         | 1                | Completed 0 times |\n\t\t\t| 2         | 2                | Completed 1 times |\n\t\t\t| 2         | 4                | Completed 2 times |\n\n\t@motivating\n\tScenario Outline: The source of a user\'s progress can be a custom field or a program goal\n\t\tGiven a Task Card\n\t\tAnd it is configured <progressSourcePath>\n\t\tWhen a user views the Task card\n\t\tThen the value at <progressSourcePath> is used to benchmark their progress against the "Goal Completion Count"\n\t\tExamples:\n\t\t\t| progressSourcePath                               |\n\t\t\t| /customFields/activityCount                      |\n\t\t\t| /customFields/purchaseTotal                      |\n\t\t\t| /programGoals/count%2FComment-on-Article         |\n\t\t\t| /programGoals/count/Referral-Started%2Freferrals |\n\n\t@motivating\n\tScenario Outline: The users completion of a goal is calculated by the Goal Completion Number\n\t\tGiven a Task Card\n\t\tAnd it is configured for <goalValue>\n\t\tAnd a user who has <progressValue>\n\t\tWhen they view the Task Card\n\t\tThen they are shown to have <progressValue> towards <goalValue>\n\t\tWhen their progress grows larger than <goalValue>\n\t\tThen the task is marked as completed\n\t\tExamples:\n\t\t\t| goalValue | progressValue |\n\t\t\t| 1         | 0             |\n\t\t\t| 10        | 9             |\n\t\t\t| 5         | 2             |\n\n\t@motivating\n\tScenario: The Goal Completion Number defaults to 1\n\t\tGiven a Task Card without a configured "goal" value\n\t\tAnd a user who has <progressValue>\n\t\tWhen they view the Task Card\n\t\tThen it <mayBe> marked as completed\n\t\tExamples:\n\t\t\t| progressValue | mayBe |\n\t\t\t| 0             | isn\'t |\n\t\t\t| 1             | is    |\n\t\t\t| 2             | is    |\n\n\t@motivating\n\tScenario: CTA Button can be hidden on the task card\n\t\tGiven a Task Card\n\t\tAnd it has default prop values set\n\t\tAnd "hideButton" is true\n\t\tThen the task card is shown\n\t\tAnd the button is hidden\n';var nE='@author:kutay\n@owner:kutay\nFeature: The progress bar can be shown as a continuous line with progress and end goal. \n\n\t@motivating\n\t@ui\n\tScenario Outline: The progress bar displays a continuous bar with the goal represented by a present\n\t\tGiven a Task Card component\n\t\tAnd the users progress is <progress>\n\t\tAnd the task goal is "500"\n\t\tAnd the task is not repeatable\n\t\tThen I have <progressBar>\n\t\tAnd the <progressBar> shows <progress> with <unit> on the right\n\t\tAnd the circle on the progress bar is brand colour\n\t\tAnd the line behind the circle is brand colour\n\t\tAnd the line infront of the circle is grey\n\t\tAnd the gift icon has <color>\n\t\tAnd the gift icon shows "500" with <unit> below\n\t\tExamples:\n\t\t\t| progress | progressBar           | unit | color |\n\t\t\t| 0        | ●――――――――――――――――――🎁 | $    | no    |\n\t\t\t| 100      | ―――●―――――――――――――――🎁 | $    | no    |\n\t\t\t| 500      | ―――――――――――――――――――🎁 | $    | yes   |\n\t\t\t| 650      | ―――――――――――――――――――🎁 | $    | yes   |\n\t\t\t| 1200     | ―――――――――――――――――――🎁 | $    | yes   |\n\n\t@motivating\n\t@ui\n\tScenario Outline: The progress bar can be displayed with steps instead of a continuous line\n\t\tGiven a Task Card component\n\t\tAnd the user progress is <progress>\n\t\tAnd the goal is "5"\n\t\tAnd steps are enabled\n\t\tThen I have <progressBar>\n\t\tAnd the <progressBar> has incrementing steps up to "5" in increments of 1\n\t\tAnd the steps behind the users progress are brand colour\n\t\tAnd the steps infront of the users progress are grey\n\t\tAnd the gift icon has <color>\n\t\tAnd the gift icon shows "5" below\n\t\tExamples:\n\t\t\t| progress | progressBar           | color |\n\t\t\t| 0        | ―――○―――○―――○―――○―――🎁 | no    |\n\t\t\t| 1        | ―――●―――○―――○―――○―――🎁 | no    |\n\t\t\t| 5        | ―――●―――●―――●―――●―――🎁 | yes   |\n\t\t\t| 7        | ―――●―――●―――●―――●―――🎁 | yes   |\n\t\t\t| 12       | ―――●―――●―――●―――●―――🎁 | yes   |\n\n\t@motivating\n\t@ui\n\tScenario Outline: The continuous progress bar will continue to progress for repeatable rewards\n\t\tGiven a Task Card component\n\t\tAnd the user progress is <progress>\n\t\tAnd the goal is "500"\n\t\tAnd it is repeatable\n\t\tThen I have <progressBar>\n\t\tAnd the <progressBar> shows <progress> with <unit> to the right\n\t\tAnd the first <icon1> is <color1> with <text1> displayed below\n\t\tAnd the second <icon2> is <color2> with <text2> displayed below\n\t\tAnd the third <icon3> is <color3> with <text3> displayed below\n\t\tAnd the circle on the progress bar is brand colour\n\t\tAnd the line behind the circle is brand colour\n\t\tAnd the line infront of the circle is grey\n\t\tExamples:\n\t\t\t| progress | progressBar          | unit | icon1 | color1   | text1 | icon2 | color2    | text 2 | icon3 | color3    | text 3 |\n\t\t\t| 250      | ――――●――――🎁―――――――🎁 | $    | NA    | NA       | NA    | gift  | greyscale | 500    | gift  | greyscale | 1000   |\n\t\t\t| 500      | ―――――――――🎁―――――――🎁 | $    | NA    | NA       | NA    | gift  | colorful  | 500    | gift  | greyscale | 1000   |\n\t\t\t| 750      | ―――――――――🎁―――●―――🎁 | $    | NA    | NA       | NA    | gift  | colorful  | 500    | gift  | greyscale | 1000   |\n\t\t\t| 1000     | 🎁―――――――🎁―――――――🎁 | $    | gift  | colorful | 500   | gift  | colorful  | 1000   | gift  | greyscale | 1500   |\n\t\t\t| 1250     | 🎁―――――――🎁―――●―――🎁 | $    | gift  | colorful | 500   | gift  | colorful  | 1000   | gift  | greyscale | 1500   |\n\n\t@motivating\n\t@ui\n\tScenario Outline: The stepped progress bar will continue to progress for repeatable rewards\n\t\tGiven a Task Card component\n\t\tAnd the user progress is <progress>\n\t\tAnd the goal is "5"\n\t\tAnd steps are enabled\n\t\tAnd it is repeatable\n\t\tThen I have <progressBar>\n\t\tAnd the <progressBar> has incrementing steps up to "5" in increments of 1\n\t\tAnd the first <icon1> is <color1>\n\t\tAnd the second <icon2> is <color2>\n\t\tAnd the third <icon3> is <color3>\n\t\tAnd the steps behind the users progress are brand colour\n\t\tAnd the steps infront of the users progress are grey\n\t\tExamples:\n\t\t\t| progress | progressBar              | icon1 | color1   | icon2 | color2    | icon3 | color3    |\n\t\t\t| 0        | ―――○―○―○―○―🎁―○―○―○―○―🎁 | NA    | NA       | gift  | greyscale | gift  | greyscale |\n\t\t\t| 1        | ―――●―○―○―○―🎁―○―○―○―○―🎁 | NA    | NA       | gift  | greyscale | gift  | greyscale |\n\t\t\t| 5        | ―――●―●―●―●―🎁―○―○―○―○―🎁 | NA    | NA       | gift  | colorful  | gift  | greyscale |\n\t\t\t| 7        | ―――●―●―●―●―🎁―●―●―○―○―🎁 | NA    | NA       | gift  | colorful  | gift  | greyscale |\n\t\t\t| 12       | 🎁―●―●―●―●―🎁―●―●―○―○―🎁 | gift  | colorful | gift  | colorful  | gift  | greyscale |';var aE=function(e,n){return t("div",{class:"resizer"},n)};var rE=tE+nE;var sE={title:"Components/Task Card/",parameters:{scenario:rE}};var iE={display:"inline-flex",gap:"32px"};var oE={width:"347px",minWidth:"347px",resize:"horizontal",height:"fit-content",overflow:"hidden"};var lE={callbacks:{sendEvent:function(){return void 0},onClick:function(){return void 0}},content:{rewardAmount:"20",rewardUnit:"SaaSquatch Points",cardTitle:"Complete a survey",description:"Description of action and reward. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget quisque commodo leo.",repeatable:false,showProgressBar:false,steps:false,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:false,rewardDuration:null,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",expiryMessage:"Ends {endDate}",startsOnMessage:"Starts {startDate}",endedMessage:"Ended {endDate}",finite:0,goal:1,locale:"en"},states:{progress:0,loading:false,loadingEvent:false}};var dE={callbacks:{sendEvent:function(){return void 0},onClick:function(){return void 0}},content:{rewardAmount:"40",rewardUnit:"SaaSquatch Points",cardTitle:"Comment on 5 articles",description:"Description of action and reward. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget quisque commodo leo.",repeatable:false,showProgressBar:true,steps:true,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:false,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",rewardDuration:null,expiryMessage:"Ends {endDate}",startsOnMessage:"Starts {startDate}",endedMessage:"Ended {endDate}",finite:0,goal:5,locale:"en"},states:{progress:1,loading:false,loadingEvent:false}};var uE={callbacks:{sendEvent:function(){return void 0},onClick:function(){return void 0}},content:{rewardAmount:"150",rewardUnit:"SaaSquatch Points",cardTitle:"Spend $500 at our Store",description:"Description of action and reward. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget quisque commodo leo.",repeatable:false,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",showProgressBar:true,steps:false,progressBarUnit:"$",buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:false,rewardDuration:null,expiryMessage:"Ends {endDate}",startsOnMessage:"Starts {startDate}",endedMessage:"Ended {endDate}",finite:0,goal:500,locale:"en"},states:{progress:100,loading:false,loadingEvent:false}};var cE=function(){var e={rewardDuration:"2021-11-30T08:00:00.000Z/2021-12-01T08:00:00.000Z"};var n=__assign(__assign({},e),{repeatable:true});return t("div",{style:iE},t(aE,null,t("h4",null,"Not Repeatable"),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),{description:""}),states:__assign(__assign({},lE.states),{progress:0})})),t("h5",null),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{description:""}),states:__assign(__assign({},dE.states),{progress:0})})),t("h5",null),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{description:""}),states:__assign(__assign({},uE.states),{progress:230})}))),t(aE,null,t("h4",null,"Repeatable"),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),{repeatable:true}),states:__assign(__assign({},lE.states),{progress:2})})),t("h5",null),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{repeatable:true}),states:__assign(__assign({},dE.states),{progress:7})})),t("h5",null),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{repeatable:true}),states:__assign(__assign({},uE.states),{progress:650})}))),t(aE,null,t("h4",null,"Complete"),t(W,Object.assign({},lE,{states:__assign(__assign({},lE.states),{progress:1})})),t("h5",null),t(W,Object.assign({},dE,{states:__assign(__assign({},dE.states),{progress:5})})),t("h5",null),t(W,Object.assign({},uE,{states:__assign(__assign({},uE.states),{progress:500})}))),t(aE,null,t("h4",null,"Unavailable"),t(W,Object.assign({},lE,{states:__assign(__assign({},lE.states),{progress:0})},n)),t("h5",null),t(W,Object.assign({},dE,{states:__assign(__assign({},dE.states),{progress:3})},n)),t("h5",null),t(W,Object.assign({},uE,{states:__assign(__assign({},uE.states),{progress:250})},n))))};var mE=function(){return t("div",{style:iE},t("div",{style:oE},t("h4",null,"One Action"),t(W,Object.assign({},lE,{states:__assign(__assign({},lE.states),{progress:0})})),t("h5",null),t(W,Object.assign({},lE,{states:__assign(__assign({},lE.states),{progress:1})})),t("h5",null)),t("div",{style:oE},t("h4",null,"A Couple Actions"),t(W,Object.assign({},dE,{states:__assign(__assign({},dE.states),{progress:1})})),t("h5",null),t(W,Object.assign({},dE,{states:__assign(__assign({},dE.states),{progress:5})})),t("h5",null)),t("div",{style:oE},t("h4",null,"Many Actions"),t(W,Object.assign({},uE,{states:__assign(__assign({},uE.states),{progress:230})})),t("h5",null),t(W,Object.assign({},uE,{states:__assign(__assign({},uE.states),{progress:500})})),t("h5",null)))};var pE=function(){return t("div",{style:iE},t("div",{style:oE},t("h4",null,"One Action"),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),{repeatable:true}),states:__assign(__assign({},lE.states),{progress:0})})),t("h5",null),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),{repeatable:true}),states:__assign(__assign({},lE.states),{progress:1})})),t("h5",null)),t("div",{style:oE},t("h4",null,"A Couple Actions"),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{repeatable:true}),states:__assign(__assign({},dE.states),{progress:0})})),t("h5",null),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{repeatable:true}),states:__assign(__assign({},dE.states),{progress:5})})),t("h5",null),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{repeatable:true}),states:__assign(__assign({},dE.states),{progress:7})})),t("h5",null),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{repeatable:true}),states:__assign(__assign({},dE.states),{progress:10})})),t("h5",null)),t("div",{style:oE},t("h4",null,"Many Actions"),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{repeatable:true}),states:__assign(__assign({},uE.states),{progress:0})})),t("h5",null),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{repeatable:true}),states:__assign(__assign({},uE.states),{progress:500})})),t("h5",null),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{repeatable:true}),states:__assign(__assign({},uE.states),{progress:650})})),t("h5",null),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{repeatable:true}),states:__assign(__assign({},uE.states),{progress:1e3})})),t("h5",null)))};var hE=function(){return t("div",{style:iE},t("div",{style:oE},t("h4",null,"One Action"),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),{repeatable:true,finite:2}),states:__assign(__assign({},lE.states),{progress:0})})),t("h5",null),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),{repeatable:true,finite:2}),states:__assign(__assign({},lE.states),{progress:1})})),t("h5",null),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),{repeatable:true,finite:2}),states:__assign(__assign({},lE.states),{progress:2})})),t("h5",null)),t("div",{style:oE},t("h4",null,"A Couple Actions"),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{repeatable:true,finite:2}),states:__assign(__assign({},dE.states),{progress:2})})),t("h5",null),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{repeatable:true,finite:2}),states:__assign(__assign({},dE.states),{progress:5})})),t("h5",null),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{repeatable:true,finite:2}),states:__assign(__assign({},dE.states),{progress:10})})),t("h5",null),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{repeatable:true,finite:3}),states:__assign(__assign({},dE.states),{progress:12})})),t("h5",null),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{repeatable:true,finite:3}),states:__assign(__assign({},dE.states),{progress:15})})),t("h5",null)),t("div",{style:oE},t("h4",null,"Many Actions"),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{repeatable:true,finite:2}),states:__assign(__assign({},uE.states),{progress:200})})),t("h5",null),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{repeatable:true,finite:3}),states:__assign(__assign({},uE.states),{progress:500})})),t("h5",null),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{repeatable:true,finite:2}),states:__assign(__assign({},uE.states),{progress:1e3})})),t("h5",null),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{repeatable:true,finite:3}),states:__assign(__assign({},uE.states),{progress:1200})})),t("h5",null),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{repeatable:true,finite:3}),states:__assign(__assign({},uE.states),{progress:1500})})),t("h5",null)))};var gE=function(){var e={rewardDuration:x.DateTime.now().minus({days:1}).toISO()+"/"+x.DateTime.now().plus({days:1}).toISO()};var n=__assign(__assign({},e),{repeatable:true});return t("div",{style:iE},t("div",{style:oE},t("h4",null,"One Action"),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),e)})),t("h5",null),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),n)})),t("h5",null),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),n),states:__assign(__assign({},lE.states),{progress:1})})),t("h5",null)),t("div",{style:oE},t("h4",null,"A Couple Actions"),t(W,Object.assign({},lE,{content:__assign(__assign({},dE.content),e)})),t("h5",null),t(W,Object.assign({},lE,{content:__assign(__assign({},dE.content),n)})),t("h5",null),t(W,Object.assign({},lE,{content:__assign(__assign({},dE.content),n),states:__assign(__assign({},dE.states),{progress:5})})),t("h5",null)),t("div",{style:oE},t("h4",null,"Many Actions"),t(W,Object.assign({},lE,{content:__assign(__assign({},uE.content),e)})),t("h5",null),t(W,Object.assign({},lE,{content:__assign(__assign({},uE.content),n)})),t("h5",null),t(W,Object.assign({},lE,{content:__assign(__assign({},uE.content),n),states:__assign(__assign({},uE.states),{progress:1e3})})),t("h5",null)))};var fE=function(){var e={states:{loading:true,progress:0,loadingEvent:false}};return t("div",{style:iE},t("div",{style:oE},t("h4",null,"One Action"),t(W,Object.assign({},lE,e))," ",t("h5",null),t(W,Object.assign({},lE,e))," ",t("h5",null)),t("div",{style:oE},t("h4",null,"A Couple Actions"),t(W,Object.assign({},dE,e))," ",t("h5",null),t(W,Object.assign({},dE,e))," ",t("h5",null)),t("div",{style:oE},t("h4",null,"Many Actions"),t(W,Object.assign({},uE,e))," ",t("h5",null),t(W,Object.assign({},uE,e))," ",t("h5",null)))};var bE=function(){var e={rewardDuration:x.DateTime.now().plus({days:1}).toISO()+"/"+x.DateTime.now().plus({days:2}).toISO()};var n=__assign(__assign({},e),{repeatable:true});return t("div",{style:iE},t("div",{style:oE},t("h4",null,"One Action"),t(W,Object.assign({},lE,{states:__assign(__assign({},lE.states),{progress:0}),content:__assign(__assign({},lE.content),e)})),t("h5",null),t(W,Object.assign({},lE,{states:__assign(__assign({},lE.states),{progress:1}),content:__assign(__assign({},lE.content),e)})),t("h5",null),t(W,Object.assign({},lE,{states:__assign(__assign({},lE.states),{progress:0}),content:__assign(__assign({},lE.content),n)})),t("h5",null),t(W,Object.assign({},lE,{states:__assign(__assign({},lE.states),{progress:1}),content:__assign(__assign({},lE.content),n)})),t("h5",null)),t("div",{style:oE},t("h4",null,"A Couple Actions"),t(W,Object.assign({},dE,{states:__assign(__assign({},dE.states),{progress:1}),content:__assign(__assign({},dE.content),e)})),t("h5",null),t(W,Object.assign({},dE,{states:__assign(__assign({},dE.states),{progress:1}),content:__assign(__assign({},dE.content),e)})),t("h5",null),t(W,Object.assign({},dE,{states:__assign(__assign({},dE.states),{progress:1}),content:__assign(__assign({},dE.content),n)})),t("h5",null),t(W,Object.assign({},dE,{states:__assign(__assign({},dE.states),{progress:1}),content:__assign(__assign({},dE.content),n)})),t("h5",null)),t("div",{style:oE},t("h4",null,"Many Actions"),t(W,Object.assign({},uE,{states:__assign(__assign({},uE.states),{progress:100}),content:__assign(__assign({},uE.content),e)})),t("h5",null),t(W,Object.assign({},uE,{states:__assign(__assign({},uE.states),{progress:500}),content:__assign(__assign({},uE.content),e)})),t("h5",null),t(W,Object.assign({},uE,{states:__assign(__assign({},uE.states),{progress:100}),content:__assign(__assign({},uE.content),n)})),t("h5",null),t(W,Object.assign({},uE,{states:__assign(__assign({},uE.states),{progress:500}),content:__assign(__assign({},uE.content),n)})),t("h5",null)))};var vE=function(){var e={rewardDuration:x.DateTime.now().minus({days:2}).toISO()+"/"+x.DateTime.now().minus({days:1}).toISO()};var n=__assign(__assign({},e),{repeatable:true});return t("div",{style:iE},t("div",{style:oE},t("h4",null,"One Action"),t(W,Object.assign({},lE,{states:__assign(__assign({},lE.states),{progress:0}),content:__assign(__assign({},lE.content),e)})),t("h5",null),t(W,Object.assign({},lE,{states:__assign(__assign({},lE.states),{progress:1}),content:__assign(__assign({},lE.content),e)})),t("h5",null),t(W,Object.assign({},lE,{states:__assign(__assign({},lE.states),{progress:0}),content:__assign(__assign({},lE.content),n)})),t("h5",null),t(W,Object.assign({},lE,{states:__assign(__assign({},lE.states),{progress:1}),content:__assign(__assign({},lE.content),n)})),t("h5",null)),t("div",{style:oE},t("h4",null,"A Couple Actions"),t(W,Object.assign({},dE,{states:__assign(__assign({},dE.states),{progress:1}),content:__assign(__assign({},dE.content),e)})),t("h5",null),t(W,Object.assign({},dE,{states:__assign(__assign({},dE.states),{progress:1}),content:__assign(__assign({},dE.content),e)})),t("h5",null),t(W,Object.assign({},dE,{states:__assign(__assign({},dE.states),{progress:1}),content:__assign(__assign({},dE.content),n)})),t("h5",null),t(W,Object.assign({},dE,{states:__assign(__assign({},dE.states),{progress:1}),content:__assign(__assign({},dE.content),n)})),t("h5",null)),t("div",{style:oE},t("h4",null,"Many Actions"),t(W,Object.assign({},uE,{states:__assign(__assign({},uE.states),{progress:100}),content:__assign(__assign({},uE.content),e)})),t("h5",null),t(W,Object.assign({},uE,{states:__assign(__assign({},uE.states),{progress:500}),content:__assign(__assign({},uE.content),e)})),t("h5",null),t(W,Object.assign({},uE,{states:__assign(__assign({},uE.states),{progress:100}),content:__assign(__assign({},uE.content),n)})),t("h5",null),t(W,Object.assign({},uE,{states:__assign(__assign({},uE.states),{progress:500}),content:__assign(__assign({},uE.content),n)})),t("h5",null)))};var xE=function(){var e={rewardDuration:"2021-11-30T08:00:00.000Z/2021-12-01T08:00:00.000Z"};var n=__assign(__assign({},e),{repeatable:true});return t("div",{style:iE},t(aE,null,t("h4",null,"Not Repeatable"),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),{description:"",hideButton:true}),states:__assign(__assign({},lE.states),{progress:0})})),t("h5",null),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{description:"",hideButton:true}),states:__assign(__assign({},dE.states),{progress:0})})),t("h5",null),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{description:"",hideButton:true}),states:__assign(__assign({},uE.states),{progress:230})}))),t(aE,null,t("h4",null,"Repeatable"),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),{repeatable:true,hideButton:true}),states:__assign(__assign({},lE.states),{progress:2})})),t("h5",null),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{repeatable:true,hideButton:true}),states:__assign(__assign({},dE.states),{progress:7})})),t("h5",null),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{repeatable:true,hideButton:true}),states:__assign(__assign({},uE.states),{progress:650})}))),t(aE,null,t("h4",null,"Complete"),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),{hideButton:true}),states:__assign(__assign({},lE.states),{progress:1})})),t("h5",null),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{hideButton:true}),states:__assign(__assign({},dE.states),{progress:5})})),t("h5",null),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{hideButton:true}),states:__assign(__assign({},uE.states),{progress:500})}))),t(aE,null,t("h4",null,"Unavailable"),t(W,Object.assign({},lE,{content:__assign(__assign({},lE.content),{hideButton:true}),states:__assign(__assign({},lE.states),{progress:0})},n)),t("h5",null),t(W,Object.assign({},dE,{content:__assign(__assign({},dE.content),{hideButton:true}),states:__assign(__assign({},dE.states),{progress:3})},n)),t("h5",null),t(W,Object.assign({},uE,{content:__assign(__assign({},uE.content),{hideButton:true}),states:__assign(__assign({},uE.states),{progress:250})},n))))};var wE=function(){var e={progress:0,goal:500,progressBarUnit:"$"};return t("div",null,t(Zq,{matrix:{progress:[0,100,500,650,1200]},props:e,Component:Ee}))};var yE=function(){var e={progress:0,steps:true,goal:5};return t("div",null,t(Zq,{matrix:{progress:[0,1,5,7,12]},props:e,Component:Ee}))};var _E=function(){var e={progress:0,goal:500,progressBarUnit:"$",repeatable:true};return t("div",null,t(Zq,{matrix:{progress:[0,250,500,750,1e3,1250]},props:e,Component:Ee}))};var qE=function(){var e={progress:0,steps:true,goal:5,repeatable:true};return t("div",null,t(Zq,{matrix:{progress:[0,1,5,7,12]},props:e,Component:Ee}))};var EE=function(){var e={progress:0,goal:500,progressBarUnit:"$",repeatable:true,finite:2};return t("div",null,t(Zq,{matrix:{progress:[0,250,500,750,1e3,1250]},props:e,Component:Ee}))};var kE=function(){var e={progress:0,steps:true,goal:5,repeatable:true,finite:2};return t("div",null,t(Zq,{matrix:{progress:[0,1,5,7,10,12]},props:e,Component:Ee}))};var TE=Object.freeze({__proto__:null,default:sE,TaskCard:cE,TaskCardNotRepeatable:mE,TaskCardRepeatable:pE,TaskCardRepeatableFinite:hE,TaskCardEndDate:gE,TaskCardLoading:fE,TaskCardNotStarted:bE,TaskCardEnded:vE,TaskCardButtonHidden:xE,ProgressBar:wE,ProgressBarSteps:yE,ProgressBarRepeatable:_E,ProgressBarStepsRepeatable:qE,ProgressBarFinite:EE,ProgressBarStepsFinite:kE});var CE="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2giLCJsb2NhbGUiOiJlbiJ9fQ.a2nYYrSJ81FHXlCU-Sqp_-wquQizinHBhzwzULDzimg";var AE={title:"Hooks / useTaskCard"};function DE(){var e="sam+klip@saasquat.ch";var t=e;var n="klip-referral-program";window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com",programId:n};l((function(){c({accountId:t,id:e,jwt:CE});return function(){window.widgetIdent=undefined;c(undefined)}}),[]);return{id:e,accountId:t}}var SE=hr((function(){DE();return t("sqm-task-card",{"card-title":"Comment on 5 articles","button-text":"Start reading",goal:5,steps:true,"show-progress-bar":true,"event-key":"testEvent","open-new-tab":true})}));var RE=hr((function(){DE();return t("sqm-card-feed",null,t("sqm-task-card",{"reward-amount":"75","card-title":"Refer a Friend",description:"Invite a friend to Klip and get 75 points when they signup for a free trial or contact our us about an enterprise license.","button-text":"Start referring","button-link":"https://klip-staging.vercel.app/app/klip-rewards",goal:1,repeatable:true,"completed-text":"",demoData:"","ended-message":"","event-key":"","expiry-message":"","progress-bar-unit":"","reward-duration":"2022-01-04T08:00:00.000Z/2022-01-20T08:00:00.000Z","reward-unit":"","starts-on-message":"","stat-type":"","display-duration":"2022-01-04T08:00:00.000Z/2022-01-05T08:00:00.000Z"}),t("sqb-program-section",{"program-id":"klip-loyalty"},t("sqm-task-card",{"reward-amount":"50","card-title":"Follow Us on X",description:"Earn 50 points when you Follow Us on X!","button-text":"Follow","button-link":"https://twitter.com/",goal:1,"stat-type":"/programGoals/count/Follow-on-Social-Media","open-new-tab":"true","event-key":"socialFollow"})),t("sqm-task-card",{"reward-amount":"250",goal:500,"show-progress-bar":"true","card-title":"Spend $500 on Klip Products",description:"Earn 250 points when you spend $500 or more on Klip products.","button-text":"See plans","button-link":"https://klip-staging.vercel.app/app/plans","stat-type":"/customFields/purchaseTotal","open-new-tab":"false"}),t("sqb-program-section",{"program-id":"klip-loyalty"},t("sqm-task-card",{"reward-amount":"25",goal:1,"card-title":"Upload Your First Video",description:"Earn 25 points for exploring the Klip platform when you upload your first video.","button-text":"Upload","button-link":"https://klip-staging.vercel.app/app","stat-type":"/programGoals/count/Record-First-Video","open-new-tab":"false"})),t("sqm-task-card",{"reward-amount":"100",goal:5,repeatable:true,"show-progress-bar":"true",steps:true,"card-title":"Share 5 Videos",description:"Earn 100 points for collaborating each time you share 5 videos.","button-text":"Share","button-link":"https://klip-staging.vercel.app/app","stat-type":"/customFields/videosShared","open-new-tab":"false"}),t("sqb-program-section",{"program-id":"klip-loyalty"},t("sqm-task-card",{"reward-amount":"1","reward-unit":"Free Month",goal:1,"card-title":"Upgrade Your Plan",description:"Buy a Business or Enterprise plan and get 1 free month of Klip for being a committed customer.","button-text":"Upgrade","button-link":"https://klip-staging.vercel.app/app/plans","stat-type":"/programGoals/count/Upgrade-Plan","open-new-tab":"false"})),t("sqm-task-card",{"reward-amount":"200",goal:5,"show-progress-bar":"","card-title":"Purchase 5 Seats",description:"Earn 200 points when you expand your Klip Team by purchasing 5 or more seats.","button-text":"Purchase seats","button-link":"https://klip-staging.vercel.app/app/plans","stat-type":"/customFields/seatCount"}),t("sqm-task-card",{"reward-amount":"250",goal:1,"show-progress-bar":"","card-title":"Upload 1 Hour of Video",description:"Record and upload an hour of video and get 250 points for being a super user.","button-text":"Upload","button-link":"https://klip-staging.vercel.app/app","stat-type":"/customFields/videoHoursCount","progress-bar-unit":"","reward-unit":"Points"}),t("sqb-program-section",{"program-id":"klip-loyalty"},t("sqm-task-card",{"reward-amount":"100",goal:1,"card-title":"Complete an NPS Survey",description:"Fill out our NPS survey and get 100 points for giving us honest feedback. Be sure to use your Klip account email when completing the survey.","button-text":"Complete survey","button-link":"https://y5tqgj96plv.typeform.com/to/p6N7lHUk","stat-type":"/programGoals/count/NPS-Survey","reward-unit":"Points","open-new-tab":"true"})),t("sqb-conditional-section",{condition:"'champion' in user.segments"},t("sqb-program-section",{"program-id":"klip-loyalty"},t("sqm-task-card",{"reward-amount":"$100",goal:1,"card-title":"Complete a Case Study",description:"Write a Klip case study and earn a $100 Visa Gift Card for letting us know how Klip has helped your team succeed.","button-text":"Complete case study","button-link":"https://y5tqgj96plv.typeform.com/to/CPhkFBBW","stat-type":"/programGoals/count/Case-Study","reward-unit":"Visa Gift Card","open-new-tab":"true"}))))}));var IE=Object.freeze({__proto__:null,default:AE,TaskCard:SE,TaskCardFeed:RE});var PE={title:"Components/Progress Bar"};var NE={progress:2,goal:4,steps:true};var FE=function(){return t(ke,Object.assign({},NE,{stageCount:4,currentStage:2}))};var OE=Object.freeze({__proto__:null,default:PE,TaxAndPayoutsProgressBar:FE});var LE={title:"Components/Text"};var BE=function(){return t("sqm-text",{textColor:"slateblue"},t("p",null,"This is the text component"))};var GE=function(){return t("sqm-text",{fontSize:36},t("p",null,"This is the text component"))};var jE=Object.freeze({__proto__:null,default:LE,PurpleText:BE,CustomFontSize:GE});var WE='@author:derek\n@owner:kutay\nFeature: Timeline\n\n    @motivating\n    @ui\n    Scenario: The timeline adds lines between timeline entries\n        Given a timeline\n        And it has many timeline entries as children\n        When a user views the timeline\n        Then they see all timeline entries are connected by brand colour lines\n        And see that the last entry does not have a line\n\n    @motivating\n    @ui\n    Scenario Outline: The timeline can set the icons used by its timeline entries\n        Given a timeline with "icon" <iconPropValue>\n        And it has many timeline entries as children\n        When a user views the timeline\n        Then they see the timeline entries have a <icon>\n        Examples:\n            | iconPropValue | icon                |\n            | gift          | gift icon           |\n            | gift          | gift icon           |\n            | circle        | brand colour circle |\n';var ME='@author:derek\n@owner:kutay\nFeature: Timeline Entry\n\n    @motivating\n    @ui\n    Scenario: Timeline entries have an icon, a reward and an entry desciption\n        Given an timeline entry with the following props\n            | prop   | value                                               |\n            | unit   | Visa Giftcard                                       |\n            | reward | 50$                                                 |\n            | desc   | Earn a 50$ Visa Giftcard for each referral you make |\n        When a user views the entry\n        Then they see a gift icon\n        And see "$50 VISA GIFTCARRD" to the right\n        And "$50" is bolded with x-large font size\n        And below they see "Earn a 50$ Visa Giftcard for each referral you make"\n\n    @motivating\n    @ui\n    Scenario Outline: Icon can either be a gift or a brand colour cirle\n        Given a timeline entry with "icon" <iconPropValue>\n        When a user views the entry\n        Then they see an <icon>\n        Examples:\n            | iconPropValue 1 | icon                |\n            | gift            | gift                |\n            | circle          | brand colour circle |\n            |                 | gift                |\n\n    @motivating\n    @ui\n    Scenario: A timeline entry can display a line to connect it to another entry\n        Given a timeline entry with "line" "true"\n        When a user views the entry\n        Then they see the entry\n        But it has a brand colour line connecting it to the next timeline entry\n';var UE=WE+ME;var VE={title:"Components/Timeline",parameters:{scenario:UE}};var zE=function(){return t("div",null,t("sqm-timeline",null,t("sqm-timeline-entry",{textColor:"red",lineColor:"red",reward:"75",unit:"points",desc:"Your friends signs up for a free trial"})),t("br",null)," ",t("hr",null)," ",t("br",null),t("sqm-timeline",{icon:"circle"},t("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"})))};var HE=function(){return t("div",null,t("sqm-timeline",null,t("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),t("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"})),t("br",null)," ",t("hr",null)," ",t("br",null),t("sqm-timeline",{icon:"circle"},t("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),t("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"})))};var YE=function(){return t("div",null,t("sqm-timeline",null,t("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),t("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),t("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"})),t("br",null)," ",t("hr",null)," ",t("br",null),t("sqm-timeline",{icon:"circle"},t("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),t("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),t("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"})))};var XE=function(){return t("div",null,t("sqm-timeline",null,t("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),t("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),t("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),t("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"})),t("br",null)," ",t("hr",null)," ",t("br",null),t("sqm-timeline",{icon:"circle"},t("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),t("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),t("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),t("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"})))};var $E=function(){return t("sqm-timeline",null,t("sqm-timeline-entry",{"text-color":"red","line-color":"red",reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),t("sqm-timeline-entry",{"text-color":"red","line-color":"red",reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),t("sqm-timeline-entry",{"text-color":"red","line-color":"red",reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),t("sqm-timeline-entry",{"text-color":"red","line-color":"red",reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"}))};var JE=Object.freeze({__proto__:null,default:VE,TimelineWith1Reward:zE,TimelineWith2Rewards:HE,TimelineWith3Rewards:YE,TimelineWith4Rewards:XE,TimelineWithCustomColors:$E});var KE='@author:derek\n@owner:noah\nFeature: Titled Section\n\n    Background: The titled section has a label and content\n        Given a titled section\n        And it has a label\n        And it has content in the content slot\n\n    @motivating\n    @ui\n    Scenario: Text alignment defaults to left align but can be configured\n        Given the titled section has "text-align" <textAlignPropValue>\n        When a user views the titled section\n        Then the text in the label is <aligned>\n        And the text in the content is <aligned>\n        Examples:\n            | textAlignPropValue | aligned |\n            | center             | center  |\n            | left               | left    |\n            | right              | right   |\n            |                    | left    |\n\n    @minutia\n    @ui\n    Scenario: Label margin is configurable\n        Given the titled section has "label-margin" <marginPropValue>\n        When a user views the titled section\n        Then <marginPropValue> margin is between the label and content\n        Examples:\n            | marginPropValue | margin     |\n            | none            | no         |\n            | xxx-small       | xxx-small  |\n            | xx-small        | xx-small   |\n            | x-small         | x-small    |\n            | small           | small      |\n            | medium          | medium     |\n            | large           | large      |\n            | x-large         | x-large    |\n            | xx-large        | xx-large   |\n            | xxx-large       | xxx-large  |\n            | xxxx-large      | xxxx-large |\n            |                 | no         |\n\n    @minutia\n    @ui\n    Scenario Outline: Titled section padding is configurable\n        Given the titled section has "padding" <paddingPropValue>\n        When a user views the titled section\n        Then <paddingPropValue> padding is applied around the titled section\n        Examples:\n            | paddingPropValue | padding    |\n            | none             | no         |\n            | xxx-small        | xxx-small  |\n            | xx-small         | xx-small   |\n            | x-small          | x-small    |\n            | small            | small      |\n            | medium           | medium     |\n            | large            | large      |\n            | x-large          | x-large    |\n            | xx-large         | xx-large   |\n            | xxx-large        | xxx-large  |\n            | xxxx-large       | xxxx-large |\n            |                  | no         |';var ZE={title:"Components/Titled Section",parameters:{scenario:KE}};var QE=function(){return t("sqm-titled-section",{"text-align":"left"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards"),t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America")))};var ek=function(){return t("sqm-titled-section",{"text-align":"center"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards"),t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America")))};var tk=function(){return t("sqm-titled-section",{"text-align":"right"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards"),t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America")))};var nk=function(){return t("div",null,t("h3",null,"None"),t("sqm-titled-section",{padding:"none"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"xxx-small"),t("sqm-titled-section",{padding:"xxx-small"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"xx-small"),t("sqm-titled-section",{padding:"xx-small"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"x-small"),t("sqm-titled-section",{padding:"x-small"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"small"),t("sqm-titled-section",{padding:"small"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"medium"),t("sqm-titled-section",{padding:"medium"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"large"),t("sqm-titled-section",{padding:"large"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"x-large"),t("sqm-titled-section",{padding:"x-large"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"xx-large"),t("sqm-titled-section",{padding:"xx-large"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"xxx-large"),t("sqm-titled-section",{padding:"xxx-large"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"xxxx-large"),t("sqm-titled-section",{padding:"xxxx-large"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))))};var ak=function(){return t("div",null,t("h3",null,"None"),t("sqm-titled-section",{"label-margin":"none"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"xxx-small"),t("sqm-titled-section",{"label-margin":"xxx-small"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"xx-small"),t("sqm-titled-section",{"label-margin":"xx-small"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"x-small"),t("sqm-titled-section",{"label-margin":"x-small"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"small"),t("sqm-titled-section",{"label-margin":"small"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"medium"),t("sqm-titled-section",{"label-margin":"medium"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"large"),t("sqm-titled-section",{"label-margin":"large"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"x-large"),t("sqm-titled-section",{"label-margin":"x-large"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"xx-large"),t("sqm-titled-section",{"label-margin":"xx-large"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"xxx-large"),t("sqm-titled-section",{"label-margin":"xxx-large"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))),t("br",null),t("hr",null),t("br",null),t("h3",null,"xxxx-large"),t("sqm-titled-section",{"label-margin":"xxxx-large"},t("sqm-text",{slot:"label"},t("h3",null,"Earn more rewards")),t("sqm-text",{slot:"content"},t("p",null,"Get points while using Klip. Use those points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America"))))};var rk=Object.freeze({__proto__:null,default:ZE,AlignLeft:QE,AlignCenter:ek,AlignRight:tk,Padding:nk,LabelMargin:ak});var sk={title:"Tests/User Name"};var ik=function(){return t("sqm-user-name",{demoData:{loading:false,loadingText:"...",username:"Test Testerson"}})};var ok=function(){return t("sqm-user-name",null)};var lk=Object.freeze({__proto__:null,default:sk,DemoData:ik,Username:ok});var dk={title:"Components/Widget Code Verification"};var uk={initialiseLoading:false,email:"testemail@example.com",loading:false,verifyFailed:false,emailResent:false};var ck=function(){return t("sqm-code-verification",{demoData:{states:uk}})};var mk=function(){return t("sqm-code-verification",{demoData:{states:__assign(__assign({},uk),{initialiseLoading:true})}})};var pk=function(){return t("sqm-code-verification",{demoData:{states:__assign(__assign({},uk),{loading:true})}})};var hk=function(){return t("sqm-code-verification",{demoData:{states:__assign(__assign({},uk),{emailResent:true})}})};var gk=function(){return t("sqm-code-verification",{demoData:{states:__assign(__assign({},uk),{verifyFailed:true})}})};var fk=Object.freeze({__proto__:null,default:dk,Default:ck,InitialLoading:mk,Loading:pk,CodeResent:hk,VerificationFailed:gk});var bk={title:"Components/Widget Email Verification"};var vk={email:"",error:false,loading:false,initialLoading:false,sendCodeError:false};var xk=function(){return t("sqm-email-verification",{demoData:{}})};var wk=function(){return t("div",null,t("sqm-text",null,t("h4",null,"Verify your email")),t("sqm-text",null,t("sub",null,"To get your cash paid out directly to your bank account, please complete your account setup")),t("sqm-email-verification",{demoData:{states:__assign(__assign({},vk),{email:"test@example.com"})}}))};var yk=function(){return t("sqm-email-verification",{demoData:{states:__assign(__assign({},vk),{initialLoading:true})}})};var _k=function(){return t("sqm-email-verification",{demoData:{states:__assign(__assign({},vk),{loading:true})}})};var qk=function(){return t("div",null,t("sqm-text",null,t("h4",null,"Verify your email")),t("sqm-text",null,t("sub",null,"To get your cash paid out directly to your bank account, please complete your account setup")),t("sqm-email-verification",{demoData:{states:__assign(__assign({},vk),{email:"test@example.com"})}}))};var Ek=function(){return t("sqm-email-verification",{demoData:{states:__assign(__assign({},vk),{error:true})}})};var kk=function(){return t("sqm-email-verification",{demoData:{states:__assign(__assign({},vk),{sendCodeError:true})}})};var Tk=Object.freeze({__proto__:null,default:bk,Default:xk,EmailIsPrefilled:wk,Loading:yk,SaveLoading:_k,WithHeader:qk,InvalidEmail:Ek,SendCodeError:kk});var Ck={title:"Components/Banking Information Form"};var Ak={states:{showVerification:false,hideSteps:false,disabled:false,loading:false,hideBackButton:false,formState:{bankCountry:"US",paymentMethodChecked:"toBankAccount"},hasPayPal:false,isPartner:false,saveDisabled:false,thresholds:[],currency:"USD",loadingError:false,email:"test@example.com",showModal:false},callbacks:{onVerificationHide:function(){},onVerification:function(){},onSubmit:function(){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(e){return[2,console.log("Submit")]}))}))},setPaymentMethodChecked:function(){},setPaymentScheduleChecked:function(){},setCountrySearch:function(){},onBack:function(){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(e){return[2,console.log("back")]}))}))},onModalOpen:function(){},onModalClose:function(){}},refs:{formRef:{current:null}}};var Dk=function(){return t("sqm-banking-info-form",null)};var Sk=function(){return t("sqm-banking-info-form",{demoData:{states:__assign(__assign({},Ak.states),{loading:true})}})};var Rk=function(){return t("sqm-banking-info-form",{demoData:{states:__assign(__assign({},Ak.states),{loading:true,loadingError:true})}})};var Ik=function(){return t("sqm-banking-info-form",{demoData:{states:__assign(__assign({},Ak.states),{formState:__assign(__assign({},Ak.states.formState),{errors:{inputErrors:{beneficiaryAccountName:{type:"required"},bankAccountType:{type:"required"},bankAccountNumber:{type:"required"},iban:{type:"required"},swiftCode:{type:"required"},routingCode:{type:"required"},bankName:{type:"required"},beneficiaryClassification:{type:"required"},patronymicName:{type:"required"},voCode:{type:"required"},agencyCode:{type:"required"},bankAddress:{type:"required"},bankCity:{type:"required"},bankCountry:{type:"required"},bankState:{type:"required"},bankPostalCode:{type:"required"},branchCode:{type:"required"},balanceThreshold:{type:"required"},fixedDay:{type:"required"}}}})})}})};var Pk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:{bankCountry:"US"},currency:"USD"})})})};var Nk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:__assign(__assign({},Ak.states.formState),{errors:{general:true}})})})})};var Fk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:{bankCountry:"US"},loading:true,currency:"USD"})})})};var Ok=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:__assign(__assign({},Ak.states.formState),{bankCountry:"AR",paymentScheduleChecked:"FIXED_DAY",paymentMethodChecked:"toBankAccount"}),currency:"ARS"})})})};var Lk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:__assign(__assign({},Ak.states.formState),{bankCountry:"MX",paymentScheduleChecked:"FIXED_DAY",paymentMethodChecked:"toBankAccount"}),currency:"MXN"})})})};var Bk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:__assign(__assign({},Ak.states.formState),{bankCountry:"US"}),currency:"GBP"})})})};var Gk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:__assign(__assign({},Ak.states.formState),{bankCountry:"CA"}),currency:"CAD"})})})};var jk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:__assign(__assign({},Ak.states.formState),{bankCountry:"CA"}),currency:"USD"})})})};var Wk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:__assign(__assign({},Ak.states.formState),{bankCountry:"ES"}),currency:"USD"})})})};var Mk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{isPartner:true,currency:"USD"})})})};var Uk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:__assign(__assign({},Ak.states.formState),{paymentMethodChecked:"toPayPalAccount"})})})})};var Vk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{loading:true,formState:__assign(__assign({},Ak.states.formState),{paymentMethodChecked:"toPayPalAccount"})})})})};var zk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:__assign(__assign({},Ak.states.formState),{bankCountry:"US",paymentScheduleChecked:"BALANCE_THRESHOLD"}),currency:"USD"})})})};var Hk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:__assign(__assign({errors:{inputErrors:{balanceThreshold:{type:"required"}}}},Ak.states.formState),{bankCountry:"US",paymentScheduleChecked:"BALANCE_THRESHOLD"}),currency:"USD"})})})};var Yk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{loading:true,formState:__assign(__assign({},Ak.states.formState),{bankCountry:"US",paymentScheduleChecked:"BALANCE_THRESHOLD"}),currency:"USD"})})})};var Xk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:__assign(__assign({},Ak.states.formState),{bankCountry:"US",paymentScheduleChecked:"FIXED_DAY"}),currency:"USD"})})})};var $k=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{formState:__assign(__assign({errors:{inputErrors:{fixedDay:{type:"required"}}}},Ak.states.formState),{bankCountry:"US",paymentScheduleChecked:"FIXED_DAY"}),currency:"USD"})})})};var Jk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{loading:true,formState:__assign(__assign({},Ak.states.formState),{bankCountry:"US",paymentScheduleChecked:"FIXED_DAY"}),currency:"USD"})})})};var Kk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{isPartner:true,showVerification:true,formState:__assign(__assign({},Ak.states.formState),{bankCountry:"US",paymentScheduleChecked:"FIXED_DAY"}),currency:"USD"})})})};var Zk=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},Ak),{states:__assign(__assign({},Ak.states),{showModal:true})})})};var Qk=Object.freeze({__proto__:null,default:Ck,BankingInfoFormDefault:Dk,BankingInfoFormDefaultLoading:Sk,BankingInfoFormDefaultWithLoadingError:Rk,BankingInfoFormDefaultWithValidationErrors:Ik,BankingInfoFormCountryUSCurrencyUSD:Pk,BankingInfoFormGeneralError:Nk,BankingInfoFormCountryUSCurrencyUSDLoading:Fk,BankingInfoFormCountryARCurrencyARS:Ok,BankingInfoFormCountryMXCurrencyMXN:Lk,BankingInfoFormCountryUSCurrencyGBP:Bk,BankingInfoFormCountryCanadaCurrencyCAD:Gk,BankingInfoFormCountryCanadaCurrencyUSD:jk,BankingInfoFormCountrySpainCurrencyUSD:Wk,BankingInfoFormIsPartner:Mk,BankingInfoFormPaypalChecked:Uk,BankingInfoFormPaypalCheckedLoading:Vk,BankingInfoFormWithBalanceThresholdPaymentSchedule:zk,BankingInfoFormWithBalanceThresholdPaymentScheduleWithError:Hk,BankingInfoFormWithBalanceThresholdPaymentScheduleLoading:Yk,BankingInfoFormWithFixedDayPaymentSchedule:Xk,BankingInfoFormWithFixedDayPaymentScheduleWithError:$k,BankingInfoFormWithFixedDayPaymentScheduleLoading:Jk,BankingInfoFormVerififyIdentityModal:Kk,BankingInfoFormModalOpen:Zk});var eT={title:"Components/Tax Form"};var tT={states:{step:"1",hideSteps:false,hideState:false,loading:false,disabled:false,isPartner:false,isUser:false,loadingError:false,formState:{firstName:"Bob",lastName:"Testerson",email:"bobtesterson@example.com",phoneNumberCountryCode:"US",phoneNumber:"555 555 5555",countryCode:"US",currency:"CAD",address:"2/1337 Johnson Street",city:"Vancouver",state:"BC",postalCode:"555 555",errors:{}}},data:{partnerData:{},regionLabelEnum:"STATE",regions:[],phoneCountries:[{countryCode:"CA",displayName:"Canada"}],countries:[{countryCode:"CA",displayName:"Canada"},{countryCode:"ES",displayName:"Spain"},{countryCode:"UK",displayName:"United Kingdom"},{countryCode:"US",displayName:"United States"},{countryCode:"AR",displayName:"Argentina"},{countryCode:"AU",displayName:"Australia"},{countryCode:"ZW",displayName:"Zimbabwe"}],currencies:[{currencyCode:"CAD",displayName:"CAD"},{currencyCode:"GBP",displayName:"GBP"},{currencyCode:"USD",displayName:"USD"}],allCountries:[{countryCode:"CA",displayName:"Canada"},{countryCode:"ES",displayName:"Spain"},{countryCode:"UK",displayName:"United Kingdom"},{countryCode:"US",displayName:"United States"}],allCurrencies:[{currencyCode:"CAD",displayName:"CAD"},{currencyCode:"GBP",displayName:"GBP"},{currencyCode:"USD",displayName:"USD"}]},refs:{formRef:{current:null},currencyRef:{current:null},phoneCountryRef:{current:null}}};var nT={states:{step:"2",hideSteps:false,disabled:false,loading:false,isPartner:false,loadingError:false,formState:{checked:undefined,errors:{}}},callbacks:{onSubmit:function(){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(e){return[2,console.log("Submit")]}))}))},onChange:function(){return console.log("Submit")},onBack:function(){return console.log("Submit")},onFormChange:function(e,t){return console.log(e,t)},onQstToggle:function(){},onSpainToggle:function(){},setCountrySearch:function(e){return console.log(e)}},data:{esRegions:Ie,countries:[{countryCode:"CA",displayName:"Canada"},{countryCode:"ES",displayName:"Spain"},{countryCode:"UK",displayName:"United Kingdom"},{countryCode:"US",displayName:"United States"}],allCountries:[{countryCode:"CA",displayName:"Canada"},{countryCode:"ES",displayName:"Spain"},{countryCode:"UK",displayName:"United Kingdom"},{countryCode:"US",displayName:"United States"}],provinces:Pe},slotProps:{formState:{errors:{}}},refs:{formRef:{current:null}}};var aT={states:{showVerification:false,step:"4",hideSteps:false,disabled:false,loading:false,hasPayPal:false,isPartner:false,hideBackButton:false,saveDisabled:false,thresholds:[],loadingError:false,email:"test@example.com",formState:{paymentMethodChecked:"toBankAccount"},showModal:false},callbacks:{onVerificationHide:function(){},onVerification:function(){},onSubmit:function(){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(e){return[2,console.log("Submit")]}))}))},setPaymentMethodChecked:function(){},setPaymentScheduleChecked:function(){},onBack:function(){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(e){return[2,console.log("back")]}))}))},setCountrySearch:function(){},onModalOpen:function(){},onModalClose:function(){}},refs:{formRef:{current:null}}};var rT={states:{showExitButton:true,step:"3",urlLoading:false,docusignStatus:undefined,hideSteps:false,documentType:"W9",documentTypeString:"W9",loading:false,disabled:false,participantTypeDisabled:false,loadingError:false,formState:{participantType:"individualParticipant",errors:{},taxFormExpired:false},showModal:false},callbacks:{onExit:function(){},completeDocument:function(){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))},setParticipantType:function(e){return console.log({p:e})},setDocusignStatus:function(e){return console.log(e)},onModalOpen:function(){},onModalClose:function(){}}};var sT={states:{veriffLoading:false,payoutStatus:"DONE",canEditPayoutInfo:true,disabled:false,status:"ACTIVE",documentType:"W9",documentTypeString:Fe("W9"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,country:"United Kingdom",indirectTaxNumber:"123456",indirectTaxType:"VAT",showNewFormDialog:false,hasHold:false},slots:{payoutDetailsCardSlot:t("sqm-payout-details-card",{demoData:{states:{badgeStatus:"nextPayout"}}})}};var iT=function(){return t(Oe,null)};var oT=function(){return t("sqm-form-message",{type:"error"},t("p",{part:"alert-title"},"There was a problem loading your form"),t("p",{part:"alert-description"},"Please refresh the page and try again. If this problem continues, contact our support team."))};var lT=function(){return t("sqm-user-info-form",{demoData:tT})};var dT=function(){return t("sqm-user-info-form",{demoData:{states:__assign(__assign({},tT.states),{loading:true})}})};var uT=function(){return t("sqm-user-info-form",{demoData:{states:__assign(__assign({},tT.states),{disabled:true})}})};var cT=function(){return t("sqm-user-info-form",{demoData:{states:__assign(__assign({},tT.states),{isUser:true})}})};var mT=function(){return t("sqm-user-info-form",{demoData:{states:__assign(__assign({},tT.states),{disabled:true,isPartner:true})}})};var pT=function(){return t("sqm-user-info-form",{demoData:{states:__assign(__assign({},tT.states),{formState:__assign(__assign({},tT.states.formState),{errors:{firstName:true,lastName:true,email:true,countryCode:true,currency:true,participantType:true,allowBankingCollection:true}})})}})};var hT=function(){return t("sqm-user-info-form",{demoData:{states:__assign(__assign({},tT.states),{formState:__assign(__assign({},tT.states.formState),{errors:{general:true}})})}})};var gT=function(){return t("sqm-user-info-form",{demoData:{states:__assign(__assign({},tT.states),{loadingError:true,loading:true,formState:__assign({},tT.states.formState)})}})};var fT=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{loading:true})}})};var bT=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{loading:true,loadingError:true})}})};var vT=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{disabled:true})}})};var xT=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{isPartner:true})}})};var wT=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{formState:__assign(__assign({},nT.states.formState),{errors:{general:true}})})}})};var yT=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{formState:__assign(__assign({},nT.states.formState),{checked:"otherRegion"})}),slotProps:{formState:{selectedRegion:"UK",indirectTaxNumber:"123456",errors:{}}}}})};var _T=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{formState:__assign(__assign({},nT.states.formState),{checked:"otherRegion"})}),slotProps:{formState:{selectedRegion:"CA",province:"BRITISHCOLUMBIA",indirectTaxNumber:"123456",errors:{}}}}})};var qT=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{formState:__assign(__assign({},nT.states.formState),{checked:"otherRegion"})}),slotProps:{formState:{selectedRegion:"CA",province:"QUEBEC",indirectTaxNumber:"123456",errors:{}}}}})};var ET=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{formState:__assign(__assign({},nT.states.formState),{checked:"otherRegion"})}),slotProps:{formState:{selectedRegion:"CA",province:"QUEBEC",qstNumber:"654321",hasQst:true,errors:{}}}}})};var kT=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{formState:__assign(__assign({},nT.states.formState),{checked:"otherRegion"})}),slotProps:{formState:{selectedRegion:"ES",subRegion:"CANARYISLANDS",errors:{}}}}})};var TT=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{formState:__assign(__assign({},nT.states.formState),{checked:"otherRegion"})}),slotProps:{formState:{selectedRegion:"ES",subRegion:"CANARYISLANDS",hasSubRegionTaxNumber:true,subRegionTaxNumber:"654321",errors:{}}}}})};var CT=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{formState:{checked:"otherRegion",errors:{}}}),slotProps:{formState:{province:"",selectedRegion:"GB",errors:{selectedRegion:true,indirectTaxNumber:true}}}}})};var AT=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{formState:__assign(__assign({},nT.states.formState),{checked:"otherRegion"})}),slotProps:{formState:{selectedRegion:"CA",province:"BC",errors:{province:true,indirectTaxNumber:true}}}}})};var DT=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{formState:__assign(__assign({},nT.states.formState),{checked:"otherRegion"})}),slotProps:{formState:{selectedRegion:"CA",province:"QUEBEC",hasQst:true,errors:{province:true,indirectTaxNumber:true,qstNumber:true}}}}})};var ST=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{formState:__assign(__assign({},nT.states.formState),{checked:"otherRegion"})}),slotProps:{formState:{selectedRegion:"ES",hasSubRegionTaxNumber:true,errors:{indirectTaxNumber:true,subRegionTaxNumberError:true,subRegion:true}}}}})};var RT=function(){return t("sqm-indirect-tax-form",{demoData:{states:__assign(__assign({},nT.states),{formState:__assign(__assign({},nT.states.formState),{checked:"notRegistered"})})}})};var IT=function(){return t("sqm-docusign-form",{demoData:{states:__assign({documentType:"W9",documentTypeString:Fe("W9")},rT.states)}})};var PT=function(){return t("sqm-docusign-form",{demoData:{states:__assign(__assign({},rT.states),{documentType:"W8BEN",documentTypeString:Fe("W8BEN")})}})};var NT=function(){return t("sqm-docusign-form",{demoData:{states:__assign(__assign({},rT.states),{documentType:"W8BENE",documentTypeString:Fe("W8BENE"),formState:{taxFormExpired:false,participantType:"businessEntity",errors:{participantType:"",general:false}}})}})};var FT=function(){return t("sqm-docusign-form",{demoData:{states:__assign(__assign({},rT.states),{docusignStatus:"ttl_expired",formState:{participantType:"individualParticipant",taxFormExpired:true,errors:{}}})}})};var OT=function(){return t("sqm-docusign-form",{demoData:{states:__assign(__assign({},rT.states),{docusignStatus:"signing_complete",formState:{participantType:"individualParticipant",taxFormExpired:false,errors:{}}})}})};var LT=function(){return t("sqm-docusign-form",{demoData:{states:__assign(__assign({},rT.states),{docusignStatus:"exception",formState:__assign(__assign({},rT.states.formState),{errors:{formSubmission:true}})})}})};var BT=function(){return t("sqm-docusign-form",{demoData:{states:__assign(__assign({},rT.states),{formState:__assign(__assign({},rT.states.formState),{errors:{general:true}})})}})};var GT=function(){return t("sqm-docusign-form",{demoData:{states:__assign(__assign({},rT.states),{loadingError:true,formState:__assign({},rT.states.formState)})}})};var jT=function(){return t("sqm-docusign-form",{demoData:{states:__assign(__assign({},rT.states),{loading:true})}})};var WT=function(){return t("sqm-docusign-form",{demoData:{states:__assign(__assign({},rT.states),{disabled:true})}})};var MT=function(){return t("sqm-docusign-form",{demoData:{states:__assign(__assign({documentType:"W9",documentTypeString:Fe("W9")},rT.states),{showModal:true})}})};var UT=function(){return t("sqm-banking-info-form",null)};var VT=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},aT),{states:__assign(__assign({},aT.states),{isPartner:true,formState:__assign({},aT.states.formState)})})})};var zT=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},aT),{states:__assign(__assign({},aT.states),{formState:__assign({},aT.states.formState)})})})};var HT=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},aT),{states:__assign(__assign({},aT.states),{formState:__assign(__assign({},aT.states.formState),{paymentMethodChecked:"toPayPalAccount"})})})})};var YT=function(){return t("sqm-banking-info-form",{demoData:__assign(__assign({},aT),{states:__assign(__assign({},aT.states),{showVerification:true,isPartner:true,formState:__assign(__assign({},aT.states.formState),{paymentMethodChecked:"toPayPalAccount"})})})})};var XT=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign({},sT)})};var $T=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,noFormNeeded:false,canEditPayoutInfo:true,documentType:"W8BEN",documentTypeString:Fe("W8BEN"),country:"United Kingdom",indirectTaxType:"VAT",indirectTaxNumber:"123456",showNewFormDialog:false,hasHold:false}})})};var JT=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,noFormNeeded:false,canEditPayoutInfo:true,documentType:"W8BENE",documentTypeString:Fe("W8BENE"),country:"United Kingdom",indirectTaxType:"VAT",indirectTaxNumber:"123456",showNewFormDialog:false,hasHold:false}})})};var KT=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,noFormNeeded:false,canEditPayoutInfo:true,status:"INACTIVE",documentType:"W9",documentTypeString:Fe("W9"),country:"United Kingdom",indirectTaxType:"VAT",indirectTaxNumber:"123456",showNewFormDialog:false,hasHold:false}})})};var ZT=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",canEditPayoutInfo:true,disabled:false,status:"NOT_VERIFIED",documentType:"W9",documentTypeString:Fe("W9"),noFormNeeded:false,country:"United States",indirectTaxType:"VAT",indirectTaxNumber:"123456",showNewFormDialog:false,hasHold:false,veriffLoading:false}})})};var QT=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,canEditPayoutInfo:true,disabled:false,status:"NOT_VERIFIED",documentType:"W8BEN",documentTypeString:Fe("W8BEN"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,country:"United Kingdom",indirectTaxType:"VAT",indirectTaxNumber:"123456",showNewFormDialog:false,hasHold:false}})})};var eC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,canEditPayoutInfo:true,disabled:false,status:"NOT_VERIFIED",documentType:"W8BENE",documentTypeString:Fe("W8BENE"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,country:"United Kingdom",indirectTaxType:"VAT",indirectTaxNumber:"123456",showNewFormDialog:false,hasHold:false}})})};var tC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,canEditPayoutInfo:true,disabled:false,status:"NOT_ACTIVE",documentType:"W8BENE",documentTypeString:Fe("W8BENE"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,indirectTaxNumber:"123456",indirectTaxType:"VAT",country:"United Kingdom",showNewFormDialog:false,hasHold:false}})})};var nC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,canEditPayoutInfo:true,disabled:false,documentType:"W9",documentTypeString:Fe("W9"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:true,province:"Ontario",country:"Canada",indirectTaxNumber:"123456",indirectTaxType:"GST",showNewFormDialog:false,hasHold:false}})})};var aC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,canEditPayoutInfo:true,status:"ACTIVE",disabled:false,documentType:"W8BENE",documentTypeString:Fe("W8BENE"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,province:"Ontario",country:"Canada",indirectTaxType:"GST",indirectTaxNumber:"123456",showNewFormDialog:false,hasHold:false}})})};var rC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,canEditPayoutInfo:true,status:"ACTIVE",disabled:false,documentType:"W8BENE",documentTypeString:Fe("W8BENE"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,province:"Quebec",country:"Canada",indirectTaxType:"GST",indirectTaxNumber:"123456",qstNumber:"44212",showNewFormDialog:false,hasHold:false}})})};var sC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,canEditPayoutInfo:true,status:"ACTIVE",disabled:false,documentType:"W8BENE",documentTypeString:Fe("W8BENE"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,country:"Spain",subRegion:"Spain Proper",indirectTaxType:"VAT",indirectTaxNumber:"123456",subRegionTaxNumber:"44212",showNewFormDialog:false,hasHold:false}})})};var iC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,canEditPayoutInfo:true,status:"ACTIVE",documentType:"W8BEN",documentTypeString:Fe("W8BEN"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,notRegistered:true,showNewFormDialog:false,hasHold:false}})})};var oC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"VERIFICATION:REQUIRED",veriffLoading:false,canEditPayoutInfo:true,status:"ACTIVE",documentType:"W8BEN",documentTypeString:Fe("W8BEN"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,notRegistered:true,showNewFormDialog:false,hasHold:false}})})};var lC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"VERIFICATION:INTERNAL",veriffLoading:false,canEditPayoutInfo:true,status:"ACTIVE",documentType:"W8BEN",documentTypeString:Fe("W8BEN"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,notRegistered:true,showNewFormDialog:false,hasHold:false}})})};var dC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"VERIFICATION:REVIEW",veriffLoading:false,canEditPayoutInfo:true,status:"ACTIVE",documentType:"W8BEN",documentTypeString:Fe("W8BEN"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,notRegistered:true,showNewFormDialog:false,hasHold:false}})})};var uC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"VERIFICATION:FAILED",veriffLoading:false,canEditPayoutInfo:true,status:"ACTIVE",documentType:"W8BEN",documentTypeString:Fe("W8BEN"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,notRegistered:true,showNewFormDialog:false,hasHold:false}})})};var cC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"OVER_W9_THRESHOLD",veriffLoading:false,canEditPayoutInfo:true,status:null,documentType:"W9",documentTypeString:Fe("W9"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,notRegistered:false,showNewFormDialog:false,hasHold:false,enforceUsTaxComplianceOption:"CASH_ONLY_DEFER_W9"}})})};var mC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,canEditPayoutInfo:true,status:"ACTIVE",documentType:"W8BEN",documentTypeString:Fe("W8BEN"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,notRegistered:true,showNewFormDialog:true,hasHold:false}})})};var pC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"HOLD",veriffLoading:false,canEditPayoutInfo:true,disabled:true,status:"ACTIVE",documentType:"W8BEN",documentTypeString:Fe("W8BEN"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,indirectTaxNumber:"123456",country:"Slovania",showNewFormDialog:false,hasHold:false}})})};var hC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,canEditPayoutInfo:true,disabled:false,status:"ACTIVE",documentType:"W9",documentTypeString:Fe("W9"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,loading:true,showNewFormDialog:false,hasHold:false}})})};var gC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,disabled:false,canEditPayoutInfo:true,status:"ACTIVE",documentType:"W9",documentTypeString:Fe("W9"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,loading:true,loadingError:true,showNewFormDialog:false,hasHold:false}})})};var fC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,canEditPayoutInfo:true,disabled:false,status:"ACTIVE",documentType:"W9",documentTypeString:Fe("W9"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,indirectTaxNumber:"123456",indirectTaxType:"VAT",country:"Slovania",showNewFormDialog:false,hasHold:false,errors:{general:true}}})})};var bC=function(){return t("sqm-tax-and-cash-dashboard",{demoData:__assign(__assign({},sT),{states:{payoutStatus:"DONE",veriffLoading:false,canEditPayoutInfo:true,disabled:true,status:"ACTIVE",documentType:"W8BEN",documentTypeString:Fe("W8BEN"),dateSubmitted:"Jan 18th, 2025",noFormNeeded:false,indirectTaxNumber:"123456",country:"Slovania",showNewFormDialog:false,hasHold:false}})})};var vC=function(){return t("sqm-tax-and-cash",{demoData:{showTextProps:true}})};var xC=Object.freeze({__proto__:null,default:eT,GeneralLoadingView:iT,GeneralErrorView:oT,StepOne:lT,StepOneLoading:dT,StepOneDisabled:uT,StepOneIsUser:cT,StepOneIsPartner:mT,StepOneWithErrors:pT,StepOneWithGeneralError:hT,StepOneWithLoadingError:gT,StepTwoLoading:fT,StepTwoLoadingError:bT,StepTwoDisabled:vT,StepTwoIsPartner:xT,StepTwoWithGeneralError:wT,StepTwoOtherRegionChecked:yT,StepTwoOtherRegionCheckedCanada:_T,StepTwoOtherRegionCheckedCanadaGST:qT,StepTwoOtherRegionCheckedCanadaGSTAndQST:ET,StepTwoOtherRegionCheckedOtherCountrySubRegion:kT,StepTwoOtherRegionCheckedOtherCountrySubRegionIncomeTax:TT,StepTwoOtherRegionCheckedWithInputErrors:CT,StepTwoOtherRegionCheckedCanadaWithProvinceError:AT,StepTwoOtherRegionCheckedCanadaGSTAndQSTError:DT,StepTwoOtherRegionCheckedOtherCountrySubRegionErrors:ST,StepTwoNotRegisteredChecked:RT,StepThreeWithDocusign:IT,StepThreeWithDocusignW8BEN:PT,StepThreeWithDocusignW8BENE:NT,StepThreeWithDocusignExpired:FT,StepThreeWithDocusignCompleted:OT,StepThreeDocusignWithError:LT,StepThreeDocusignWithGeneralError:BT,StepThreeDocusignWithLoadingError:GT,StepThreeDocusignLoading:jT,StepThreeDocusignDisabled:WT,StepThreeWithDocusignModalOpen:MT,StepFourDefault:UT,StepFourIsPartner:VT,StepFourDirectToBankChecked:zT,StepFourToPaypalChecked:HT,StepFourReVerifyEmail:YT,TaxAndCashDashboardActiveW9Form:XT,TaxAndCashDashboardActiveW8BENForm:$T,TaxAndCashDashboardActiveW8BENEForm:JT,TaxAndCashDashboardNotActiveW9Form:KT,TaxAndCashDashboardNotVerifiedW9Form:ZT,TaxAndCashDashboardNotVerifiedW8BENForm:QT,TaxAndCashDashboardNotVerifiedW8BENEForm:eC,TaxAndCashDashboardNotActiveW8BENEForm:tC,TaxAndCashDashboardNoFormNeeded:nC,TaxAndCashDashboardIndirectTaxCanada:aC,TaxAndCashDashboardIndirectTaxCanadaQuebec:rC,TaxAndCashDashboardIndirectTaxSpain:sC,TaxAndCashDashboardIndirectTaxNotRegistered:iC,TaxAndCashDashboardIdentityVerifcationRequired:oC,TaxAndCashDashboardIdentityVerifcationRequiredInternal:lC,TaxAndCashDashboardIdentityVerifcationReviewInternal:dC,TaxAndCashDashboardIdentityVerifcationFailedInternal:uC,TaxAndCashDashboardW9ThresholdReached:cC,TaxAndCashDashboardNewTaxForm:mC,TaxAndCashDashboardPayoutsOnHold:pC,TaxAndCashDashboardLoading:hC,TaxAndCashDashboardWithLoadingError:gC,TaxAndCashDashboardWithGeneralError:fC,TaxAndCashDashboardDisabled:bC,TaxAndCashTextProps:vC});var wC={title:"Components/Payout Details Card"};var yC=function(){return t("sqm-payout-details-card",{demoData:{states:{loading:true}}})};var _C=function(){return t("sqm-payout-details-card",{demoData:{states:{badgeStatus:"nextPayout"}}})};var qC=function(){return t("sqm-payout-details-card",{demoData:{states:{badgeStatus:"payoutToday"}}})};var EC=function(){return t("sqm-payout-details-card",{demoData:{states:{thresholdBalance:"50 USD",badgeStatus:"thresholdPayout"}}})};var kC=function(){return t("sqm-payout-details-card",{demoData:{states:{payoutType:"PAYPAL"}}})};var TC=Object.freeze({__proto__:null,default:wC,Loading:yC,NextPayout:_C,PayoutToday:qC,ThresholdPayout:EC,PaypalPayout:kC});var CC={title:"Components/Payout Status Alert"};var AC={error:false,status:"INFORMATION_REQUIRED",loading:false,veriffLoading:false};var DC=function(){return t("sqm-payout-status-alert",{demoData:{states:AC}})};var SC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{status:"VERIFICATION:REQUIRED"})}})};var RC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{status:"VERIFICATION:INTERNAL"})}})};var IC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{status:"VERIFICATION:REVIEW"})}})};var PC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{status:"VERIFICATION:FAILED"})}})};var NC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{status:"OVER_W9_THRESHOLD"})}})};var FC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{status:"HOLD"})}})};var OC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{loading:true})}})};var LC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{error:true})}})};var BC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{status:"NEW_PAYEE_REVIEW"})}})};var GC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{status:"PAYMENT_HOLD_ON_CHANGE"})}})};var jC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{status:"BENEFICIARY_NAME_INVALID"})}})};var WC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{status:"BENEFICIARY_NAME_MISMATCH"})}})};var MC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{status:"BANK_TAX_NAME_MISMATCH"})}})};var UC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{status:"WITHDRAWAL_SETTINGS_INVALID"})}})};var VC=function(){return t("sqm-payout-status-alert",{demoData:{states:__assign(__assign({},AC),{status:"PAYMENT_RETURNED"})}})};var zC=Object.freeze({__proto__:null,default:CC,InformationRequired:DC,VerifyIdentity:SC,VerifyIdentityRequiredInternal:RC,VerifyIdentityReviewInternal:IC,VerifyIdentityFailedInternal:PC,W9ThresholdReached:NC,Hold:FC,Loading:OC,Error:LC,NewPayeeReview:BC,PaymentHoldOnChange:GC,BeneficiaryNameInvalid:jC,BeneficiaryNameMismatch:WC,BankTaxNameMismatch:MC,WithdrawalSettingsInvalid:UC,PaymentReturned:VC});var HC={selectedRegion:"Country / Region of Indirect Tax",searchForCountryText:"",province:"Province",indirectTaxNumber:"Indirect Tax",isRegisteredQST:"I am registered for QST Tax",isRegisteredSubRegionIncomeTax:"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.",qstNumber:"QST Number",subRegion:"Sub-region",subRegionTaxNumberLabel:"Income tax number",error:{indirectTaxNumber:"Indirect Tax is required",fieldRequiredError:"{fieldName} is required"}};var YC={Container:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",padding:"20px",gap:"10px",margin:"auto",textAlign:"center",border:"var(--sqm-border-thickness) solid var(--sqm-border-color)"}};var XC=f(YC);var $C=XC.toString();var JC=function(e){var n=XC.classes;var a=e.text;return t("div",null,t("style",{type:"text/css"},$C),t("div",{class:n.Container},t("sl-icon",{style:{width:"50px",height:"50px",color:"var(--sl-color-neutral-500)"},name:"clock"}),t("p",{style:{margin:"0"}},a.docusignExpired)))};var KC={title:"Components/Tax Form Slot Views"};var ZC={states:{loading:false,hide:false,formState:{selectedRegion:"United Kindom",vatNumber:12345,countryCode:"UK"}},data:{countries:[{countryCode:"CA",displayName:"Canada"}]},text:HC};var QC={states:{loading:false,hide:false,formState:{province:"British Columbia",indirectTaxNumber:1234}},data:{countries:[{countryCode:"CA",displayName:"Canada"}]},text:HC};var eA=function(){return t(Ne,Object.assign({},ZC))};var tA=function(){return t(IndirectDetailsSlotView,Object.assign({},QC))};var nA=function(){return t(Ne,Object.assign({},ZC,{states:__assign(__assign({},ZC.states),{formState:__assign(__assign({},ZC.states.formState),{errors:{vatNumber:true,selectedRegion:true}})})}))};var aA=function(){return t(IndirectDetailsSlotView,Object.assign({},QC,{states:__assign(__assign({},QC.states),{formState:__assign(__assign({},QC.states.formState),{errors:{province:true,indirectTaxNumber:true}})})}))};var rA=function(){return t(JC,null)};var sA=Object.freeze({__proto__:null,default:KC,RegisteredInOtherRegion:eA,RegisteredInCanada:tA,RegisteredInOtherRegionWithErrors:nA,RegisteredInCanadaWithErrors:aA,DocusignExpired:rA});var iA={title:"Components/Email Registration",parameters:{}};var oA={states:{error:"",loading:false},callbacks:{submit:function(e){return __awaiter(Be,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return[2,t.sent()]}}))}))}},content:{invalidEmailErrorMessage:"Must be a valid email address",requiredFieldErrorMessage:"Cannot be empty",paddingTop:"large",paddingRight:"large",paddingBottom:"large",paddingLeft:"large",fraudErrorMessage:"Our team will review this referral. If approved, you and your friend will receive your rewards. Need help? Reach out to our Support team.",fraudErrorMessageTitle:"Looks like you tried referring yourself"}};var lA=function(){return t(y,Object.assign({},oA))};var dA=function(){return t(y,Object.assign({},__assign(__assign({},oA),{content:__assign(__assign({},oA.content),{includeName:true})})))};var uA=function(){return t(y,Object.assign({},__assign(__assign({},oA),{content:__assign(__assign({},oA.content),{topSlot:t("div",null,"Hello this is the top slot"),bottomSlot:t("div",null,"Hello this is the bottom slot")})})))};var cA=function(){return t(y,Object.assign({},__assign(__assign({},oA),{content:__assign(__assign({},oA.content),{hideBorder:true})})))};var mA=function(){return t(y,Object.assign({},__assign(__assign({},oA),{content:__assign(__assign({},oA.content),{backgroundColor:"aquamarine"})})))};var pA=function(){return t(y,Object.assign({},__assign(__assign({},oA),{states:{error:"",loading:true}})))};var hA=function(){return t(y,Object.assign({},__assign(__assign({},oA),{states:{error:"Something went wrong. Please try again.",loading:false}})))};var gA=function(){return t(y,Object.assign({},__assign(__assign({},oA),{states:{error:"FRAUD",loading:false}})))};var fA=function(){return t(y,Object.assign({},__assign(__assign({},oA),{states:{error:"Something went wrong. Please try again.",loading:false,registrationFormState:{validationErrors:{email:"Email cannot be empty"}}}})))};var bA=Object.freeze({__proto__:null,default:iA,Default:lA,HasFirstNameLastName:dA,WithSlots:uA,NoBorder:cA,BackgroundColor:mA,Loading:pA,Error:hA,FraudError:gA,EmptyEmailError:fA});var vA={title:"Components/Lead Form"};var xA={states:{success:false,leadFormState:{},error:"",loading:false,referralCode:"ABC123"},callbacks:{submit:function(){return console.log("Submit!")},inputFunction:function(){},resetForm:function(){}},refs:{formRef:{}},content:{submitLabel:"Submit",pageLabel:"Submit your information",resubmitFormLabel:"Refer Another Friend",requiredFieldErrorMessage:"Cannot be empty",invalidEmailErrorMessage:"Must be a valid email address",submitSuccessHeader:"Referral submitted",submitSuccessDescription:"Our team will contact your friend to see if they’re a good fit. In the meantime, you can track this referral on Activity page.",submitErrorHeader:"An error occurred while submitting",submitErrorDescription:"Please try again later. If the problem continues, contact Support"}};var wA=__assign(__assign({},xA),{states:__assign(__assign({},xA.states),{success:true,error:null}),content:__assign(__assign({},xA.content),{pageLabel:"Refer your friend"})});var yA=__assign(__assign({},xA),{states:__assign(__assign({},xA.states),{error:"Something went wrong. Please try again.",leadFormState:{validationErrors:{firstName:"Please enter a first name",lastName:"Please enter a last name",email:"Please enter a valid email"}}})});var _A=__assign(__assign({},xA),{states:__assign(__assign({},xA.states),{loading:true})});var qA=__assign(__assign({},xA),{content:__assign(__assign({},xA.content),{formData:t("div",null,t("sqm-lead-input-field",{"field-name":"firstName","field-label":"First Name","field-type":"text","required-field-error-message":"Please enter a first name"}),t("sqm-lead-input-field",{"field-name":"lastName","field-label":"Last Name","field-type":"text","required-field-error-message":"Please enter a last name"}),t("sqm-lead-input-field",{"field-name":"email","field-label":"Email","field-type":"email","required-field-error-message":"Please enter a valid email address"}),t("sqm-lead-dropdown-field",null))})});var EA=function(){return t(Te,Object.assign({},xA))};var kA=function(){return t(Te,Object.assign({},wA))};var TA=function(){return t(Te,Object.assign({},yA))};var CA=function(){return t(Te,Object.assign({},_A))};var AA=function(){return t("sqm-lead-form",{demoData:{states:{leadFormState:{},error:"",success:false,loading:true,referralCode:"ABC123"}}})};var DA=function(){return t(Te,Object.assign({},qA))};var SA=Object.freeze({__proto__:null,default:vA,Default:EA,LeadSubmitSuccess:kA,LeadSubmitWithError:TA,LeadSubmitLoading:CA,FieldsHidden:AA,SlottedInputs:DA});var RA={title:"Components/Lead Form Input Field"};var IA={states:{leadFormState:{validationErrors:{},loading:false,disabled:false,initialData:{}}},content:{fieldName:"firstName",fieldLabel:"First Name",fieldType:"text",optionalLabel:"(Optional)",requiredFieldErrorMessage:"Please {fieldAction} a {fieldLabel}",fieldOptional:false}};var PA=function(){return t(Le,Object.assign({},IA))};var NA=function(){return t(Le,Object.assign({},IA,{states:__assign(__assign({},IA.states),{leadFormState:__assign(__assign({},IA.states.leadFormState),{validationErrors:{firstName:"Please enter a first name"}})})}))};var FA=function(){return t(Le,Object.assign({},IA,{states:__assign(__assign({},IA.states),{leadFormState:__assign(__assign({},IA.states.leadFormState),{disabled:true})})}))};var OA=function(){return t(Le,Object.assign({},IA,{states:__assign(__assign({},IA.states),{leadFormState:__assign(__assign({},IA.states.leadFormState),{initialData:{firstName:"Jane"}})})}))};var LA=Object.freeze({__proto__:null,default:RA,Default:PA,WithError:NA,Disabled:FA,WithInitialValue:OA});var BA={title:"Components/Lead Form Dropdown Field"};var GA={states:{leadFormState:{validationErrors:{},loading:false,disabled:false,initialData:{}}},content:{dropdownName:"country",dropdownLabel:"Country",requiredFieldErrorMessage:"Please select a country",optionalLabel:"(Optional)",dropdownOptional:false,multiple:false,selectOptions:[t("sl-menu-item",{value:"red"},"Canada"),t("sl-menu-item",{value:"blue"},"United States"),t("sl-menu-item",{value:"green"},"Mexico")]}};var jA=function(){return t(Ce,Object.assign({},GA))};var WA=function(){return t(Ce,Object.assign({},GA,{content:__assign(__assign({},GA.content),{multiple:true})}))};var MA=function(){return t(Ce,Object.assign({},GA,{states:__assign(__assign({},GA.states),{leadFormState:__assign(__assign({},GA.states.leadFormState),{validationErrors:{country:"Please select a country"}})})}))};var UA=function(){return t(Ce,Object.assign({},GA,{states:__assign(__assign({},GA.states),{leadFormState:__assign(__assign({},GA.states.leadFormState),{disabled:true})})}))};var VA=function(){return t(Ce,Object.assign({},GA,{states:__assign(__assign({},GA.states),{leadFormState:__assign(__assign({},GA.states.leadFormState),{loading:true})})}))};var zA=function(){return t(Ce,Object.assign({},GA,{states:__assign(__assign({},GA.states),{leadFormState:__assign(__assign({},GA.states.leadFormState),{initialData:{country:"Canada"}})})}))};var HA=Object.freeze({__proto__:null,default:BA,Default:jA,Multiple:WA,WithError:MA,Disabled:UA,Loading:VA,WithInitialValue:zA});var YA={title:"Components/Lead Checkbox Field"};var XA={states:{leadFormState:{validationErrors:{}}},content:{checkboxName:"terms",checkboxLabel:"By signing up you agree to the {labelLink}",checkboxLabelLink:"https://example.com",checkboxLabelLinkText:"Terms and Conditions",errorMessage:"{checkboxLabel} Must be checked"}};var $A=hr((function(){return t(_,Object.assign({},XA))}));var JA=hr((function(){return t(_,Object.assign({},XA,{content:__assign(__assign({},XA.content),{checkboxLabel:"I Agree"})}))}));var KA=hr((function(){return t(_,Object.assign({},XA,{states:__assign(__assign({},XA.states),{leadFormState:{validationErrors:{terms:"{checkboxLabel} Must be checked"}}})}))}));var ZA=hr((function(){return t(_,Object.assign({},XA,{states:__assign(__assign({},XA.states),{leadFormState:{validationErrors:{terms:"{checkboxLabel} Must be checked"}}}),content:__assign(__assign({},XA.content),{errorMessage:"This checkbox must be checked to continue"})}))}));var QA=Object.freeze({__proto__:null,default:YA,Default:$A,CustomLabel:JA,Error:KA,CustomError:ZA});var eD={title:"Components/Skeleton"};var tD=function(){return t("sqm-skeleton",null)};var nD=function(){return t("sqm-skeleton",{width:"100px"})};var aD=function(){return t("sqm-skeleton",{height:"100px"})};var rD=function(){return t("sqm-skeleton",{width:"150px",height:"50px"})};var sD=Object.freeze({__proto__:null,default:eD,Default:tD,CustomWidth:nD,CustomHeight:aD,CustomWidthAndHeight:rD});function iD(e){if(e instanceof Map){e.clear=e.delete=e.set=function(){throw new Error("map is read-only")}}else if(e instanceof Set){e.add=e.clear=e.delete=function(){throw new Error("set is read-only")}}Object.freeze(e);Object.getOwnPropertyNames(e).forEach((function(t){var n=e[t];if(typeof n=="object"&&!Object.isFrozen(n)){iD(n)}}));return e}var oD=iD;var lD=iD;oD.default=lD;var dD=function(){function e(e){if(e.data===undefined)e.data={};this.data=e.data;this.isMatchIgnored=false}e.prototype.ignoreMatch=function(){this.isMatchIgnored=true};return e}();function uD(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function cD(e){var t=[];for(var n=1;n<arguments.length;n++){t[n-1]=arguments[n]}var a=Object.create(null);for(var r in e){a[r]=e[r]}t.forEach((function(e){for(var t in e){a[t]=e[t]}}));return a}var mD="</span>";var pD=function(e){return!!e.kind};var hD=function(){function e(e,t){this.buffer="";this.classPrefix=t.classPrefix;e.walk(this)}e.prototype.addText=function(e){this.buffer+=uD(e)};e.prototype.openNode=function(e){if(!pD(e))return;var t=e.kind;if(!e.sublanguage){t=""+this.classPrefix+t}this.span(t)};e.prototype.closeNode=function(e){if(!pD(e))return;this.buffer+=mD};e.prototype.value=function(){return this.buffer};e.prototype.span=function(e){this.buffer+='<span class="'+e+'">'};return e}();var gD=function(){function e(){this.rootNode={children:[]};this.stack=[this.rootNode]}Object.defineProperty(e.prototype,"top",{get:function(){return this.stack[this.stack.length-1]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"root",{get:function(){return this.rootNode},enumerable:false,configurable:true});e.prototype.add=function(e){this.top.children.push(e)};e.prototype.openNode=function(e){var t={kind:e,children:[]};this.add(t);this.stack.push(t)};e.prototype.closeNode=function(){if(this.stack.length>1){return this.stack.pop()}return undefined};e.prototype.closeAllNodes=function(){while(this.closeNode());};e.prototype.toJSON=function(){return JSON.stringify(this.rootNode,null,4)};e.prototype.walk=function(e){return this.constructor._walk(e,this.rootNode)};e._walk=function(e,t){var n=this;if(typeof t==="string"){e.addText(t)}else if(t.children){e.openNode(t);t.children.forEach((function(t){return n._walk(e,t)}));e.closeNode(t)}return e};e._collapse=function(t){if(typeof t==="string")return;if(!t.children)return;if(t.children.every((function(e){return typeof e==="string"}))){t.children=[t.children.join("")]}else{t.children.forEach((function(t){e._collapse(t)}))}};return e}();var fD=function(e){__extends(t,e);function t(t){var n=e.call(this)||this;n.options=t;return n}t.prototype.addKeyword=function(e,t){if(e===""){return}this.openNode(t);this.addText(e);this.closeNode()};t.prototype.addText=function(e){if(e===""){return}this.add(e)};t.prototype.addSublanguage=function(e,t){var n=e.root;n.kind=t;n.sublanguage=true;this.add(n)};t.prototype.toHTML=function(){var e=new hD(this,this.options);return e.value()};t.prototype.finalize=function(){return true};return t}(gD);function bD(e){return new RegExp(e.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")}function vD(e){if(!e)return null;if(typeof e==="string")return e;return e.source}function xD(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var n=e.map((function(e){return vD(e)})).join("");return n}function wD(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var n="("+e.map((function(e){return vD(e)})).join("|")+")";return n}function yD(e){return new RegExp(e.toString()+"|").exec("").length-1}function _D(e,t){var n=e&&e.exec(t);return n&&n.index===0}var qD=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function ED(e,t){if(t===void 0){t="|"}var n=0;return e.map((function(e){n+=1;var t=n;var a=vD(e);var r="";while(a.length>0){var s=qD.exec(a);if(!s){r+=a;break}r+=a.substring(0,s.index);a=a.substring(s.index+s[0].length);if(s[0][0]==="\\"&&s[1]){r+="\\"+String(Number(s[1])+t)}else{r+=s[0];if(s[0]==="("){n++}}}return r})).map((function(e){return"("+e+")"})).join(t)}var kD=/\b\B/;var TD="[a-zA-Z]\\w*";var CD="[a-zA-Z_]\\w*";var AD="\\b\\d+(\\.\\d+)?";var DD="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)";var SD="\\b(0b[01]+)";var RD="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~";var ID=function(e){if(e===void 0){e={}}var t=/^#![ ]*\//;if(e.binary){e.begin=xD(t,/.*\b/,e.binary,/\b.*/)}return cD({className:"meta",begin:t,end:/$/,relevance:0,"on:begin":function(e,t){if(e.index!==0)t.ignoreMatch()}},e)};var PD={begin:"\\\\[\\s\\S]",relevance:0};var ND={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[PD]};var FD={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[PD]};var OD={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/};var LD=function(e,t,n){if(n===void 0){n={}}var a=cD({className:"comment",begin:e,end:t,contains:[]},n);a.contains.push(OD);a.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):",relevance:0});return a};var BD=LD("//","$");var GD=LD("/\\*","\\*/");var jD=LD("#","$");var WD={className:"number",begin:AD,relevance:0};var MD={className:"number",begin:DD,relevance:0};var UD={className:"number",begin:SD,relevance:0};var VD={className:"number",begin:AD+"("+"%|em|ex|ch|rem"+"|vw|vh|vmin|vmax"+"|cm|mm|in|pt|pc|px"+"|deg|grad|rad|turn"+"|s|ms"+"|Hz|kHz"+"|dpi|dpcm|dppx"+")?",relevance:0};var zD={begin:/(?=\/[^/\n]*\/)/,contains:[{className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[PD,{begin:/\[/,end:/\]/,relevance:0,contains:[PD]}]}]};var HD={className:"title",begin:TD,relevance:0};var YD={className:"title",begin:CD,relevance:0};var XD={begin:"\\.\\s*"+CD,relevance:0};var $D=function(e){return Object.assign(e,{"on:begin":function(e,t){t.data._beginMatch=e[1]},"on:end":function(e,t){if(t.data._beginMatch!==e[1])t.ignoreMatch()}})};var JD=Object.freeze({__proto__:null,MATCH_NOTHING_RE:kD,IDENT_RE:TD,UNDERSCORE_IDENT_RE:CD,NUMBER_RE:AD,C_NUMBER_RE:DD,BINARY_NUMBER_RE:SD,RE_STARTERS_RE:RD,SHEBANG:ID,BACKSLASH_ESCAPE:PD,APOS_STRING_MODE:ND,QUOTE_STRING_MODE:FD,PHRASAL_WORDS_MODE:OD,COMMENT:LD,C_LINE_COMMENT_MODE:BD,C_BLOCK_COMMENT_MODE:GD,HASH_COMMENT_MODE:jD,NUMBER_MODE:WD,C_NUMBER_MODE:MD,BINARY_NUMBER_MODE:UD,CSS_NUMBER_MODE:VD,REGEXP_MODE:zD,TITLE_MODE:HD,UNDERSCORE_TITLE_MODE:YD,METHOD_GUARD:XD,END_SAME_AS_BEGIN:$D});function KD(e,t){var n=e.input[e.index-1];if(n==="."){t.ignoreMatch()}}function ZD(e,t){if(!t)return;if(!e.beginKeywords)return;e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)";e.__beforeBegin=KD;e.keywords=e.keywords||e.beginKeywords;delete e.beginKeywords;if(e.relevance===undefined)e.relevance=0}function QD(e,t){if(!Array.isArray(e.illegal))return;e.illegal=wD.apply(void 0,e.illegal)}function eS(e,t){if(!e.match)return;if(e.begin||e.end)throw new Error("begin & end are not supported with match");e.begin=e.match;delete e.match}function tS(e,t){if(e.relevance===undefined)e.relevance=1}var nS=["of","and","for","in","not","or","if","then","parent","list","value"];var aS="keyword";function rS(e,t,n){if(n===void 0){n=aS}var a={};if(typeof e==="string"){r(n,e.split(" "))}else if(Array.isArray(e)){r(n,e)}else{Object.keys(e).forEach((function(n){Object.assign(a,rS(e[n],t,n))}))}return a;function r(e,n){if(t){n=n.map((function(e){return e.toLowerCase()}))}n.forEach((function(t){var n=t.split("|");a[n[0]]=[e,sS(n[0],n[1])]}))}}function sS(e,t){if(t){return Number(t)}return iS(e)?0:1}function iS(e){return nS.includes(e.toLowerCase())}function oS(e,t){var n=t.plugins;function a(t,n){return new RegExp(vD(t),"m"+(e.case_insensitive?"i":"")+(n?"g":""))}var r=function(){function e(){this.matchIndexes={};this.regexes=[];this.matchAt=1;this.position=0}e.prototype.addRule=function(e,t){t.position=this.position++;this.matchIndexes[this.matchAt]=t;this.regexes.push([t,e]);this.matchAt+=yD(e)+1};e.prototype.compile=function(){if(this.regexes.length===0){this.exec=function(){return null}}var e=this.regexes.map((function(e){return e[1]}));this.matcherRe=a(ED(e),true);this.lastIndex=0};e.prototype.exec=function(e){this.matcherRe.lastIndex=this.lastIndex;var t=this.matcherRe.exec(e);if(!t){return null}var n=t.findIndex((function(e,t){return t>0&&e!==undefined}));var a=this.matchIndexes[n];t.splice(0,n);return Object.assign(t,a)};return e}();var s=function(){function e(){this.rules=[];this.multiRegexes=[];this.count=0;this.lastIndex=0;this.regexIndex=0}e.prototype.getMatcher=function(e){if(this.multiRegexes[e])return this.multiRegexes[e];var t=new r;this.rules.slice(e).forEach((function(e){var n=e[0],a=e[1];return t.addRule(n,a)}));t.compile();this.multiRegexes[e]=t;return t};e.prototype.resumingScanAtSamePosition=function(){return this.regexIndex!==0};e.prototype.considerAll=function(){this.regexIndex=0};e.prototype.addRule=function(e,t){this.rules.push([e,t]);if(t.type==="begin")this.count++};e.prototype.exec=function(e){var t=this.getMatcher(this.regexIndex);t.lastIndex=this.lastIndex;var n=t.exec(e);if(this.resumingScanAtSamePosition()){if(n&&n.index===this.lastIndex);else{var a=this.getMatcher(0);a.lastIndex=this.lastIndex+1;n=a.exec(e)}}if(n){this.regexIndex+=n.position+1;if(this.regexIndex===this.count){this.considerAll()}}return n};return e}();function i(e){var t=new s;e.contains.forEach((function(e){return t.addRule(e.begin,{rule:e,type:"begin"})}));if(e.terminatorEnd){t.addRule(e.terminatorEnd,{type:"end"})}if(e.illegal){t.addRule(e.illegal,{type:"illegal"})}return t}function o(t,n){var r=t;if(t.isCompiled)return r;[eS].forEach((function(e){return e(t,n)}));e.compilerExtensions.forEach((function(e){return e(t,n)}));t.__beforeBegin=null;[ZD,QD,tS].forEach((function(e){return e(t,n)}));t.isCompiled=true;var s=null;if(typeof t.keywords==="object"){s=t.keywords.$pattern;delete t.keywords.$pattern}if(t.keywords){t.keywords=rS(t.keywords,e.case_insensitive)}if(t.lexemes&&s){throw new Error("ERR: Prefer `keywords.$pattern` to `mode.lexemes`, BOTH are not allowed. (see mode reference) ")}s=s||t.lexemes||/\w+/;r.keywordPatternRe=a(s,true);if(n){if(!t.begin)t.begin=/\B|\b/;r.beginRe=a(t.begin);if(t.endSameAsBegin)t.end=t.begin;if(!t.end&&!t.endsWithParent)t.end=/\B|\b/;if(t.end)r.endRe=a(t.end);r.terminatorEnd=vD(t.end)||"";if(t.endsWithParent&&n.terminatorEnd){r.terminatorEnd+=(t.end?"|":"")+n.terminatorEnd}}if(t.illegal)r.illegalRe=a(t.illegal);if(!t.contains)t.contains=[];t.contains=[].concat.apply([],t.contains.map((function(e){return dS(e==="self"?t:e)})));t.contains.forEach((function(e){o(e,r)}));if(t.starts){o(t.starts,n)}r.matcher=i(r);return r}if(!e.compilerExtensions)e.compilerExtensions=[];if(e.contains&&e.contains.includes("self")){throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.")}e.classNameAliases=cD(e.classNameAliases||{});return o(e)}function lS(e){if(!e)return false;return e.endsWithParent||lS(e.starts)}function dS(e){if(e.variants&&!e.cachedVariants){e.cachedVariants=e.variants.map((function(t){return cD(e,{variants:null},t)}))}if(e.cachedVariants){return e.cachedVariants}if(lS(e)){return cD(e,{starts:e.starts?cD(e.starts):null})}if(Object.isFrozen(e)){return cD(e)}return e}var uS="10.7.3";function cS(e){return Boolean(e||e==="")}function mS(e){var t={props:["language","code","autodetect"],data:function(){return{detectedLanguage:"",unknownLanguage:false}},computed:{className:function(){if(this.unknownLanguage)return"";return"hljs "+this.detectedLanguage},highlighted:function(){if(!this.autoDetect&&!e.getLanguage(this.language)){console.warn('The language "'+this.language+'" you specified could not be found.');this.unknownLanguage=true;return uD(this.code)}var t={};if(this.autoDetect){t=e.highlightAuto(this.code);this.detectedLanguage=t.language}else{t=e.highlight(this.language,this.code,this.ignoreIllegals);this.detectedLanguage=this.language}return t.value},autoDetect:function(){return!this.language||cS(this.autodetect)},ignoreIllegals:function(){return true}},render:function(e){return e("pre",{},[e("code",{class:this.className,domProps:{innerHTML:this.highlighted}})])}};var n={install:function(e){e.component("highlightjs",t)}};return{Component:t,VuePlugin:n}}var pS={"after:highlightElement":function(e){var t=e.el,n=e.result,a=e.text;var r=gS(t);if(!r.length)return;var s=document.createElement("div");s.innerHTML=n.value;n.value=fS(r,gS(s),a)}};function hS(e){return e.nodeName.toLowerCase()}function gS(e){var t=[];(function e(n,a){for(var r=n.firstChild;r;r=r.nextSibling){if(r.nodeType===3){a+=r.nodeValue.length}else if(r.nodeType===1){t.push({event:"start",offset:a,node:r});a=e(r,a);if(!hS(r).match(/br|hr|img|input/)){t.push({event:"stop",offset:a,node:r})}}}return a})(e,0);return t}function fS(e,t,n){var a=0;var r="";var s=[];function i(){if(!e.length||!t.length){return e.length?e:t}if(e[0].offset!==t[0].offset){return e[0].offset<t[0].offset?e:t}return t[0].event==="start"?e:t}function o(e){function t(e){return" "+e.nodeName+'="'+uD(e.value)+'"'}r+="<"+hS(e)+[].map.call(e.attributes,t).join("")+">"}function l(e){r+="</"+hS(e)+">"}function d(e){(e.event==="start"?o:l)(e.node)}while(e.length||t.length){var u=i();r+=uD(n.substring(a,u[0].offset));a=u[0].offset;if(u===e){s.reverse().forEach(l);do{d(u.splice(0,1)[0]);u=i()}while(u===e&&u.length&&u[0].offset===a);s.reverse().forEach(o)}else{if(u[0].event==="start"){s.push(u[0].node)}else{s.pop()}d(u.splice(0,1)[0])}}return r+uD(n.substr(a))}var bS={};var vS=function(e){console.error(e)};var xS=function(e){var t=[];for(var n=1;n<arguments.length;n++){t[n-1]=arguments[n]}console.log.apply(console,__spreadArrays(["WARN: "+e],t))};var wS=function(e,t){if(bS[e+"/"+t])return;console.log("Deprecated as of "+e+". "+t);bS[e+"/"+t]=true};var yS=uD;var _S=cD;var qS=Symbol("nomatch");var ES=function(e){var t=Object.create(null);var n=Object.create(null);var a=[];var r=true;var s=/(^(<[^>]+>|\t|)+|\n)/gm;var i="Could not find the language '{}', did you forget to load/include a language module?";var o={disableAutodetect:true,name:"Plain text",contains:[]};var l={noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",tabReplace:null,useBR:false,languages:null,__emitter:fD};function d(e){return l.noHighlightRe.test(e)}function u(e){var t=e.className+" ";t+=e.parentNode?e.parentNode.className:"";var n=l.languageDetectRe.exec(t);if(n){var a=R(n[1]);if(!a){xS(i.replace("{}",n[1]));xS("Falling back to no-highlight mode for this block.",e)}return a?n[1]:"no-highlight"}return t.split(/\s+/).find((function(e){return d(e)||R(e)}))}function c(e,t,n,a){var r="";var s="";if(typeof t==="object"){r=e;n=t.ignoreIllegals;s=t.language;a=undefined}else{wS("10.7.0","highlight(lang, code, ...args) has been deprecated.");wS("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277");s=e;r=t}var i={code:r,language:s};O("before:highlight",i);var o=i.result?i.result:m(i.language,i.code,n,a);o.code=i.code;O("after:highlight",o);return o}function m(e,n,s,o){function d(e,t){var n=q.case_insensitive?t[0].toLowerCase():t[0];return Object.prototype.hasOwnProperty.call(e.keywords,n)&&e.keywords[n]}function u(){if(!T.keywords){A.addText(D);return}var e=0;T.keywordPatternRe.lastIndex=0;var t=T.keywordPatternRe.exec(D);var n="";while(t){n+=D.substring(e,t.index);var a=d(T,t);if(a){var r=a[0],s=a[1];A.addText(n);n="";S+=s;if(r.startsWith("_")){n+=t[0]}else{var i=q.classNameAliases[r]||r;A.addKeyword(t[0],i)}}else{n+=t[0]}e=T.keywordPatternRe.lastIndex;t=T.keywordPatternRe.exec(D)}n+=D.substr(e);A.addText(n)}function c(){if(D==="")return;var e=null;if(typeof T.subLanguage==="string"){if(!t[T.subLanguage]){A.addText(D);return}e=m(T.subLanguage,D,true,C[T.subLanguage]);C[T.subLanguage]=e.top}else{e=h(D,T.subLanguage.length?T.subLanguage:null)}if(T.relevance>0){S+=e.relevance}A.addSublanguage(e.emitter,e.language)}function p(){if(T.subLanguage!=null){c()}else{u()}D=""}function g(e){if(e.className){A.openNode(q.classNameAliases[e.className]||e.className)}T=Object.create(e,{parent:{value:T}});return T}function f(e,t,n){var a=_D(e.endRe,n);if(a){if(e["on:end"]){var r=new dD(e);e["on:end"](t,r);if(r.isMatchIgnored)a=false}if(a){while(e.endsParent&&e.parent){e=e.parent}return e}}if(e.endsWithParent){return f(e.parent,t,n)}}function b(e){if(T.matcher.regexIndex===0){D+=e[0];return 1}else{N=true;return 0}}function v(e){var t=e[0];var n=e.rule;var a=new dD(n);var r=[n.__beforeBegin,n["on:begin"]];for(var s=0,i=r;s<i.length;s++){var o=i[s];if(!o)continue;o(e,a);if(a.isMatchIgnored)return b(t)}if(n&&n.endSameAsBegin){n.endRe=bD(t)}if(n.skip){D+=t}else{if(n.excludeBegin){D+=t}p();if(!n.returnBegin&&!n.excludeBegin){D=t}}g(n);return n.returnBegin?0:t.length}function x(e){var t=e[0];var a=n.substr(e.index);var r=f(T,e,a);if(!r){return qS}var s=T;if(s.skip){D+=t}else{if(!(s.returnEnd||s.excludeEnd)){D+=t}p();if(s.excludeEnd){D=t}}do{if(T.className){A.closeNode()}if(!T.skip&&!T.subLanguage){S+=T.relevance}T=T.parent}while(T!==r.parent);if(r.starts){if(r.endSameAsBegin){r.starts.endRe=r.endRe}g(r.starts)}return s.returnEnd?0:t.length}function w(){var e=[];for(var t=T;t!==q;t=t.parent){if(t.className){e.unshift(t.className)}}e.forEach((function(e){return A.openNode(e)}))}var y={};function _(t,a){var i=a&&a[0];D+=t;if(i==null){p();return 0}if(y.type==="begin"&&a.type==="end"&&y.index===a.index&&i===""){D+=n.slice(a.index,a.index+1);if(!r){var o=new Error("0 width match regex");o.languageName=e;o.badRule=y.rule;throw o}return 1}y=a;if(a.type==="begin"){return v(a)}else if(a.type==="illegal"&&!s){var o=new Error('Illegal lexeme "'+i+'" for mode "'+(T.className||"<unnamed>")+'"');o.mode=T;throw o}else if(a.type==="end"){var l=x(a);if(l!==qS){return l}}if(a.type==="illegal"&&i===""){return 1}if(P>1e5&&P>a.index*3){var o=new Error("potential infinite loop, way more iterations than matches");throw o}D+=i;return i.length}var q=R(e);if(!q){vS(i.replace("{}",e));throw new Error('Unknown language: "'+e+'"')}var E=oS(q,{plugins:a});var k="";var T=o||E;var C={};var A=new l.__emitter(l);w();var D="";var S=0;var I=0;var P=0;var N=false;try{T.matcher.considerAll();for(;;){P++;if(N){N=false}else{T.matcher.considerAll()}T.matcher.lastIndex=I;var F=T.matcher.exec(n);if(!F)break;var O=n.substring(I,F.index);var L=_(O,F);I=F.index+L}_(n.substr(I));A.closeAllNodes();A.finalize();k=A.toHTML();return{relevance:Math.floor(S),value:k,language:e,illegal:false,emitter:A,top:T}}catch(t){if(t.message&&t.message.includes("Illegal")){return{illegal:true,illegalBy:{msg:t.message,context:n.slice(I-100,I+100),mode:t.mode},sofar:k,relevance:0,value:yS(n),emitter:A}}else if(r){return{illegal:false,relevance:0,value:yS(n),emitter:A,language:e,top:T,errorRaised:t}}else{throw t}}}function p(e){var t={relevance:0,emitter:new l.__emitter(l),value:yS(e),illegal:false,top:o};t.emitter.addText(e);return t}function h(e,n){n=n||l.languages||Object.keys(t);var a=p(e);var r=n.filter(R).filter(P).map((function(t){return m(t,e,false)}));r.unshift(a);var s=r.sort((function(e,t){if(e.relevance!==t.relevance)return t.relevance-e.relevance;if(e.language&&t.language){if(R(e.language).supersetOf===t.language){return 1}else if(R(t.language).supersetOf===e.language){return-1}}return 0}));var i=s[0],o=s[1];var d=i;d.second_best=o;return d}function g(e){if(!(l.tabReplace||l.useBR)){return e}return e.replace(s,(function(e){if(e==="\n"){return l.useBR?"<br>":e}else if(l.tabReplace){return e.replace(/\t/g,l.tabReplace)}return e}))}function f(e,t,a){var r=t?n[t]:a;e.classList.add("hljs");if(r)e.classList.add(r)}var b={"before:highlightElement":function(e){var t=e.el;if(l.useBR){t.innerHTML=t.innerHTML.replace(/\n/g,"").replace(/<br[ /]*>/g,"\n")}},"after:highlightElement":function(e){var t=e.result;if(l.useBR){t.value=t.value.replace(/\n/g,"<br>")}}};var v=/^(<[^>]+>|\t)+/gm;var x={"after:highlightElement":function(e){var t=e.result;if(l.tabReplace){t.value=t.value.replace(v,(function(e){return e.replace(/\t/g,l.tabReplace)}))}}};function w(e){var t=null;var n=u(e);if(d(n))return;O("before:highlightElement",{el:e,language:n});t=e;var a=t.textContent;var r=n?c(a,{language:n,ignoreIllegals:true}):h(a);O("after:highlightElement",{el:e,result:r,text:a});e.innerHTML=r.value;f(e,n,r.language);e.result={language:r.language,re:r.relevance,relavance:r.relevance};if(r.second_best){e.second_best={language:r.second_best.language,re:r.second_best.relevance,relavance:r.second_best.relevance}}}function y(e){if(e.useBR){wS("10.3.0","'useBR' will be removed entirely in v11.0");wS("10.3.0","Please see https://github.com/highlightjs/highlight.js/issues/2559")}l=_S(l,e)}var _=function(){if(_.called)return;_.called=true;wS("10.6.0","initHighlighting() is deprecated.  Use highlightAll() instead.");var e=document.querySelectorAll("pre code");e.forEach(w)};function q(){wS("10.6.0","initHighlightingOnLoad() is deprecated.  Use highlightAll() instead.");E=true}var E=false;function k(){if(document.readyState==="loading"){E=true;return}var e=document.querySelectorAll("pre code");e.forEach(w)}function T(){if(E)k()}if(typeof window!=="undefined"&&window.addEventListener){window.addEventListener("DOMContentLoaded",T,false)}function C(n,a){var s=null;try{s=a(e)}catch(e){vS("Language definition for '{}' could not be registered.".replace("{}",n));if(!r){throw e}else{vS(e)}s=o}if(!s.name)s.name=n;t[n]=s;s.rawDefinition=a.bind(null,e);if(s.aliases){I(s.aliases,{languageName:n})}}function A(e){delete t[e];for(var a=0,r=Object.keys(n);a<r.length;a++){var s=r[a];if(n[s]===e){delete n[s]}}}function D(){return Object.keys(t)}function S(e){wS("10.4.0","requireLanguage will be removed entirely in v11.");wS("10.4.0","Please see https://github.com/highlightjs/highlight.js/pull/2844");var t=R(e);if(t){return t}var n=new Error("The '{}' language is required, but not loaded.".replace("{}",e));throw n}function R(e){e=(e||"").toLowerCase();return t[e]||t[n[e]]}function I(e,t){var a=t.languageName;if(typeof e==="string"){e=[e]}e.forEach((function(e){n[e.toLowerCase()]=a}))}function P(e){var t=R(e);return t&&!t.disableAutodetect}function N(e){if(e["before:highlightBlock"]&&!e["before:highlightElement"]){e["before:highlightElement"]=function(t){e["before:highlightBlock"](Object.assign({block:t.el},t))}}if(e["after:highlightBlock"]&&!e["after:highlightElement"]){e["after:highlightElement"]=function(t){e["after:highlightBlock"](Object.assign({block:t.el},t))}}}function F(e){N(e);a.push(e)}function O(e,t){var n=e;a.forEach((function(e){if(e[n]){e[n](t)}}))}function L(e){wS("10.2.0","fixMarkup will be removed entirely in v11.0");wS("10.2.0","Please see https://github.com/highlightjs/highlight.js/issues/2534");return g(e)}function B(e){wS("10.7.0","highlightBlock will be removed entirely in v12.0");wS("10.7.0","Please use highlightElement now.");return w(e)}Object.assign(e,{highlight:c,highlightAuto:h,highlightAll:k,fixMarkup:L,highlightElement:w,highlightBlock:B,configure:y,initHighlighting:_,initHighlightingOnLoad:q,registerLanguage:C,unregisterLanguage:A,listLanguages:D,getLanguage:R,registerAliases:I,requireLanguage:S,autoDetection:P,inherit:_S,addPlugin:F,vuePlugin:mS(e).VuePlugin});e.debugMode=function(){r=false};e.safeMode=function(){r=true};e.versionString=uS;for(var G in JD){if(typeof JD[G]==="object"){oD(JD[G])}}Object.assign(e,JD);e.addPlugin(b);e.addPlugin(pS);e.addPlugin(x);return e};var kS=ES({});var TS=kS;function CS(e){return{name:"Gherkin",aliases:["feature"],keywords:"Feature Background Ability Business Need Scenario Scenarios Scenario Outline Scenario Template Examples Given And Then But When",contains:[{className:"symbol",begin:"\\*",relevance:0},{className:"meta",begin:"@[^@\\s]+"},{begin:"\\|",end:"\\|\\w*$",contains:[{className:"string",begin:"[^|]+"}]},{className:"variable",begin:"<",end:">"},e.HASH_COMMENT_MODE,{className:"string",begin:'"""',end:'"""'},e.QUOTE_STRING_MODE]}}var AS=CS;TS.registerLanguage("gherkin",AS);var DS=function(e,n){var a=e.story;var r;var s=(r=a.parent.parameters)===null||r===void 0?void 0:r.scenario;var i;try{i=TS.highlight("gherkin",s)}catch(e){}return t("div",null,t("details",null,t("summary",null,"Specs"),i&&t("pre",{innerHTML:i.value})),n)};var SS=[Uu,Fu,Xu,aq,gm,Pq,Qs,Ec,nd,ec,Gq,lq,eo,$l,Lc,Mo,Gl,ku,N_,sh,zl,pd,mr,dm,mm,kh,Kh,Jp,Ap,kg,Ig,Tl,Ym,Gh,Rx,Mb,nx,lk,wm,TE,ss,Ps,Kg,us,Bp,Yd,_b,sm,No,Zc,Pl,gu,dw,xw,IE,q_,zg,Lg,lo,yo,mp,By,p_,Wx,Id,Wf,JE,nu,rk,M_,Kq,xq,vl,nb,fb,Xc,Uc,bA,$o,xC,xf,OE,sA,TC,Qk,ug,Im,Gs,hh,Tk,fk,km,zC,df,jE,SA,LA,HA,QA,sD];var RS=e("sqm_stencilbook",function(){function e(e){n(this,e);this.ignored=true;d(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=er(SS,{h:t,title:"Mint Components",addons:[pr,Ae,DS]}),n=e.class,r=e.children;var s=i("Default"),o=s[0],l=s[1];var d=i(true),u=d[0],c=d[1];return t(a,{class:n,onClick:{}},t("sqm-brand-selector",null),r)};return e}())}}}));