@saasquatch/mint-components 1.5.0-91 → 1.5.0-95

package/dist/mint-components/{p-b6375f45.system.entry.js → p-38b34432.system.entry.js}

@@ -1 +1 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __extends=this&&this.__extends||function(){var e=function(r,t){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)if(Object.prototype.hasOwnProperty.call(r,t))e[t]=r[t]};return e(r,t)};return function(r,t){e(r,t);function n(){this.constructor=r}r.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++){r=arguments[t];for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a))e[a]=r[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,t,n){function a(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,i){function s(e){try{l(n.next(e))}catch(e){i(e)}}function o(e){try{l(n["throw"](e))}catch(e){i(e)}}function l(e){e.done?t(e.value):a(e.value).then(s,o)}l((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(r){return l([e,r])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;a=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){t.label=s[1];break}if(s[0]===6&&t.label<i[1]){t.label=i[1];i=s;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(s);break}if(i[2])t.ops.pop();t.trys.pop();continue}s=r.call(e,t)}catch(e){s=[6,e];a=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,r=0,t=arguments.length;r<t;r++)e+=arguments[r].length;for(var n=Array(e),a=0,r=0;r<t;r++)for(var i=arguments[r],s=0,o=i.length;s<o;s++,a++)n[a]=i[s];return n};System.register(["./p-ff17b3a4.system.js","./p-48ec6605.system.js","./p-d264d1a0.system.js","./p-71ecbb3b.system.js","./p-eaffa09a.system.js","./p-1c17892a.system.js","./p-4bd679a7.system.js","./p-126bcba1.system.js","./p-3bbb90a9.system.js","./p-1f5124fb.system.js","./p-bbf96ff3.system.js","./p-c3f300e8.system.js","./p-8bcaafaf.system.js","./p-91d119ad.system.js","./p-ea110693.system.js","./p-d2679942.system.js","./p-3e65453b.system.js","./p-bf055b6c.system.js","./p-4279da4b.system.js","./p-a09e3176.system.js","./p-b67aa6c9.system.js","./p-e82076e4.system.js","./p-1c3c2ddb.system.js","./p-1959da16.system.js","./p-bc19e1c2.system.js","./p-4e5b972a.system.js","./p-ce0ec1c4.system.js","./p-6b43e4cc.system.js","./p-b8434fc0.system.js","./p-8ece5279.system.js","./p-53af4433.system.js"],(function(e){"use strict";var r,t,n,a,i,s,o,l,u,d,c,m,p,h,g,f,b,v,w,x,y,E,q,A,k,D,C,_,T,R,I,S,P,N,F,L,B,O,G,j,V,z,M,W,U,H,J,$,K,X,Y,Z,Q,ee,re,te,ne,ae,ie,se,oe,le,ue,de,ce,me,pe,he,ge,fe,be;return{setters:[function(e){r=e.h;t=e.r;n=e.c},function(e){a=e.a;i=e.i;s=e.k;o=e.e;l=e.c;u=e.m},function(){},function(){},function(e){d=e.c;c=e.l;m=e.e;p=e.d;h=e._;g=e.f},function(){},function(){},function(){},function(e){f=e.c},function(e){b=e.G},function(e){v=e.l},function(e){w=e.g},function(){},function(e){x=e.A},function(e){y=e.B},function(e){E=e.a;q=e.u},function(e){A=e.H},function(e){k=e.L},function(e){D=e.N},function(e){C=e.N},function(e){_=e.N},function(e){T=e.P},function(e){R=e.a;I=e.P},function(e){S=e.P},function(e){P=e.P},function(e){N=e.P},function(e){F=e.P},function(e){L=e.P},function(e){B=e.S},function(e){O=e.S;G=e.a;j=e.L;V=e.P;z=e.E;M=e.u;W=e.b;U=e.c;H=e.d;J=e.e;$=e.T;K=e.f;X=e.R;Y=e.g;Z=e.r;Q=e.h;ee=e.i;re=e.j;te=e.k;ne=e.l;ae=e.m;ie=e.n;se=e.o;oe=e.p;le=e.q;ue=e.s;de=e.t;ce=e.v;me=e.w;pe=e.x;he=e.C;ge=e.y;fe=e.z},function(e){be=e.P}],execute:function(){var ve=this;var we=1/0;var xe="[object Symbol]";var ye=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var Ee=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;var qe="\\ud800-\\udfff",Ae="\\u0300-\\u036f\\ufe20-\\ufe23",ke="\\u20d0-\\u20f0",De="\\u2700-\\u27bf",Ce="a-z\\xdf-\\xf6\\xf8-\\xff",_e="\\xac\\xb1\\xd7\\xf7",Te="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",Re="\\u2000-\\u206f",Ie=" \\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",Se="A-Z\\xc0-\\xd6\\xd8-\\xde",Pe="\\ufe0e\\ufe0f",Ne=_e+Te+Re+Ie;var Fe="['’]",Le="["+qe+"]",Be="["+Ne+"]",Oe="["+Ae+ke+"]",Ge="\\d+",je="["+De+"]",Ve="["+Ce+"]",ze="[^"+qe+Ne+Ge+De+Ce+Se+"]",Me="\\ud83c[\\udffb-\\udfff]",We="(?:"+Oe+"|"+Me+")",Ue="[^"+qe+"]",He="(?:\\ud83c[\\udde6-\\uddff]){2}",Je="[\\ud800-\\udbff][\\udc00-\\udfff]",$e="["+Se+"]",Ke="\\u200d";var Xe="(?:"+Ve+"|"+ze+")",Ye="(?:"+$e+"|"+ze+")",Ze="(?:"+Fe+"(?:d|ll|m|re|s|t|ve))?",Qe="(?:"+Fe+"(?:D|LL|M|RE|S|T|VE))?",er=We+"?",rr="["+Pe+"]?",tr="(?:"+Ke+"(?:"+[Ue,He,Je].join("|")+")"+rr+er+")*",nr=rr+er+tr,ar="(?:"+[je,He,Je].join("|")+")"+nr,ir="(?:"+[Ue+Oe+"?",Oe,He,Je,Le].join("|")+")";var sr=RegExp(Fe,"g");var or=RegExp(Oe,"g");var lr=RegExp(Me+"(?="+Me+")|"+ir+nr,"g");var ur=RegExp([$e+"?"+Ve+"+"+Ze+"(?="+[Be,$e,"$"].join("|")+")",Ye+"+"+Qe+"(?="+[Be,$e+Xe,"$"].join("|")+")",$e+"?"+Xe+"+"+Ze,$e+"+"+Qe,Ge,ar].join("|"),"g");var dr=RegExp("["+Ke+qe+Ae+ke+Pe+"]");var cr=/[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var mr={"À":"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 pr=typeof a=="object"&&a&&a.Object===Object&&a;var hr=typeof self=="object"&&self&&self.Object===Object&&self;var gr=pr||hr||Function("return this")();function fr(e,r,t,n){var a=-1,i=e?e.length:0;if(n&&i){t=e[++a]}while(++a<i){t=r(t,e[a],a,e)}return t}function br(e){return e.split("")}function vr(e){return e.match(ye)||[]}function wr(e){return function(r){return e==null?undefined:e[r]}}var xr=wr(mr);function yr(e){return dr.test(e)}function Er(e){return cr.test(e)}function qr(e){return yr(e)?Ar(e):br(e)}function Ar(e){return e.match(lr)||[]}function kr(e){return e.match(ur)||[]}var Dr=Object.prototype;var Cr=Dr.toString;var _r=gr.Symbol;var Tr=_r?_r.prototype:undefined,Rr=Tr?Tr.toString:undefined;function Ir(e,r,t){var n=-1,a=e.length;if(r<0){r=-r>a?0:a+r}t=t>a?a:t;if(t<0){t+=a}a=r>t?0:t-r>>>0;r>>>=0;var i=Array(a);while(++n<a){i[n]=e[n+r]}return i}function Sr(e){if(typeof e=="string"){return e}if(Br(e)){return Rr?Rr.call(e):""}var r=e+"";return r=="0"&&1/e==-we?"-0":r}function Pr(e,r,t){var n=e.length;t=t===undefined?n:t;return!r&&t>=n?e:Ir(e,r,t)}function Nr(e){return function(r){r=Or(r);var t=yr(r)?qr(r):undefined;var n=t?t[0]:r.charAt(0);var a=t?Pr(t,1).join(""):r.slice(1);return n[e]()+a}}function Fr(e){return function(r){return fr(zr(Gr(r).replace(sr,"")),e,"")}}function Lr(e){return!!e&&typeof e=="object"}function Br(e){return typeof e=="symbol"||Lr(e)&&Cr.call(e)==xe}function Or(e){return e==null?"":Sr(e)}function Gr(e){e=Or(e);return e&&e.replace(Ee,xr).replace(or,"")}var jr=Fr((function(e,r,t){return e+(t?" ":"")+Vr(r)}));var Vr=Nr("toUpperCase");function zr(e,r,t){e=Or(e);r=t?undefined:r;if(r===undefined){return Er(e)?kr(e):vr(e)}return e.match(r)||[]}var Mr=jr;function Wr(e){if(e.sheet){return e.sheet}for(var r=0;r<document.styleSheets.length;r++){if(document.styleSheets[r].ownerNode===e){return document.styleSheets[r]}}}function Ur(e){var r=document.createElement("style");r.setAttribute("data-emotion",e.key);if(e.nonce!==undefined){r.setAttribute("nonce",e.nonce)}r.appendChild(document.createTextNode(""));r.setAttribute("data-s","");return r}var Hr=function(){function e(e){var r=this;this._insertTag=function(e){var t;if(r.tags.length===0){t=r.prepend?r.container.firstChild:r.before}else{t=r.tags[r.tags.length-1].nextSibling}r.container.insertBefore(e,t);r.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 r=e.prototype;r.hydrate=function e(r){r.forEach(this._insertTag)};r.insert=function e(r){if(this.ctr%(this.isSpeedy?65e3:1)===0){this._insertTag(Ur(this))}var t=this.tags[this.tags.length-1];if(this.isSpeedy){var n=Wr(t);try{n.insertRule(r,n.cssRules.length)}catch(e){}}else{t.appendChild(document.createTextNode(r))}this.ctr++};r.flush=function e(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)}));this.tags=[];this.ctr=0};return e}();var Jr="-ms-";var $r="-moz-";var Kr="-webkit-";var Xr="comm";var Yr="rule";var Zr="decl";var Qr="@import";var et="@keyframes";var rt=Math.abs;var tt=String.fromCharCode;function nt(e,r){return(((r<<2^lt(e,0))<<2^lt(e,1))<<2^lt(e,2))<<2^lt(e,3)}function at(e){return e.trim()}function it(e,r){return(e=r.exec(e))?e[0]:e}function st(e,r,t){return e.replace(r,t)}function ot(e,r){return e.indexOf(r)}function lt(e,r){return e.charCodeAt(r)|0}function ut(e,r,t){return e.slice(r,t)}function dt(e){return e.length}function ct(e){return e.length}function mt(e,r){return r.push(e),e}function pt(e,r){return e.map(r).join("")}var ht=1;var gt=1;var ft=0;var bt=0;var vt=0;var wt="";function xt(e,r,t,n,a,i,s){return{value:e,root:r,parent:t,type:n,props:a,children:i,line:ht,column:gt,length:s,return:""}}function yt(e,r,t){return xt(e,r.root,r.parent,t,r.props,r.children,0)}function Et(){return vt}function qt(){vt=bt>0?lt(wt,--bt):0;if(gt--,vt===10)gt=1,ht--;return vt}function At(){vt=bt<ft?lt(wt,bt++):0;if(gt++,vt===10)gt=1,ht++;return vt}function kt(){return lt(wt,bt)}function Dt(){return bt}function Ct(e,r){return ut(wt,e,r)}function _t(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 Tt(e){return ht=gt=1,ft=dt(wt=e),bt=0,[]}function Rt(e){return wt="",e}function It(e){return at(Ct(bt-1,Nt(e===91?e+2:e===40?e+1:e)))}function St(e){while(vt=kt())if(vt<33)At();else break;return _t(e)>2||_t(vt)>3?"":" "}function Pt(e,r){while(--r&&At())if(vt<48||vt>102||vt>57&&vt<65||vt>70&&vt<97)break;return Ct(e,Dt()+(r<6&&kt()==32&&At()==32))}function Nt(e){while(At())switch(vt){case e:return bt;case 34:case 39:return Nt(e===34||e===39?e:vt);case 40:if(e===41)Nt(e);break;case 92:At();break}return bt}function Ft(e,r){while(At())if(e+vt===47+10)break;else if(e+vt===42+42&&kt()===47)break;return"/*"+Ct(r,bt-1)+"*"+tt(e===47?e:At())}function Lt(e){while(!_t(kt()))At();return Ct(e,bt)}function Bt(e){return Rt(Ot("",null,null,null,[""],e=Tt(e),0,[0],e))}function Ot(e,r,t,n,a,i,s,o,l){var u=0;var d=0;var c=s;var m=0;var p=0;var h=0;var g=1;var f=1;var b=1;var v=0;var w="";var x=a;var y=i;var E=n;var q=w;while(f)switch(h=v,v=At()){case 34:case 39:case 91:case 40:q+=It(v);break;case 9:case 10:case 13:case 32:q+=St(h);break;case 92:q+=Pt(Dt()-1,7);continue;case 47:switch(kt()){case 42:case 47:mt(jt(Ft(At(),Dt()),r,t),l);break;default:q+="/"}break;case 123*g:o[u++]=dt(q)*b;case 125*g:case 59:case 0:switch(v){case 0:case 125:f=0;case 59+d:if(p>0&&dt(q)-c)mt(p>32?Vt(q+";",n,t,c-1):Vt(st(q," ","")+";",n,t,c-2),l);break;case 59:q+=";";default:mt(E=Gt(q,r,t,u,d,a,o,w,x=[],y=[],c),i);if(v===123)if(d===0)Ot(q,r,E,E,x,i,c,o,y);else switch(m){case 100:case 109:case 115:Ot(e,E,E,n&&mt(Gt(e,E,E,0,0,a,o,w,a,x=[],c),y),a,y,c,o,n?x:y);break;default:Ot(q,E,E,E,[""],y,c,o,y)}}u=d=p=0,g=b=1,w=q="",c=s;break;case 58:c=1+dt(q),p=h;default:if(g<1)if(v==123)--g;else if(v==125&&g++==0&&qt()==125)continue;switch(q+=tt(v),v*g){case 38:b=d>0?1:(q+="\f",-1);break;case 44:o[u++]=(dt(q)-1)*b,b=1;break;case 64:if(kt()===45)q+=It(At());m=kt(),d=dt(w=q+=Lt(Dt())),v++;break;case 45:if(h===45&&dt(q)==2)g=0}}return i}function Gt(e,r,t,n,a,i,s,o,l,u,d){var c=a-1;var m=a===0?i:[""];var p=ct(m);for(var h=0,g=0,f=0;h<n;++h)for(var b=0,v=ut(e,c+1,c=rt(g=s[h])),w=e;b<p;++b)if(w=at(g>0?m[b]+" "+v:st(v,/&\f/g,m[b])))l[f++]=w;return xt(e,r,t,a===0?Yr:o,l,u,d)}function jt(e,r,t){return xt(e,r,t,Xr,tt(Et()),ut(e,2,-2),0)}function Vt(e,r,t,n){return xt(e,r,t,Zr,ut(e,0,n),ut(e,n+1,-1),n)}function zt(e,r){switch(nt(e,r)){case 5103:return Kr+"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 Kr+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return Kr+e+$r+e+Jr+e+e;case 6828:case 4268:return Kr+e+Jr+e+e;case 6165:return Kr+e+Jr+"flex-"+e+e;case 5187:return Kr+e+st(e,/(\w+).+(:[^]+)/,Kr+"box-$1$2"+Jr+"flex-$1$2")+e;case 5443:return Kr+e+Jr+"flex-item-"+st(e,/flex-|-self/,"")+e;case 4675:return Kr+e+Jr+"flex-line-pack"+st(e,/align-content|flex-|-self/,"")+e;case 5548:return Kr+e+Jr+st(e,"shrink","negative")+e;case 5292:return Kr+e+Jr+st(e,"basis","preferred-size")+e;case 6060:return Kr+"box-"+st(e,"-grow","")+Kr+e+Jr+st(e,"grow","positive")+e;case 4554:return Kr+st(e,/([^-])(transform)/g,"$1"+Kr+"$2")+e;case 6187:return st(st(st(e,/(zoom-|grab)/,Kr+"$1"),/(image-set)/,Kr+"$1"),e,"")+e;case 5495:case 3959:return st(e,/(image-set\([^]*)/,Kr+"$1"+"$`$1");case 4968:return st(st(e,/(.+:)(flex-)?(.*)/,Kr+"box-pack:$3"+Jr+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+Kr+e+e;case 4095:case 3583:case 4068:case 2532:return st(e,/(.+)-inline(.+)/,Kr+"$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(dt(e)-1-r>6)switch(lt(e,r+1)){case 109:if(lt(e,r+4)!==45)break;case 102:return st(e,/(.+:)(.+)-([^]+)/,"$1"+Kr+"$2-$3"+"$1"+$r+(lt(e,r+3)==108?"$3":"$2-$3"))+e;case 115:return~ot(e,"stretch")?zt(st(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(lt(e,r+1)!==115)break;case 6444:switch(lt(e,dt(e)-3-(~ot(e,"!important")&&10))){case 107:return st(e,":",":"+Kr)+e;case 101:return st(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+Kr+(lt(e,14)===45?"inline-":"")+"box$3"+"$1"+Kr+"$2$3"+"$1"+Jr+"$2box$3")+e}break;case 5936:switch(lt(e,r+11)){case 114:return Kr+e+Jr+st(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return Kr+e+Jr+st(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return Kr+e+Jr+st(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return Kr+e+Jr+e+e}return e}function Mt(e,r){var t="";var n=ct(e);for(var a=0;a<n;a++)t+=r(e[a],a,e,r)||"";return t}function Wt(e,r,t,n){switch(e.type){case Qr:case Zr:return e.return=e.return||e.value;case Xr:return"";case Yr:e.value=e.props.join(",")}return dt(t=Mt(e.children,n))?e.return=e.value+"{"+t+"}":""}function Ut(e){var r=ct(e);return function(t,n,a,i){var s="";for(var o=0;o<r;o++)s+=e[o](t,n,a,i)||"";return s}}function Ht(e){return function(r){if(!r.root)if(r=r.return)e(r)}}function Jt(e,r,t,n){if(!e.return)switch(e.type){case Zr:e.return=zt(e.value,e.length);break;case et:return Mt([yt(st(e.value,"@","@"+Kr),e,"")],n);case Yr:if(e.length)return pt(e.props,(function(r){switch(it(r,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Mt([yt(st(r,/:(read-\w+)/,":"+$r+"$1"),e,"")],n);case"::placeholder":return Mt([yt(st(r,/:(plac\w+)/,":"+Kr+"input-$1"),e,""),yt(st(r,/:(plac\w+)/,":"+$r+"$1"),e,""),yt(st(r,/:(plac\w+)/,Jr+"input-$1"),e,"")],n)}return""}))}}function $t(e){var r=Object.create(null);return function(t){if(r[t]===undefined)r[t]=e(t);return r[t]}}var Kt=function e(r,t){var n=-1;var a=44;do{switch(_t(a)){case 0:if(a===38&&kt()===12){t[n]=1}r[n]+=Lt(bt-1);break;case 2:r[n]+=It(a);break;case 4:if(a===44){r[++n]=kt()===58?"&\f":"";t[n]=r[n].length;break}default:r[n]+=tt(a)}}while(a=At());return r};var Xt=function e(r,t){return Rt(Kt(Tt(r),t))};var Yt=new WeakMap;var Zt=function e(r){if(r.type!=="rule"||!r.parent||!r.length){return}var t=r.value,n=r.parent;var a=r.column===n.column&&r.line===n.line;while(n.type!=="rule"){n=n.parent;if(!n)return}if(r.props.length===1&&t.charCodeAt(0)!==58&&!Yt.get(n)){return}if(a){return}Yt.set(r,true);var i=[];var s=Xt(t,i);var o=n.props;for(var l=0,u=0;l<s.length;l++){for(var d=0;d<o.length;d++,u++){r.props[u]=i[l]?s[l].replace(/&\f/g,o[d]):o[d]+" "+s[l]}}};var Qt=function e(r){if(r.type==="decl"){var t=r.value;if(t.charCodeAt(0)===108&&t.charCodeAt(2)===98){r["return"]="";r.value=""}}};var en=[Jt];var rn=function e(r){var t=r.key;if(t==="css"){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,(function(e){var r=e.getAttribute("data-emotion");if(r.indexOf(" ")===-1){return}document.head.appendChild(e);e.setAttribute("data-s","")}))}var a=r.stylisPlugins||en;var i={};var s;var o=[];{s=r.container||document.head;Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),(function(e){var r=e.getAttribute("data-emotion").split(" ");for(var t=1;t<r.length;t++){i[r[t]]=true}o.push(e)}))}var l;var u=[Zt,Qt];{var d;var c=[Wt,Ht((function(e){d.insert(e)}))];var m=Ut(u.concat(a,c));var p=function e(r){return Mt(Bt(r),m)};l=function e(r,t,n,a){d=n;p(r?r+"{"+t.styles+"}":t.styles);if(a){h.inserted[t.name]=true}}}var h={key:t,sheet:new Hr({key:t,container:s,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend}),nonce:r.nonce,inserted:i,registered:{},insert:l};h.sheet.hydrate(o);return h};function tn(e){var r=0;var t,n=0,a=e.length;for(;a>=4;++n,a-=4){t=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24;t=(t&65535)*1540483477+((t>>>16)*59797<<16);t^=t>>>24;r=(t&65535)*1540483477+((t>>>16)*59797<<16)^(r&65535)*1540483477+((r>>>16)*59797<<16)}switch(a){case 3:r^=(e.charCodeAt(n+2)&255)<<16;case 2:r^=(e.charCodeAt(n+1)&255)<<8;case 1:r^=e.charCodeAt(n)&255;r=(r&65535)*1540483477+((r>>>16)*59797<<16)}r^=r>>>13;r=(r&65535)*1540483477+((r>>>16)*59797<<16);return((r^r>>>15)>>>0).toString(36)}var nn={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 an=/[A-Z]|^ms/g;var sn=/_EMO_([^_]+?)_([^]*?)_EMO_/g;var on=function e(r){return r.charCodeAt(1)===45};var ln=function e(r){return r!=null&&typeof r!=="boolean"};var un=$t((function(e){return on(e)?e:e.replace(an,"-$&").toLowerCase()}));var dn=function e(r,t){switch(r){case"animation":case"animationName":{if(typeof t==="string"){return t.replace(sn,(function(e,r,t){hn={name:r,styles:t,next:hn};return r}))}}}if(nn[r]!==1&&!on(r)&&typeof t==="number"&&t!==0){return t+"px"}return t};function cn(e,r,t){if(t==null){return""}if(t.__emotion_styles!==undefined){return t}switch(typeof t){case"boolean":{return""}case"object":{if(t.anim===1){hn={name:t.name,styles:t.styles,next:hn};return t.name}if(t.styles!==undefined){var n=t.next;if(n!==undefined){while(n!==undefined){hn={name:n.name,styles:n.styles,next:hn};n=n.next}}var a=t.styles+";";return a}return mn(e,r,t)}case"function":{if(e!==undefined){var i=hn;var s=t(e);hn=i;return cn(e,r,s)}break}}if(r==null){return t}var o=r[t];return o!==undefined?o:t}function mn(e,r,t){var n="";if(Array.isArray(t)){for(var a=0;a<t.length;a++){n+=cn(e,r,t[a])+";"}}else{for(var i in t){var s=t[i];if(typeof s!=="object"){if(r!=null&&r[s]!==undefined){n+=i+"{"+r[s]+"}"}else if(ln(s)){n+=un(i)+":"+dn(i,s)+";"}}else{if(i==="NO_COMPONENT_SELECTOR"&&"production"!=="production"){throw new Error("Component selectors can only be used in conjunction with @emotion/babel-plugin.")}if(Array.isArray(s)&&typeof s[0]==="string"&&(r==null||r[s[0]]===undefined)){for(var o=0;o<s.length;o++){if(ln(s[o])){n+=un(i)+":"+dn(i,s[o])+";"}}}else{var l=cn(e,r,s);switch(i){case"animation":case"animationName":{n+=un(i)+":"+l+";";break}default:{n+=i+"{"+l+"}"}}}}}}return n}var pn=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var hn;var gn=function e(r,t,n){if(r.length===1&&typeof r[0]==="object"&&r[0]!==null&&r[0].styles!==undefined){return r[0]}var a=true;var i="";hn=undefined;var s=r[0];if(s==null||s.raw===undefined){a=false;i+=cn(n,t,s)}else{i+=s[0]}for(var o=1;o<r.length;o++){i+=cn(n,t,r[o]);if(a){i+=s[o]}}pn.lastIndex=0;var l="";var u;while((u=pn.exec(i))!==null){l+="-"+u[1]}var d=tn(i)+l;return{name:d,styles:i,next:hn}};var fn="object"!=="undefined";function bn(e,r,t){var n="";t.split(" ").forEach((function(t){if(e[t]!==undefined){r.push(e[t]+";")}else{n+=t+" "}}));return n}var vn=function e(r,t,n){var a=r.key+"-"+t.name;if((n===false||fn===false)&&r.registered[a]===undefined){r.registered[a]=t.styles}if(r.inserted[t.name]===undefined){var i=t;do{var s=r.insert(t===i?"."+a:"",i,r.sheet,true);i=i.next}while(i!==undefined)}};function wn(e,r){if(e.inserted[r.name]===undefined){return e.insert("",r,e.sheet,true)}}function xn(e,r,t){var n=[];var a=bn(e,n,t);if(n.length<2){return t}return a+r(n)}var yn=function e(r){var t=rn(r);t.sheet.speedy=function(e){this.isSpeedy=e};t.compat=true;var n=function e(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++){n[a]=arguments[a]}var i=gn(n,t.registered,undefined);vn(t,i,false);return t.key+"-"+i.name};var a=function e(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++){n[a]=arguments[a]}var i=gn(n,t.registered);var s="animation-"+i.name;wn(t,{name:i.name,styles:"@keyframes "+s+"{"+i.styles+"}"});return s};var i=function e(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++){n[a]=arguments[a]}var i=gn(n,t.registered);wn(t,i)};var s=function e(){for(var r=arguments.length,a=new Array(r),i=0;i<r;i++){a[i]=arguments[i]}return xn(t.registered,n,En(a))};return{css:n,cx:s,injectGlobal:i,keyframes:a,hydrate:function e(r){r.forEach((function(e){t.inserted[e]=true}))},flush:function e(){t.registered={};t.inserted={};t.sheet.flush()},sheet:t.sheet,cache:t,getRegisteredStyles:bn.bind(null,t.registered),merge:xn.bind(null,t.registered,n)}};var En=function e(r){var t="";for(var n=0;n<r.length;n++){var a=r[n];if(a==null)continue;var i=void 0;switch(typeof a){case"boolean":break;case"object":{if(Array.isArray(a)){i=e(a)}else{i="";for(var s in a){if(a[s]&&s){i&&(i+=" ");i+=s}}}break}default:{i=a}}if(i){t&&(t+=" ");t+=i}}return t};var qn=yn({key:"css"}),An=qn.css;function kn(){return(kn=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function Dn(e,r){return r||(r=e.slice(0)),e.raw=r,e}var Cn,_n,Tn,Rn=An(Cn||(Cn=Dn(['\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 In(e,r){var t,n=r.story.title.split("/"),a=n[1]?n[0]:"_";return kn({},e,((t={})[a]=[].concat(e[a]||[],[{story:kn({},r.story,{title:n[1]||n[0]}),subs:r.subs}]).sort((function(e,r){return e.story.title.localeCompare(r.story.title)})),t))}function Sn(e){return{story:e.default,subs:function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||(a[t]=e[t]);return a}(e,["default"])}}function Pn(e,t){var n=t.h,a=void 0===n?r:n,o=t.title,l=void 0===o?"Stencilbook":o,u=t.homepage,d=void 0===u?a("h3",null,"Select a story!"):u,c=t.addons,m=void 0===c?[]:c,p=i((function(){return e.map(Sn).reduce(In,{_:[]})}),e),h=s(void 0),g=h[0],f=h[1],b=null==g?void 0:g.key,v=s("desktop"),w=v[0],x=v[1],y=s(!0),E=y[0],q=y[1],A=s(!1),k=A[0],D=A[1],C=function(){return a("div",{class:"dynamic-display-wrapper"},a("div",{class:"button-wrapper"},a("button",{class:"desktop"===w?"active":"",onClick:function(){return x("desktop")}},"Desktop"),a("button",{class:"tablet"===w?"active":"",onClick:function(){return x("tablet")}},"Tablet"),a("button",{class:"mobile"===w?"active":"",onClick:function(){return x("mobile")}},"Mobile")),a("p",null,"Note: Currently doesn't test breakpoints, use the native tester for now"),a("hr",null),a("button",{class:k?"active":"",onClick:function(){return D((function(e){return!e}))}},"Toggle Dark Background"),a("hr",null),a("button",{class:E?"active":"",onClick:function(){return q((function(e){return!e}))}},"Toggle Sidebar"))},_="mobile"===w?"375px":"tablet"===w?"768px":"1124px",T=An(_n||(_n=Dn(["\n    max-width: ",";\n    margin-left: ",";\n  "])),_,E?"250px":"0px"),R=An(Tn||(Tn=Dn(["\n    display: none;\n  "])));document.body.style.backgroundColor=k?"#232323":"#fafafa";var I=function(e){var r=e.selected,t=m.reduce((function(e,t){return function(){return a(t,{story:kn({},r)},a(e,null))}}),null==r?void 0:r.story);return a(t,null)},S=function(){return a("div",{class:"story-book-outer-div"},a("div",{class:"story-div "+(E?"":R)},a("div",{class:"header",onClick:function(){f(void 0)}},a("h2",null,l)),a("ul",{class:"parentStoryList"},Object.keys(p).sort().map((function(e){return a("div",{class:"group-wrapper"},"_"!==e&&a("h4",{class:"group-header"},e),p[e].map((function(r){return a("li",{class:"parentStory"},a("details",{style:{marginBottom:"10px"}},a("summary",{style:{outline:"none"}},r.story.title),r.subs&&Object.keys(r.subs).map((function(t){var n=e+"/"+t,i=r.subs[t],s=i.storyName||Mr(t);return a("div",{class:"subStory "+(b===n?"selected":"")},a("a",{onClick:function(){return function(e,r,t,n){f({key:r,story:e,parent:t,label:n})}(i,n,r.story,s)}},s))}))))})))})))),a(C,null),a("div",{class:"component "+T},!b&&d,b&&a("div",null,a("h3",null,g.label),a(I,{selected:g}))))};return{class:Rn,children:a(S,null),View:S,selected:g}}var Nn='@author:noah\r\n@owner:noah\r\nFeature: Share Button\r\n\r\n  The share button redirects users to a platform where they can share their referral link\r\n\r\n  @motivating\r\n  Scenario Outline: Share button displays for various platforms\r\n    Given the share button\'s medium prop is "<medium>"\r\n    And the button\'s child is text saying "BUTTON_TEXT"\r\n    When the share button is rendered\r\n    Then the button has text "BUTTON_TEXT"\r\n    And the button is <colour>\r\n    And it displays an <icon> beside the text\r\n    And clicking the button redirects to an appropriate link\r\n    Examples:\r\n      | medium        | colour       | icon               |\r\n      | facebook      | #1877f2      | facebook logo      |\r\n      | twitter       | #1da1f2      | twitter logo       |\r\n      | email         | #666666      | envelope           |\r\n      | direct        | brand colour | paper plane        |\r\n      | linkedin      | #0077b5      | linkedIn logo      |\r\n      | sms           | #34DA50      | chat bubble        |\r\n      | fbmessenger   | #0084ff      | messenger logo     |\r\n      | whatsapp      | #25d366      | whatsapp logo      |\r\n      | linemessenger | #00B300      | linemessenger logo |\r\n      | pinterest     | #e60023      | pinterest logo     |\r\n\r\n  @minutae\r\n  Scenario Outline: Default icons can be overwritten\r\n    Given a share button for any medium with <iconPropValue>\r\n    When the share button is rendered\r\n    Then it displays a <iconPropValue> instead of the share mediums default icon\r\n    Examples:\r\n      | iconPropValue |\r\n      | basket        |\r\n      | bluetooth     |\r\n      | bandaid       |\r\n\r\n  @motivating\r\n  Scenario Outline: Default share medium colours can be overwritten\r\n    Given a share button for any medium with <backgroundColourPropValue>\r\n    When the share button is rendered\r\n    Then the share button is <backgroundColourPropValue>\r\n    Examples:\r\n      | backgroundColourPropValue |\r\n      | blue                      |\r\n      | black                     |\r\n      | green                     |\r\n\r\n  @minutae\r\n  Scenario Outline: Share medium icons and text can be hidden\r\n    Given a share button with <prop> <value>\r\n    When the share button is rendered\r\n    Then <element> is hidden\r\n    Examples:\r\n      | prop     | value | element |\r\n      | hideicon | true  | icon    |\r\n      | hidetext | true  | text    |\r\n\r\n  @minutae\r\n  Scenario Outline: Icons can be on either side of the text\r\n    Given a share button with <iconslotPropValue>\r\n    When the share button is rendered\r\n    Then the icon is displayed to the <direction> of the text\r\n    Examples:\r\n      | iconslotPropValue | direction |\r\n      | suffix            | right     |\r\n      | prefix            | left      |\r\n      | prefix            | left      |\r\n\r\n  @minutae\r\n  Scenario: Unsupported browsers hide native share buttons\r\n    Given the share button\'s medium prop is "direct"\r\n    And your browser does not support the Web Share API\r\n    Then the share button is hidden\r\n\r\n  @minutae\r\n  Scenario: SMS share buttons are hidden on non Android and iOS devices\r\n    Given the share button\'s medium is "sms"\r\n    And the share button is being viewed on a device which is not an Android or iOS device\r\n    Then the share button is hidden\r\n\r\n  @motivating\r\n  Scenario: Facebook share buttons uses SquatchAndroid sharing features\r\n    Given the share button\'s medium is "facebook"\r\n    And the share button is being viewed in a web view with the SquatchAndroid API\r\n    And the Facebook app is available\r\n    Then tapping the share button opens the phone\'s Facebook app\r\n    And a share activity is opened with the share link prefilled\r\n\r\n  @motivating\r\n  Scenario: SquatchAndroid falls back to the Facebook website if no app is available\r\n    Given the share button\'s medium is "facebook"\r\n    And the share button is being viewed in a web view with the SquatchAndroid API\r\n    And the Facebook app is not available\r\n    Then tapping the share button opens the the Facebook mobile site in the device\'s browser\r\n    And a share activity is opened with the share link prefilled\r\n\r\n  @minutae\r\n  Scenario: A supplied program ID is used if available\r\n    Given the program id is supplied to the component in the "programId" prop\r\n    Then the program ID in the "programId" prop is used to retrieve share links\r\n\r\n  @minutae\r\n  Scenario: The program ID is automatically fetched from context\r\n    Given the program id is not supplied to the component in the "programId" prop\r\n    Then the program ID is retrieved from context';var Fn={title:"Components/Share Button",parameters:{scenario:Nn}};var Ln=function(){var e={medium:"whatsapp",iconslot:"prefix"};return r(O,Object.assign({},e),"Share")};var Bn=function(){var e={medium:"whatsapp",iconslot:"suffix"};return r(O,Object.assign({},e),"Share")};var On=function(){var e={medium:"facebook",icon:"person-badge"};return r(O,Object.assign({},e),"Share")};var Gn=function(){var e={medium:"facebook",type:"text"};return r(O,Object.assign({},e),"Share")};var jn=function(){var e={medium:"facebook",hideicon:true};return r(O,Object.assign({},e),"Share")};var Vn=function(){var e={medium:"facebook",hidetext:true};return r(O,Object.assign({},e),"Share")};var zn=function(){var e={medium:"facebook",type:"text",hideicon:true};return r(O,Object.assign({},e),"Share")};var Mn=function(){var e={medium:"facebook",type:"text",backgroundcolor:"var(--sl-color-primary-500)",textcolor:"white",iconslot:"prefix"};return r(O,Object.assign({},e),"Facebook")};var Wn=function(){var e={medium:"facebook",type:"text",borderradius:8,iconslot:"prefix"};return r(O,Object.assign({},e),"Facebook")};var Un=function(){return r("div",null,r("sqm-share-button",{medium:"facebook"},r("span",null,"Facebook")),r("br",null),r("sqm-share-button",{medium:"email"},r("span",null,"Email")))};var Hn=function(){return r("div",null,r("sqm-share-button",{medium:"facebook"},r("span",null,"Facebook")),r("br",null),r("sqm-share-button",{medium:"email"},r("span",null,"Email")),r("br",null),r("sqm-share-button",{medium:"whatsapp"},r("span",null,"WhatsApp")),r("br",null),r("sqm-share-button",{medium:"linkedin"},r("span",null,"Linkedin")),r("br",null),r("sqm-share-button",{medium:"twitter"},r("span",null,"Twitter")),r("br",null),r("sqm-share-button",{medium:"pinterest"},r("span",null,"Pinterest")),r("br",null),r("sqm-share-button",{medium:"fbmessenger"},r("span",null,"Messenger")),r("br",null),r("sqm-share-button",{medium:"sms"},r("span",null,"SMS")),r("br",null),r("sqm-share-button",{medium:"linemessenger"},r("span",null,"Line Messenger")),r("br",null),r("sqm-share-button",{medium:"direct"},r("span",null,"Share")))};var Jn=Object.freeze({__proto__:null,default:Fn,WithIconPrefix:Ln,WithIconSuffix:Bn,WithIconOverride:On,TextStyle:Gn,WithoutIcon:jn,WithoutText:Vn,TextStyleWithoutIcon:zn,WithCustomColors:Mn,WithCustomBorderRadius:Wn,FullStackIcon:Un,AllMediums:Hn});var $n='@author:johan\r\n@owner:johan\r\nFeature: Share Link\r\n\r\n  The share link component is a box that allows users to see and copy their share link for a given program\r\n\r\n  Background: Environment\r\n    Given there is a valid program ID in the environment\r\n    And there is a valid user ID and account ID in the environment\r\n\r\n  @motivating\r\n  Scenario: A Users sharelink can be copied to their clipboard\r\n    Given tooltiptext is "hello tooltip"\r\n    When the component renders\r\n    Then there is a textbox with the user\'s share link\r\n    When the clipboard icon is clicked\r\n    Then the link is copied to clipboard\r\n    And a tooltip appears for ~1 second\r\n\r\n  @minutae\r\n  Scenario: Tooltip lifespan defaults to 2000\r\n    Given the tooltip\'s lifespan is set to 2000\r\n    And there is tooltip text\r\n    When the component renders\r\n    And the clipboard icon is clicked\r\n    Then a tooltip appears for ~2 seconds\r\n\r\n  @minutae\r\n  Scenario: Demo\r\n    Given isDemo() returns true\r\n    Then the share link is "https://www.example.com/sharelink/abc"\r\n    And the component won\'t be interactive\r\n    And the tooltip is hidden\r\n\r\n  @minutae\r\n  Scenario: Program ID can be sourced from prop\r\n    Given the programId prop is set to "program-a"\r\n    And window.widgetIdent.programId is set to "program-b"\r\n    When the component renders\r\n    Then the share link is for "program-a"\r\n\r\n  @minutae\r\n  Scenario: Program ID can be sourced from window\r\n    Given the programId prop is unset\r\n    And window.widgetIdent.programId is set to "program-b"\r\n    When the component renders\r\n    Then the share link is for "program-b"\r\n\r\n  @minutae\r\n  Scenario: An analytic event is fired when a user copies their sharelink\r\n    Given a user viewing the share link component\r\n    And the component is rendered for "program-a"\r\n    When they click to copy their link\r\n    Then an "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT" analytic event is fired\r\n    And it is for "program-a"\r\n    And it has share medium "DIRECT"\r\n';var Kn={title:"Components/Share Link",parameters:{scenario:$n}};var Xn=function(){var e={shareString:"https://noah.example.com",open:false,tooltiptext:"Copied!"};return r(G,Object.assign({},e))};var Yn=function(){var e={shareString:"https://noah.example.com",tooltiptext:"Some text for the tooltip",open:true};return r(G,Object.assign({},e))};var Zn=function(){var e={shareString:"https://noah.example.com",disabled:true,open:true,tooltiptext:"Copied!"};return r(G,Object.assign({},e))};var Qn=function(){return r("sqm-share-link",null)};var ea=Object.freeze({__proto__:null,default:Kn,Default:Xn,Tooltip:Yn,Disabled:Zn,FullStack:Qn});var ra='@author:sam\r\n@owner:sam\r\nFeature: Big Stat\r\n\r\n  Big stat is a component for displaying a statistic as a large number with a label\r\n\r\n  @minutae\r\n  Scenario: Demo hook retrieves label using stat pattern\r\n    Given isDemo() returns true\r\n    And the component renders with props:\r\n      | type            |\r\n      | /referralsCount |\r\n    Then the label is: "REFERRALS - COUNT"\r\n    And the value is: "12345"\r\n\r\n  @minutae\r\n  Scenario: Demo hook falls back to default label on invalid path\r\n    Given isDemo() returns true\r\n    And the component renders with props:\r\n      | type       |\r\n      | a bad path |\r\n    Then the label is: "Demo Label"\r\n    And the value is: "12345"\r\n\r\n  @motivating\r\n  Scenario: Displays error on unrecognized path\r\n    Given isDemo() returns false\r\n    And the component renders with props:\r\n      | type                       |\r\n      | /(doesNotExistNopeNotHere) |\r\n    Then the label is: "BAD PROP TYPE"\r\n    And the value is: "!!!"\r\n\r\n  @motivating\r\n  Scenario Outline: Label displays correctly\r\n    Given the type prop is set to <type>\r\n    When the component renders\r\n    Then the label is <label>\r\n    Given isDemo() returns true\r\n    When the component renders\r\n    Then the label is <inferredLabel>\r\n    Examples:\r\n      | path             | label                   | inferredLabel     |\r\n      | rewardsAssigned  | Rewards Earned          | Rewards Assigned  |\r\n      | rewardsRedeemed  | Rewards Paid            | Rewards Redeemed  |\r\n      | rewardsAvailable | Rewards Available       | Rewards Available |\r\n      | referralsCount   | Referrals - Count       | Referrals Count   |\r\n      | referralsMonth   | Referrals - This Month  | Referrals Month   |\r\n      | referralsWeek    | Referrals - This Week   | Referrals Week    |\r\n      | rewardsCount     | Rewards - Count         | Rewards Count     |\r\n      | rewardsMonth     | Rewards - This Month    | Rewards Month     |\r\n      | rewardsWeek      | Rewards - This Week     | Rewards Week      |\r\n      | rewardBalance    | Balance - Credit Earned | Reward Balance    |\r\n      | customField      | Custom Field            | Custom Field      |\r\n      | programGoals     | Program Goals           | Program Goals     |\r\n\r\n  @motivating\r\n  Scenario: Display user\'s credit\r\n    Given isDemo() returns false\r\n    And the user has earned 34 COFFEE from the program\r\n    And the component renders with props:\r\n      | type                                     |\r\n      | /rewardBalance/CREDIT/COFFEE/prettyValue |\r\n    Then the label is: "Balance - Credit Earned"\r\n    And the value is: "34 COFFEE"\r\n\r\n  @minutae\r\n  Scenario: Memoizes most recent query\r\n    Given isDemo() returns false\r\n    And the component\'s type prop is set to a variable named PATH\r\n    And PATH is "/referralsWeek"\r\n    Then the component shows a loading state before showing the result\r\n    When the component reloads given some external reload\r\n    Then the component doesn\'t show a loading state\r\n    When PATH is set to "/rewardsWeek"\r\n    Then the component shows a loading state before showing the result\r\n    When PATH is set to "/referralsWeek"\r\n    Then the component shows a loading state before showing the result\r\n\r\n  @motivating\r\n  Scenario: Stat has a loading state\r\n    Given isDemo() returns false\r\n    And the component\'s stat type prop is valid\r\n    When the component renders\r\n    Then The stat value displays "..."\r\n    And when the stat query is completed\r\n    And the stat value displays a value\r\n\r\n  @motivating\r\n  Scenario Outline: Program Goal stat requires metricType and goalId\r\n    Given the statType prop is <statType>\r\n    When the component renders\r\n    Then the label is <label>\r\n    And the stat value is <InvalidStatValue>\r\n    Examples:\r\n      | statType                              | label         | InvalidStatValue |\r\n      | /programGoals                         | BAD PROP TYPE | true             |\r\n      | /programGoals/count                   | BAD PROP TYPE | true             |\r\n      | /programGoals/conversionCount         | BAD PROP TYPE | true             |\r\n      | /programGoals/My-Goal                 | BAD PROP TYPE | true             |\r\n      | /programGoals/count/My-Goal           | Program Goals | false            |\r\n      | /programGoals/conversionCount/My-Goal | Program Goals | false            |\r\n\r\n  @motivating\r\n  Scenario Outline: rewardCountFiltered supports many formats\r\n    Given the statType begins with "/rewardCountFiltered"\r\n    When the component renders with <statType>\r\n    Then the stat <mayRender> a value\r\n    Examples:\r\n      | statType                                               | mayRender      |\r\n      | /rewardsCountFiltered                                  | renders        |\r\n      | /rewardsCountFiltered/COFFEE                           | doesn\'t render |\r\n      | /rewardsCountFiltered/global                           | renders        |\r\n      | /rewardsCountFiltered/INTEGRATION                      | renders        |\r\n      | /rewardsCountFiltered/INTEGRATION/global               | renders        |\r\n      | /rewardsCountFiltered/PCT_DISCOUNT                     | renders        |\r\n      | /rewardsCountFiltered/PCT_DISCOUNT/global              | renders        |\r\n      | /rewardsCountFiltered/CREDIT                           | renders        |\r\n      | /rewardsCountFiltered/CREDIT/COFFEE                    | renders        |\r\n      | /rewardsCountFiltered/CREDIT/global                    | renders        |\r\n      | /rewardsCountFiltered/CREDIT/COFFEE/PENDING            | renders        |\r\n      | /rewardsCountFiltered/CREDIT/COFFEE/AVAILABLE          | renders        |\r\n      | /rewardsCountFiltered/CREDIT/CASH%2FUSD                | renders        |\r\n      | /rewardsCountFiltered/CREDIT/CASH%2FUSD/global         | renders        |\r\n      | /rewardsCountFiltered/CREDIT/CASH%2FUSD/PENDING        | renders        |\r\n      | /rewardsCountFiltered/CREDIT/CASH%2FUSD/PENDING/global | renders        |\r\n\r\n  @motivating\r\n  Scenario Outline: Program Goals and Reward units with currencies must be encoded\r\n    Given the statType is <statType>\r\n    When the stat is queried\r\n    Then the stat is filtered by <decodedFilter>\r\n    And a value <mayBe> rendered\r\n    Examples:\r\n      | statType                                | decodedFilter     | may   |\r\n      | /rewardBalance/CREDIT/COFFEE            | COFFEE            | is    |\r\n      | /rewardBalance/CREDIT/CENTS             | CENTS             | is    |\r\n      | /rewardBalance/CREDIT/COFFEE%2FUSD      | COFFEE/USD        | is    |\r\n      | /rewardBalance/CREDIT/COFFEE/USD        | COFFEE            | is    |\r\n      | /rewardBalance/CREDIT/CASH              | CASH              | is    |\r\n      | /rewardBalance/CREDIT/CASH/USD          | CASH              | is    |\r\n      | /rewardBalance/CREDIT/CASH%2FUSD        | CASH/USD          | is    |\r\n      | /programGoals/count/My-Goal             | My-Goal           | is    |\r\n      | /programGoals/count/My-Goal/referrals   |                   | isn\'t |\r\n      | /programGoals/count/My-Goal%2Freferrals | My-Goal/referrals | is    |\r\n\r\n  @motivating\r\n  Scenario Outline: User custom fields can be queried\r\n    Given the StatType is <statType>\r\n    When the stat is queried\r\n    Then the value matches that of the users <customField>\r\n    Examples:\r\n      | statType                         | customField        |\r\n      | /customFields/videosShared       | videosShared       |\r\n      | /customFields/totalPurchaseCount | totalPurchaseCount |\r\n\r\n  @motivating\r\n  Scenario Outline: Some stats can use a global value instead of filtered by program\r\n    Given the stat <statName>\r\n    Then the global value <mayBe> available\r\n    Examples:\r\n      | statName                        | mayBe |\r\n      | referralsCount                  | isn\'t |\r\n      | referralsMonth                  | isn\'t |\r\n      | referralsWeek                   | isn\'t |\r\n      | rewardsCount                    | is    |\r\n      | rewardsCountFiltered            | is    |\r\n      | integrationRewardsCountFiltered | is    |\r\n      | rewardsMonth                    | is    |\r\n      | rewardsWeek                     | is    |\r\n      | rewardsAssigned                 | is    |\r\n      | rewardsRedeemed                 | is    |\r\n      | rewardsAvailable                | is    |\r\n      | rewardBalance                   | is    |\r\n\r\n  @motivating\r\n  Scenario Outline: referralsCount stat can be filtered by Converted and Started\r\n    Given statType prop is <statType>\r\n    Then the stat returned has a <filter>\r\n    Examples:\r\n      | statType                  | filter                                                   |\r\n      | /referralsCount           | { programId_eq: programId }                              |\r\n      | /referralsCount/converted | { programId_eq: programId, dateConverted_exists: true }  |\r\n      | /referralsCount/started   | { programId_eq: programId, dateConverted_exists: false } |\r\n\r\n  @motivating\r\n  Scenario: Program context is used by default to source the programId used for queries\r\n    Given a valid "statType"\r\n    And its not a global stat\r\n    And the stat is loaded in an environment for "program-a"\r\n    And the "program-id" prop is not used\r\n    When the stat is queried\r\n    Then the query is filtered by "{ programId_eq: \'program-a\' }"\r\n    And only results from "program-a" are returned\r\n\r\n  @motivating\r\n  Scenario Outline: ProgramId can be specified to overwrite the program context default\r\n    Given a valid "statType"\r\n    And its not a global stat\r\n    And the "program-id" prop has <value>\r\n    When the stat is queried\r\n    Then the query has a <filter>\r\n    And only results from <value> are returned\r\n    Examples:\r\n      | value     | filter                        |\r\n      | program-b | { programId_eq: "program-b" } |\r\n      | program-c | { programId_eq: "program-c" } |';var ta={title:"Components/Big Stat",parameters:{scenario:ra}};var na=function(){var e={value:99e4,statvalue:"9.900,00",loading:false};return r(y,Object.assign({},e),"Big stat")};var aa=function(){var e={value:500,statvalue:"500",alignment:"left",loading:false};return r(y,Object.assign({},e),"Big stat")};var ia=function(){var e={value:500,statvalue:"500",alignment:"right",loading:false};return r(y,Object.assign({},e),"Big stat")};var sa=function(){var e={value:500,statvalue:"500",flexReverse:true,loading:false};return r(y,Object.assign({},e),"Big stat")};var oa=function(){var e={value:500,statvalue:"500",flexReverse:true,alignment:"right",loading:false};return r(y,Object.assign({},e),"Big stat")};var la=function(){var e={value:500,statvalue:"500",flexReverse:true,alignment:"left",loading:false};return r(y,Object.assign({},e),"Big stat")};var ua=function(){var e={value:0,statvalue:"...",loading:false};return r(y,Object.assign({},e),"Big stat")};var da=function(){var e={value:0,statvalue:"!!!",loading:false};return r(y,Object.assign({},e),"Big stat")};var ca=Object.freeze({__proto__:null,default:ta,Default:na,LeftAlign:aa,RightAlign:ia,FlexReverse:sa,FlexReverseRight:oa,FlexReverseLeft:la,NoStatValue:ua,InvalidStatValue:da});var ma='@owner:noah\r\n@author:noah\r\nFeature: Leaderboard\r\n\r\n\tThe leaderboard displays the top referrers along with their scores\r\n\r\n\t@motivating\r\n\tScenario Outline: The leaderboard can be for referrals started or converted\r\n\t\tGiven a leaderboard is configured with "leaderboard-type" <value>\r\n\t\tAnd a user with started referrals\r\n\t\tAnd a user with converted referrals\r\n\t\tWhen they view the leaderboard\r\n\t\tThen then only <referralType> referrals are counted in the leaderboard\r\n\t\tExamples:\r\n\t\t\t| value                 | referralType |\r\n\t\t\t| topStartedReferrers   | started      |\r\n\t\t\t| topConvertedReferrers | converted    |\r\n\t\t\t|                       | started      |\r\n\r\n\t@motivating\r\n\tScenario: If there are any users with referrals the leaderboard is shown\r\n\t\tGiven there is aleast one user\r\n\t\tThen the leaderboard displays up to 10 top referrers\r\n\t\tAnd leaderboard is ordered by the referrers score in descending ordered\r\n\t\tAnd in the case of a tie the rows are ordered alphabetically\r\n\r\n\t@motivating\r\n\tScenario: The leaderboard can filter referrals within an time interval\r\n\t\tGiven a leaderboard is configured with "interval" "2021-11-02T07:00:00.000Z/2021-11-07T07:00:00.000Z"\r\n\t\tAnd a user with referrals\r\n\t\tWhen they view the leaderboard\r\n\t\tThen only referrals from within "2021-11-02T07:00:00.000Z/2021-11-07T07:00:00.000Z" are counted in the leaderboard\r\n\r\n\t@motivating\r\n\tScenario Outline: Rank Type can be configured\r\n\t\tGiven a leaderboard is configured with "rank-type" <value>\r\n\t\tAnd a user\r\n\t\tWhen they view the leaderboard\r\n\t\tThen their leaderboard rank is their <rank>\r\n\t\tExamples:\r\n\t\t\t| value     | rank       |\r\n\t\t\t| rowNumber | row number |\r\n\t\t\t| denseRank | dense rank |\r\n\t\t\t| rank      | rank       |\r\n\t\t\t|           | row number |\r\n\r\n\t@minutiae\r\n\tScenario: An empty state is displayed if no users\r\n\t\tGiven a user\r\n\t\tBut no users have made any referrals\r\n\t\tWhen they view the leaderboard\r\n\t\tThen an empty state is dislayed\r\n\t\tAnd they see an image of a leaderboard\r\n\t\tAnd below they see "View your rank in the leaderboard"\r\n\t\tAnd below they see "Be the first to refer a friend and reach the top of the leaderboard"\r\n\t\tAnd the text is center aligned\r\n\r\n\t@minutiae\r\n\tScenario: Leaderboard headings can be customized\r\n\t\tGiven a leaderboard\r\n\t\tAnd it has the following props\r\n\t\t\t| prop         | value          |\r\n\t\t\t| rankheading  | Place          |\r\n\t\t\t| usersheading | Customer       |\r\n\t\t\t| statsheading | Referral Count |\r\n\t\t\t| show-rank    | true           |\r\n\t\tAnd a user\r\n\t\tWhen they view the leaderboard\r\n\t\tThen they see the following columns with headings\r\n\t\t\t| column | heading        |\r\n\t\t\t| rank   | Place          |\r\n\t\t\t| user   | Customer       |\r\n\t\t\t| stat   | Referral Count |\r\n\r\n\t@motivating\r\n\tScenario Outline: Rank can be hidden or shown\r\n\t\tGiven a leaderboard\r\n\t\tAnd it has prop "show-rank" with <propValue>\r\n\t\tAnd a user\r\n\t\tWhen they view the leaderboard\r\n\t\tThen they <maySee> the rank column\r\n\t\tExamples:\r\n\t\t\t| propValue | maySee    |\r\n\t\t\t| true      | see       |\r\n\t\t\t| false     | don\'t see |\r\n\t\t\t|           | don\'t see |\r\n\r\n\t@motivating\r\n\tScenario: Users in the top 10 referrers see their leaderboard row highlighted\r\n\t\tGiven a user\r\n\t\tAnd they are in the top 10 referrers\r\n\t\tWhen they view the leaderboard\r\n\t\tThen they see the row with their name highlighted with brand colour\r\n\r\n\t@motivating\r\n\tScenario Outline: Users not in the top 10 referrers can see their progress at the bottom of the leaderboard\r\n\t\tGiven a user\r\n\t\tAnd they <mayHmayHaveReferralave>\r\n\t\tAnd they are not in the top 10 referrers\r\n\t\tAnd the leaderboard has prop "show-user" with <value>\r\n\t\tWhen they view the leaderboard\r\n\t\tThen they <maySee> "..." under the top 10 referrers\r\n\t\tAnd under "..." they <maySee> a row highlighted with brand colour\r\n\t\tAnd they <maySee> their name\r\n\t\tAnd they <maySee> their referral count\r\n\t\tAnd they <maySeeRank>\r\n\t\tExamples:\r\n\t\t\t| mayHaveReferral      | value | maySee    | maySeeRank           |\r\n\t\t\t| have referrals       | true  | see       | see their rank       |\r\n\t\t\t| don\'t have referrals | true  | see       | don\'t see their rank |\r\n\t\t\t|                      | false | don\'t see | don\'t see their rank |\r\n\t\t\t| have referrals       |       | see       | see their rank       |\r\n\r\n\t@minutiae\r\n\tScenario: Users without names are displayed as an "Anonymous User"\r\n\t\tGiven a user\r\n\t\tAnd they do not have a first name\r\n\t\tAnd they do not have a last initial\r\n\t\tWhen they view the leaderboard\r\n\t\tThen they see the user displayed as "Anonymous User"';var pa={title:"Components/Leaderboard",parameters:{scenario:ma}};var ha={usersheading:"TOP REFERRERS",statsheading:"NEW TITANS"};var ga={empty:r("slot",{name:"empty"},r("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828457/tenant_test_a7iws76wkk4az/pomgkfyhc2mb3cuapauq.png","max-width":"100px"}),r("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},r("sqm-text",{slot:"label"},r("h3",null,"View your rank in the leaderboard")),r("sqm-text",{slot:"content"},"Be the first to refer a friend and reach the top of the leaderboard")))),loadingstate:r("slot",{name:"loading"},r("table",null,__spreadArrays(Array(10)).map((function(){return r("tr",null,r("td",null,r("sl-skeleton",null)))}))))};var fa=function(){var e={states:{loading:false,hasLeaders:false,styles:__assign({},ha)},data:{rankType:"rowNumber",leaderboard:[],showUser:true,userRank:{firstName:"Kutay",lastInitial:"C",value:8,rowNumber:11,rank:23}},elements:__assign({},ga)};return r(j,Object.assign({},e))};var ba=function(){var e={states:{loading:true,hasLeaders:false,styles:__assign({},ha)},data:{rankType:"rowNumber",leaderboard:[]},elements:__assign({},ga)};return r(j,Object.assign({},e))};var va=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign({},ha)},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1}]},elements:__assign({},ga)};return r(j,Object.assign({},e))};var wa=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign({},ha)},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",value:73,rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",value:64,rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",value:55,rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",value:46,rank:5,rowNumber:5}]},elements:__assign({},ga)};return r(j,Object.assign({},e))};var xa=function(){var e={states:{loading:false,hasLeaders:true,styles:{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:true}},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",value:73,rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",value:64,rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",value:55,rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",value:46,rank:5,rowNumber:5}]},elements:__assign({},ga)};return r(j,Object.assign({},e))};var ya=function(){var e={states:{loading:false,hasLeaders:true,styles:{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:false}},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",value:73,rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",value:64,rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",value:55,rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",value:46,rank:5,rowNumber:5},{firstName:"Joe",lastInitial:"S",value:42,rank:6,rowNumber:6},{firstName:"Zach",lastInitial:"H",value:41,rank:7,rowNumber:7},{firstName:"Sarah",lastInitial:"S",value:39,rank:8,rowNumber:8},{firstName:"James",lastInitial:"N",value:33,rank:9,rowNumber:9},{firstName:"Fahim",lastInitial:"J",value:29,rank:10,rowNumber:10}]},elements:__assign({},ga)};return r(j,Object.assign({},e))};var Ea=function(){var e={states:{loading:false,hasLeaders:true,styles:{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:true}},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",value:73,rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",value:64,rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",value:55,rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",value:46,rank:5,rowNumber:5},{firstName:"Joe",lastInitial:"S",value:42,rank:6,rowNumber:6},{firstName:"Zach",lastInitial:"H",value:41,rank:7,rowNumber:7},{firstName:"Sarah",lastInitial:"S",value:39,rank:8,rowNumber:8},{firstName:"James",lastInitial:"N",value:33,rank:9,rowNumber:9},{firstName:"Fahim",lastInitial:"J",value:29,rank:10,rowNumber:10}]},elements:__assign({},ga)};return r(j,Object.assign({},e))};var qa=function(){var e={states:{loading:false,hasLeaders:true,styles:{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:true}},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",value:73,rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",value:64,rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",value:55,rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",value:46,rank:5,rowNumber:5},{firstName:"Joe",lastInitial:"S",value:42,rank:6,rowNumber:6},{firstName:"Zach",lastInitial:"H",value:41,rank:7,rowNumber:7},{firstName:"Sarah",lastInitial:"S",value:39,rank:8,rowNumber:8},{firstName:"James",lastInitial:"N",value:33,rank:9,rowNumber:9},{firstName:"Fahim",lastInitial:"J",value:29,rank:10,rowNumber:10}],showUser:true,userRank:{firstName:"Viktor",lastInitial:"V",value:82,rowNumber:1,rank:1}},elements:__assign({},ga)};return r(j,Object.assign({},e))};var Aa=function(){var e={states:{loading:false,hasLeaders:true,styles:{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:true}},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",value:73,rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",value:64,rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",value:55,rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",value:46,rank:5,rowNumber:5},{firstName:"Joe",lastInitial:"S",value:42,rank:6,rowNumber:6},{firstName:"Zach",lastInitial:"H",value:41,rank:7,rowNumber:7},{firstName:"Sarah",lastInitial:"S",value:39,rank:8,rowNumber:8},{firstName:"James",lastInitial:"N",value:33,rank:9,rowNumber:9},{firstName:"Fahim",lastInitial:"J",value:29,rank:10,rowNumber:10}],showUser:true,userRank:{firstName:"Kutay",lastInitial:"C",value:8,rowNumber:11,rank:23}},elements:__assign({},ga)};return r(j,Object.assign({},e))};var ka=function(){var e={states:{loading:false,hasLeaders:true,styles:{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:true}},data:{rankType:"rowNumber",leaderboard:[{firstName:"Firstname",lastInitial:null,value:82,rank:1,rowNumber:1},{firstName:null,lastInitial:"Lastname",value:73,rank:2,rowNumber:2},{firstName:null,lastInitial:null,value:64,rank:3,rowNumber:3}],showUser:true,userRank:{firstName:null,lastInitial:null,value:null,rowNumber:null,rank:null}},elements:__assign({},ga)};return r(j,Object.assign({},e))};var Da=Object.freeze({__proto__:null,default:pa,Empty:fa,Loading:ba,One:va,Five:wa,FiveWithRank:xa,Ten:ya,TenWithRank:Ea,UserInList:qa,UserOutside:Aa,UserEmpty:ka});var Ca=function(e,t){var n=e.story;var a;var i=(a=n.story.parameters)===null||a===void 0?void 0:a.hookStory;if(!i){return t}var s=Math.round(Math.random()*1e5);var o="sqm-hook-story-container-"+s;return r(o,null,r("sqm-hook-story-container",{hookStory:i}))};function _a(e){var t=function(){return r("div",null)};t.parameters={hookStory:e};return t}var Ta={title:"Tests/Router"};var Ra='\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 Ia='\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 Sa=_a((function(){return r("div",null,r("button",{onClick:function(){return d.push("/")}},"/"),r("button",{onClick:function(){return d.push("/foo")}},"/foo"),r("button",{onClick:function(){return d.push("/bar")}},"/bar"),r("button",{onClick:function(){return d.push("/baz/bang")}},"/baz/bang"),r("button",{onClick:function(){return d.push("/refer")}},"/refer"),r("button",{onClick:function(){return d.push("/refer/1")}},"/refer/1"),r("button",{onClick:function(){return d.push("/refer/2")}},"/refer/2"),r("button",{onClick:function(){return d.back()}},"Back"),r("button",{onClick:function(){return d.forward()}},"Forward"),r("hr",null),r("sqm-router",{innerHTML:Ra}))}));var Pa=_a((function(){return r("div",null,r("button",{onClick:function(){return d.push("/")}},"/"),r("button",{onClick:function(){return d.push("/foo")}},"/foo"),r("button",{onClick:function(){return d.push("/bar")}},"/bar"),r("button",{onClick:function(){return d.push("/baz/bang")}},"/baz/bang"),r("button",{onClick:function(){return d.push("/refer")}},"/refer"),r("button",{onClick:function(){return d.push("/refer/1")}},"/refer/1"),r("button",{onClick:function(){return d.push("/refer/2")}},"/refer/2"),r("button",{onClick:function(){return d.back()}},"Back"),r("button",{onClick:function(){return d.forward()}},"Forward"),r("hr",null),r("sqm-router",{innerHTML:Ia}))}));var Na=_a((function(){return r("div",null,r("button",{onClick:function(){return d.push("/")}},"/"),r("button",{onClick:function(){return d.push("/foo")}},"/foo"),r("hr",null),r("div",{style:{display:"flex",justifyContent:"space-around"}},r("sqm-router",{innerHTML:'<template path="/">\n      \n      <div>Column 1</div>\n      <div>Column 2 </div>\n      </template>'})))}));function Fa(e){var r=s(e),t=r[0],n=r[1];var a=s(e),i=a[0],o=a[1];function l(e){d.push(e.target.value)}return{states:{previewTemplate:i,editedTemplate:t},callbacks:{setEditedTemplate:n,setPreviewTemplate:o,setPath:l}}}var La='\n<sqm-router>\n  <template path="/">\n  <div>hello world</div>\n  </template>\n</sqm-router>\n';function Ba(e){var t=e.states,n=e.callbacks;return[r("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return n.setEditedTemplate(e.target.value)}},t.editedTemplate),r("button",{onClick:function(){return n.setPreviewTemplate(t.editedTemplate)}},"Update Preview"),r("label",null,"Current path:",r("input",{onInput:n.setPath,value:"/"})),r("div",{innerHTML:t.previewTemplate})]}var Oa=_a((function(){var e=Fa(La),t=e.states,n=e.callbacks;return r(Ba,{states:t,callbacks:n})}));var Ga=Object.freeze({__proto__:null,default:Ta,TemplateNavigation:Sa,RouteNavigation:Pa,Styling:Na,RouterPlayground:Oa});var ja={title:"Components/Leaderboard Rank"};var Va=function(){var e={data:{rank:"1st"}};return r("p",null,"Your rank is ",r(k,Object.assign({},e))," on the leaderboard")};var za=Object.freeze({__proto__:null,default:ja,First:Va});function Ma(){var e="worried-camera@uexwltgh.mailosaur.net";var r=e;var t="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:r,programId:t};return{id:e,accountId:r}}function Wa(){var e="a-referral-program";window.SquatchAndroid=true;window.widgetIdent={tenantAlias:"test_as36zjtpfy7oo",appDomain:"https://staging.referralsaasquatch.com",programId:e}}var Ua={title:"Components/Portal Frame"};var Ha={data:{footer:r("span",null,"example@example.com"),header:r("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},r("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),r("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:function(){}},ref:{current:undefined}};var Ja=function(){var e=__assign({},Ha);return r(V,Object.assign({},e),r("sqm-navigation-menu",{"menu-label":"Menu"},r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),r("sl-menu-divider",null),r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")))};var $a=function(){var e=__assign({},Ha);return r(V,Object.assign({},e))};var Ka=function(){var e;Ma();return r("div",null,r("sqm-portal-frame",null,r("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},r("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),r("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal")),r("a",{slot:"footer",class:"FooterEmail",href:"mailto:referrals@servicetitan.com"},"referrals@servicetitan.com"),r("sqm-navigation-menu",{"menu-label":"Menu"},r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),r("sl-menu-divider",null),r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")),r("h1",null,"Something")),r("p",null,"Current path:"," ",r("code",null,r("strong",null,(e=c())===null||e===void 0?void 0:e.pathname))),r("button",{onClick:d.back},"Go Back"))};var Xa=function(){var e;Wa();return r("div",null,r("sqm-portal-frame",null,r("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},r("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),r("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal")),r("span",{slot:"footer"},"sample@example.com"),r("sqm-navigation-menu",{"menu-label":"Menu"},r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),r("sl-menu-divider",null),r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")),r("h1",null,"Something")),r("p",null,"Current path:"," ",r("code",null,r("strong",null,(e=c())===null||e===void 0?void 0:e.pathname))),r("button",{onClick:d.back},"Go Back"))};var Ya=Object.freeze({__proto__:null,default:Ua,FrameWithMenu:Ja,FrameWithoutMenu:$a,FullStackFrame:Ka,FullStackFrameLoggedOut:Xa});var Za={title:"Components/Edit Profile Form"};var Qa={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 ei=function(){var e=Qa;return r(z,Object.assign({},e))};var ri=function(){var e=__assign(__assign({},Qa),{states:__assign(__assign({},Qa.states),{showEdit:true})});return r(z,Object.assign({},e))};var ti=function(){return r("sqm-edit-profile",{editprofileheader:"Edit Profile",editprofiletext:"Update your profile.",firstnametext:"Bill",lastnametext:"Bob",canceltext:"Cancel",updatetext:"Update",currentregiontext:"Current Region",showregion:true})};var ni=Object.freeze({__proto__:null,default:Za,EditProfileFormDisabled:ei,EditProfileFormEnabled:ri,FullStackFrameWithMenu:ti});var ai={title:"Hooks / useShareLink"};function ii(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;m(undefined)}}),[])}var si=_a((function(){ii();var e=M({programId:"sam-partner-test-2",tooltiplifespan:0,tooltiptext:""});return r("div",null,"Sharelink:"," ",r("code",{style:{borderStyle:"solid",borderWidth:"1px",padding:"2px"}},e.shareString))}));var oi=_a((function(){ii();return r(G,Object.assign({},M({programId:"sam-partner-test-2",tooltiptext:"Copied to clipboard",tooltiplifespan:1e3})))}));var li=_a((function(){ii();return r(G,Object.assign({},M({programId:"sam-partner-test-2",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 ui=Object.freeze({__proto__:null,default:ai,BareBonesView:si,RegularView:oi,FastTooltip:li});var di={title:"Hooks / useShareButton"};function ci(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;m(undefined)}}),[])}var mi=_a((function(){ci();var e="sam-partner-test-2";var t=[W({programId:e,medium:"facebook"}),W({programId:e,medium:"twitter"}),W({programId:e,medium:"email"}),W({programId:e,medium:"direct"}),W({programId:e,medium:"sms"})];return r("div",null,t.map((function(e){return r("div",null,r("button",{onClick:e.onClick},"Share link (",e.medium,")"))})))}));var pi=_a((function(){ci();var e="sam-partner-test-2";var t=["facebook","twitter","email","direct","sms"];return r("div",null,t.map((function(t){return r("div",null,r("sqm-share-button",Object.assign({},{programId:e,medium:t}),"BUTTON_TEXT"))})))}));var hi=Object.freeze({__proto__:null,default:di,BareBonesView:mi,RegularView:pi});var gi={title:"Hooks / useBigStat"};function fi(){var e="nynellie";var r=e;var t="ny-post-referrals";window.widgetIdent={tenantAlias:"test_a7yoz8854cf6x",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6Im55bmVsbGllIiwiaWQiOiJueW5lbGxpZSJ9fQ.3KV974VPLgk4tD8LQfJTi4IPkKCmnaB8w48HzVJYDuI"});return function(){window.widgetIdent=undefined;m(undefined)}}),[])}var bi=function(e,t){console.log('View("'+e+'") - CALLED');fi();var n=E({statType:e,render:function(){},disconnectedCallback:function(){},ignored:true}),a=n.props,i=n.label;return r("div",null,r("b",null,"Stat format:"),r("pre",null,t),r("br",null),r("b",null,"Stat selected:")," ",r("pre",{style:{color:"green"}},e),r(y,Object.assign({},a),i))};var vi=function(){var e=s("/someRandomThing/with/someArguments/1234"),t=e[0],n=e[1];var a=q({statType:t,render:function(){},disconnectedCallback:function(){},ignored:true}),i=a.props,o=a.label;return r("div",null,r("div",null,"Stat type:"," ",r("input",{style:{width:"300px"},type:"text",value:t,onInput:function(e){return n(e.target.value)}})),r("hr",null),r("div",null,r(y,Object.assign({},i),o)))};var wi=_a(vi);var xi=_a((function(){return bi("/referralsCount","/(referralsCount)/:status?")}));var yi=_a((function(){return bi("/referralsCount/converted","/(referralsCount)/:status?")}));var Ei=_a((function(){return bi("/referralsCount/started","/(referralsCount)/:status?")}));var qi=_a((function(){return bi("/referralsMonth","/(referralsMonth)")}));var Ai=_a((function(){return bi("/referralsWeek","/(referralsWeek)")}));var ki=_a((function(){return bi("/rewardsCount","/(rewardsCount)/:global?")}));var Di=_a((function(){return bi("/rewardsCount/global","/(rewardsCount)/:global")}));var Ci=_a((function(){return bi("/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 _i=_a((function(){return bi("/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 Ti=_a((function(){return bi("/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 Ri=_a((function(){return bi("/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 Ii=_a((function(){return bi("/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 Si=_a((function(){return bi("/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 Pi=_a((function(){return bi("/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 Ni=_a((function(){return bi("/integrationRewardsCountFiltered/AVAILABLE/global","/(integrationRewardsCountFiltered)/:format([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var Fi=_a((function(){return bi("/integrationRewardsCountFiltered/PENDING/global","/(integrationRewardsCountFiltered)/:format([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var Li=_a((function(){return bi("/rewardsMonth","/(rewardsMonth)/:global?")}));var Bi=_a((function(){return bi("/rewardsWeek","/(rewardsWeek)/:global?")}));var Oi=_a((function(){return bi("/rewardsAssigned/CREDIT/COFFEE","/(rewardsAssigned)/:statType/:unit/:global?")}));var Gi=_a((function(){return bi("/rewardsAssigned/CREDIT/CASH%2FUSD","/(rewardsAssigned)/:statType/:unit/:global?")}));var ji=_a((function(){return bi("/rewardsRedeemed/CREDIT/COFFEE","/(rewardsRedeemed)/:statType/:unit/:global?")}));var Vi=_a((function(){return bi("/rewardsAvailable/CREDIT/COFFEE","/(rewardsAvailable)/:statType/:unit/:global?")}));var zi=_a((function(){return bi("/rewardsAvailable/CREDIT/CASH%2FUSD","/(rewardsAvailable)/:statType/:unit/:global?")}));var Mi=_a((function(){return bi("/rewardBalance/CREDIT/COFFEE/prettyValue","/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?")}));var Wi=_a((function(){var e=encodeURIComponent("CASH/USD");return bi("/rewardBalance/CREDIT/"+e+"/prettyValue","/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?")}));var Ui=_a((function(){var e=encodeURIComponent("Paid-Member-Goal/referrals");return bi("/programGoals/count/"+e,"/(programGoals)/:metricType/:goalId")}));var Hi=_a((function(){return bi("/customFields/thingCount","/(customFields)/:customField")}));var Ji=Object.freeze({__proto__:null,default:gi,Demo:wi,ReferralsCount:xi,referralsConvertedCount:yi,referralsStartedCount:Ei,ReferralsMonth:qi,ReferralsWeek:Ai,RewardsCount:ki,GlobalRewardsCount:Di,GlobalRewardsCountFiltered:Ci,GlobalRewardsCountPctDiscount:_i,GlobalRewardsCountPctDiscountPending:Ti,RewardsCountByUnit:Ri,GlobalRewardsCountByUnit:Ii,GlobalPendingRewardsCount:Si,RewardsAvailableCount:Pi,GlobalRewardsCountByIntegration:Ni,GlobalRewardsCountByPendingIntegration:Fi,RewardsMonth:Li,RewardsWeek:Bi,RewardsAssigned:Oi,RewardsAssignedCashUSD:Gi,RewardsRedeemed:ji,RewardsAvailable:Vi,RewardsAvailableWithSlash:zi,RewardBalance:Mi,RewardBalanceCashUSD:Wi,ProgramGoals:Ui,CustomField:Hi});function $i(){var e="worried-camera@uexwltgh.mailosaur.net";var r=e;var t="a-referral-program";window.widgetIdent={tenantAlias:"test_as36zjtpfy7oo",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJpZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJmaXJzdE5hbWUiOiJ0ZXN0IiwibGFzdE5hbWUiOiJ0ZXN0In19.ziDWbdCwsTo1ijxl8d2__Ga-6iFOVShaJUPp2ZBMeO0"});return function(){window.widgetIdent=undefined;m(undefined)}}),[])}var Ki={title:"Hooks / useEditProfile"};var Xi=_a((function(){$i();return r("sqm-edit-profile",Object.assign({},{editprofileheader:"HEADER",editprofiletext:"TEXT",firstnametext:"FIRST NAME",lastnametext:"LAST NAME",canceltext:"CANCEL",updatetext:"UPDATE",currentregiontext:"CURRENT REGION TEXT"}))}));var Yi=Object.freeze({__proto__:null,default:Ki,RegularView:Xi});var Zi={title:"Hooks / useLeaderboard"};function Qi(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;m(undefined)}}),[])}function es(){var e="sam+klip@saasquat.ch";var r=e;var t="klip-referral-program";var n="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2giLCJsb2NhbGUiOiJlbiJ9fQ.a2nYYrSJ81FHXlCU-Sqp_-wquQizinHBhzwzULDzimg";window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:n});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:e,accountId:r}}var rs=function(e){var t=__assign({leaderboardType:"topConvertedReferrers",showRank:true,rankType:"rowNumber",usersheading:"Top Referrers",statsheading:"Completed Referrals",interval:""},e);var n=t.leaderboardType,a=t.rankType;console.log('View("'+n+'") - CALLED');e.setup();return r("div",{style:{marginBottom:"20px"}},r("sqm-divided-layout",{direction:"row"},r("div",{style:{padding:"10px"}},r("b",null,"Leaderboard Type"),r("pre",null,n)),r("div",{style:{padding:"10px"}},r("b",null,"Rank Type"),r("pre",null,a))),r("sqm-leaderboard",Object.assign({},w(t))),r("hr",null))};var ts=_a((function(){var e=Qi;return[rs({setup:e}),rs({rankType:"rank",setup:e}),rs({rankType:"denseRank",setup:e})]}));var ns=_a((function(){var e=Qi;return[rs({leaderboardType:"topStartedReferrers",statsheading:"New Referrals",setup:e}),rs({leaderboardType:"topStartedReferrers",rankType:"rank",statsheading:"New Referrals",setup:e}),rs({leaderboardType:"topStartedReferrers",rankType:"denseRank",statsheading:"New Referrals",setup:e})]}));var as=_a((function(){var e=es;return[rs({leaderboardType:"topStartedReferrers",statsheading:"New Referrals",setup:e}),rs({leaderboardType:"topStartedReferrers",rankType:"rank",statsheading:"New Referrals",setup:e}),rs({leaderboardType:"topStartedReferrers",rankType:"denseRank",statsheading:"New Referrals",interval:"2022-02-11T08:00:00.000Z/2022-02-13T08:00:00.000Z",setup:e})]}));var is=Object.freeze({__proto__:null,default:Zi,TopConvertedReferrers:ts,TopStartedReferrers:ns,EmptyLeaderboard:as});var ss={title:"Components/Form Message"};var os=function(){return r("sqm-form-message",{type:"success"},r("div",null,"This is a success message."))};var ls=function(){return r("sqm-form-message",{type:"error"},r("div",null,"This is an error message"))};var us=function(){return r("sqm-form-message",{type:"info"},r("div",null,"This is an info message"))};var ds=function(){return r("sqm-form-message",{type:"success",exportparts:"successalert-icon"},r("div",{class:"AlertContent"},r("div",{part:"successalert-text"},"Title"),r("div",{part:"successalert-subtext"},"Body text."),r("sl-button",{type:"default",exportparts:"base: defaultbutton-base",onClick:function(){console.log("click")}},"Primary Action"),r("sl-button",{class:"SecondaryTextButton",type:"text",onClick:function(){console.log("click")}},"Secondary Action")))};var cs=Object.freeze({__proto__:null,default:ss,SuccessAlert:os,ErrorAlert:ls,InfoAlert:us,FullStackSuccess:ds});var ms=p.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 ps={title:"Hooks / useRewardExchange"};function hs(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:e,accountId:r}}function gs(){var e=hs(),r=e.id,t=e.accountId;var n=s(10),a=n[0],i=n[1];var o=s(100),l=o[0],u=o[1];var d=h(ms),c=d[0],m=d[1],p=m.data,g=m.errors;return{states:{points:a,rate:l},data:{id:r,accountId:t,data:p,errors:g},callbacks:{exchange:c,setPoints:i,setRate:u}}}var fs=function(e){var t=e.states,n=e.data,a=e.callbacks;return r("div",null,r("div",null,r("label",null,"Rate:"),r("input",{value:t.rate,onInput:function(e){return a.setRate(e.target.value)}})),r("input",{value:t.points,onInput:function(e){return a.setPoints(e.target.value)}}),r("button",{onClick:function(){return a.exchange(e.input)}},"Exchange"),r("details",null,r("summary",null,"response"),r("h4",null,"data"),r("div",{style:{maxWidth:"500px"}},r("pre",{style:{width:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(n.data))),r("h4",null,"errors"),r("div",{style:{maxWidth:"500px"}},r("pre",{style:{maxWidth:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(n.errors)))))};var bs=_a((function(){hs();return r("sqm-reward-exchange-list",{"list-type":"something"})}));var vs=_a((function(){var e=gs(),t=e.states,n=e.data,a=e.callbacks;return r(fs,{states:t,data:n,callbacks:a,input:{exchangeRewardInput:{userId:n.id,accountId:n.accountId,redeemCreditInput:{amount:t.points,unit:"POINT"},globalRewardKey:"gc1"}}})}));var ws=_a((function(){var e=gs(),t=e.states,n=e.data,a=e.callbacks;return r(fs,{states:t,data:n,callbacks:a,input:{exchangeRewardInput:{userId:n.id,accountId:n.accountId,redeemCreditInput:{amount:t.points,unit:"POINT"},globalRewardKey:"gc1",rewardInput:{valueInCents:Math.ceil(t.points*t.rate)}}}})}));var xs=_a((function(){var e=gs(),t=e.states,n=e.data,a=e.callbacks;return r(fs,{states:t,data:n,callbacks:a,input:{exchangeRewardInput:{userId:n.id,accountId:n.accountId,redeemCreditInput:{amount:t.points,unit:"POINT"},rewardInput:{type:"CREDIT",unit:"foo",assignedCredit:Math.ceil(t.points*t.rate)}}}})}));var ys=Object.freeze({__proto__:null,default:ps,RewardList:bs,FixedGlobalReward:vs,VariableGlobalReward:ws,VariableCreditReward:xs});var Es={title:"Hooks / useRewardsTable"};function qs(){var e="testestest";var r=e;window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com"};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:e,accountId:r}}function As(e){var r=e.token,t=e.id;var n=t;window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com"};o((function(){m({accountId:n,id:t,jwt:r});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:t,accountId:n}}var ks=_a((function(){return r("sqm-rewards-table",{"per-page":"4"},r("sqm-rewards-table-reward-column",null),r("sqm-rewards-table-source-column",null),r("sqm-rewards-table-status-column",null),r("sqm-rewards-table-date-column",null))}));var Ds=_a((function(){qs();g("sam-partner-test-2");return r("sqm-rewards-table",null,r("sqm-rewards-table-reward-column",null),r("sqm-rewards-table-status-column",null),r("sqm-rewards-table-source-column",null),r("sqm-rewards-table-date-column",null))}));var Cs=_a((function(){qs();g(undefined);return r("sqm-rewards-table",null,r("sqm-rewards-table-reward-column",null),r("sqm-rewards-table-status-column",null),r("sqm-rewards-table-source-column",null),r("sqm-rewards-table-date-column",null))}));var _s=_a((function(){As({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",id:"samenglish"});g(undefined);return r("sqm-rewards-table",{"per-page":"4"},r("sqm-rewards-table-reward-column",null),r("sqm-rewards-table-status-column",null),r("sqm-rewards-table-source-column",null),r("sqm-rewards-table-date-column",null))}));var Ts=_a((function(){As({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",id:"samturkey"});g(undefined);return r("sqm-rewards-table",{"per-page":"4","more-label":"Daha","prev-label":"Öncesi","empty-state-text":"Henüz Referans Yok"},r("sqm-rewards-table-reward-column",{"column-title":"Ödüller","redeemed-text":"{redeemedAmount} kullanıldı","available-text":"{availableAmount} mevcut"}),r("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 {}}"}),r("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 "}),r("sqm-rewards-table-date-column",{"column-title":"Tarih"}))}));var Rs=_a((function(){As({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",id:"samfrench"});g(undefined);return r("sqm-rewards-table",{"per-page":"4","more-label":"Plus","prev-label":"Précédent","empty-state-text":"Aucune Récompenses Maintenant"},r("sqm-rewards-table-reward-column",{"column-title":"Récompenses","redeemed-text":"{redeemedAmount} rachetée","available-text":"{availableAmount} disponible"}),r("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 {}}"}),r("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 "}),r("sqm-rewards-table-date-column",{"column-title":"Date de Réception"}))}));var Is=Object.freeze({__proto__:null,default:Es,RewardTableDemoHook:ks,RewardsTableWithProgram:Ds,RewardsTableNoProgram:Cs,RewardsTableEn:_s,RewardsTableTr:Ts,RewardsTableFr:Rs});var Ss="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2giLCJsb2NhbGUiOiJlbiJ9fQ.a2nYYrSJ81FHXlCU-Sqp_-wquQizinHBhzwzULDzimg";var Ps={title:"Hooks / useTaskCard"};function Ns(){var e="sam+klip@saasquat.ch";var r=e;var t="klip-referral-program";window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:Ss});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:e,accountId:r}}var Fs=_a((function(){Ns();return r("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 Ls=_a((function(){Ns();return r("sqm-card-feed",null,r("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"}),r("sqb-program-section",{"program-id":"klip-loyalty"},r("sqm-task-card",{"reward-amount":"50","card-title":"Follow Us on Twitter",description:"Earn 50 points when you follow us on Twitter!","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"})),r("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"}),r("sqb-program-section",{"program-id":"klip-loyalty"},r("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"})),r("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"}),r("sqb-program-section",{"program-id":"klip-loyalty"},r("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"})),r("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"}),r("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"}),r("sqb-program-section",{"program-id":"klip-loyalty"},r("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"})),r("sqb-conditional-section",{condition:"'champion' in user.segments"},r("sqb-program-section",{"program-id":"klip-loyalty"},r("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 Bs=Object.freeze({__proto__:null,default:Ps,TaskCard:Fs,TaskCardFeed:Ls});var Os={title:"New Portal"};var Gs={HeaderSubtitleBold:{"font-weight":500,"text-decoration":"underline"}};var js=f(Gs);var Vs=js.toString();var zs={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}};var Ms={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var Ws={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};var Us=function(){return r(C,Object.assign({},zs),r(_,Object.assign({},Ms)),r(_,Object.assign({},Ws)))};var Hs=function(){var e={shareString:"https://ssqt.co/johnsmithrox",open:false,disabled:false,tooltiptext:"Share link copied",onClick:function(){return console.log("Share link copied")}};var t={shareString:"JOHNSMITH1",open:false,disabled:false,tooltiptext:"Share code copied",onClick:function(){return console.log("Share code copied")}};var n={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 a={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 i={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 r("sqm-divided-layout",{direction:"row"},r("style",{type:"text/css"},Vs),r(Us,null),r("sqm-divided-layout",{direction:"column"},r(P,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),r(be,Object.assign({},{labelMargin:"xx-small",padding:"none",label:r("sqm-text",null,r("p",null,"Welcome back,")),content:r("sqm-text",null,r("h1",null,"John Smith"))})),r(B,Object.assign({},{space:"64px"}),r(y,Object.assign({},{statvalue:"2,345",value:234500,loading:false}),"Clicks"),r(y,Object.assign({},{statvalue:"58",value:58,loading:false}),"Referrals"),r(y,Object.assign({},{statvalue:"$10,540",value:1054e3,loading:false}),"Earned"),r(y,Object.assign({},{statvalue:"$2,305",value:230500,loading:false}),"Awaiting Payout"))),r(P,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),r(be,Object.assign({},{labelMargin:"x-large",padding:"none",label:r("sqm-text",null,r("h2",null,"Partner and Profit")),content:r("sqm-text",null,r("p",null,"Get rewarded for referring potential customers to MyCompany. Earn commission for each successful lead you send our way"))})),r(be,Object.assign({},{labelMargin:"small",padding:"none",label:r("sqm-text",null,r("h3",null,"Share your referral link")),content:r(G,Object.assign({},e))})),r(be,Object.assign({},{labelMargin:"small",padding:"none",label:r("sqm-text",null,r("h3",null,"Share your referral code")),content:r(G,Object.assign({},t))})),r(be,Object.assign({},{labelMargin:"small",padding:"none",label:r("sqm-text",null,r("h3",null,"Share via social media")),content:r(P,Object.assign({},{direction:"row",padding:"large",gap:"xxx-large",minWidth:"150px"}),r(O,Object.assign({},n),"Tweet about us"),r(O,Object.assign({},a),"Share on Facebook"),r(O,Object.assign({},i),"Post on Linkedin"))})))))};var Js=function(){return r("sqm-divided-layout",{direction:"row"},r("style",{type:"text/css"},Vs),r(Us,null),r("sqm-divided-layout",{direction:"column"},r(N,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)}}})),r(U,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 $s=function(){return r("sqm-divided-layout",{direction:"row"},r("style",{type:"text/css"},Vs),r(Us,null),r("sqm-divided-layout",{direction:"column"},r(P,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),r(be,Object.assign({},{labelMargin:"xx-small",padding:"none",label:r("sqm-text",null,r("h2",null,"Commissions")),content:r("sqm-text",null,r("p",null,"for the"," ",r("span",{class:js.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),r(B,Object.assign({},{space:"64px"}),r(y,Object.assign({},{statvalue:"$ 1,000",value:1e5,loading:false}),"Total Earned"),r(y,Object.assign({},{statvalue:"$ 800",value:8e4,loading:false}),"Available"),r(y,Object.assign({},{statvalue:"$ 180",value:18e3,loading:false}),"Pending"),r(y,Object.assign({},{statvalue:"$ 20",value:2e3,loading:false}),"Redeemed")))))};var Ks=function(){return r("sqm-divided-layout",{direction:"row"},r("style",{type:"text/css"},Vs),r(Us,null),r("sqm-divided-layout",{direction:"column"},r(P,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),r(be,Object.assign({},{labelMargin:"xx-small",padding:"none",label:r("sqm-text",null,r("h2",null,"Activity")),content:r("sqm-text",null,r("p",null,"for the"," ",r("span",{class:js.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),r(be,Object.assign({},{labelMargin:"x-large",padding:"none",label:r("sqm-text",null,r("h3",null,"Referral Activity")),content:r(B,Object.assign({},{space:"64px"}),r(y,Object.assign({},{statvalue:"1,000",value:1e5,loading:false}),"Total Referrals"),r(y,Object.assign({},{statvalue:"800",value:800,loading:false}),"Converted"),r(y,Object.assign({},{statvalue:"180",value:180,loading:false}),"Pending"),r(y,Object.assign({},{statvalue:"20",value:20,loading:false}),"Disqualified"))}))),r(be,Object.assign({},{labelMargin:"x-large",padding:"xxx-large",label:r("sqm-text",null,r("h3",null,"Traffic Generated")),content:r(B,Object.assign({},{space:"64px"}),r(y,Object.assign({},{statvalue:"1,000",value:1e3,loading:false}),"Clicks"),r(y,Object.assign({},{statvalue:"800",value:800,loading:false}),"From share link"),r(y,Object.assign({},{statvalue:"180",value:180,loading:false}),"From share mediums"))}))))};var Xs=Object.freeze({__proto__:null,default:Os,Dashboard:Hs,EditProfile:Js,Commissions:$s,Activity:Ks});var Ys={title:"Components/Sidebar Item"};var Zs=function(){var e={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};return r(_,Object.assign({},e))};var Qs=function(){var e={states:{active:true},data:{label:"Dashboard",icon:"house",path:"/"}};return r(_,Object.assign({},e))};var eo=Object.freeze({__proto__:null,default:Ys,InactiveItem:Zs,ActiveItem:Qs});var ro={title:"Components/Navigation Sidebar"};var to=function(){var e={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}};var t={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var n={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};return r(C,Object.assign({},e),r(_,Object.assign({},t)),r(_,Object.assign({},n)))};var no=Object.freeze({__proto__:null,default:ro,DefaultNavigationSidebar:to});var ao={title:"Components/Portal Login"};var io={states:{error:"",loading:false,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{pageLabel:"Sign in to your account"}};var so={states:{error:"Something went wrong. Please try again.",loading:false,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{pageLabel:"Sign in to your account"}};var oo={states:{error:"",loading:true,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{pageLabel:"Sign in to your account"}};var lo=function(){return r(H,Object.assign({},io))};var uo=function(){return r(H,Object.assign({},so))};var co=function(){return r(H,Object.assign({},oo))};var mo=Object.freeze({__proto__:null,default:ao,Default:lo,LoginWithError:uo,LoginLoading:co});var po={title:"Components/Portal Register"};var ho={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 go={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 fo={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 bo={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:r("div",null,r("sl-input",{style:{marginBottom:"var(--sl-spacing-x-large)"},exportparts:"label: input-label",label:"Slotted Input",required:true}),r("sl-input",{exportparts:"label: input-label",label:"Slotted Input 2",required:true}))}};var vo=function(){return r(J,Object.assign({},ho))};var wo=function(){return r(J,Object.assign({},go))};var xo=function(){return r(J,Object.assign({},fo))};var yo=function(){return r("sqm-portal-register",{demoData:{states:{error:"",loading:true,confirmPassword:true,hideInputs:true,loginPath:"/login"}}})};var Eo=function(){return r(J,Object.assign({},bo))};var qo=function(){return r(J,Object.assign({},ho,{content:__assign(__assign({},ho.content),{terms:r("p",null,"By signing up you agree to the"," ",r("a",{href:"https://example.com",target:"_blank"},"Terms and Conditions"))})}))};var Ao=Object.freeze({__proto__:null,default:po,Default:vo,RegisterWithError:wo,RegisterLoading:xo,FieldsHidden:yo,SlottedInputs:Eo,TermsAndConditions:qo});var ko='@author:derek\r\n@owner:ian\r\nFeature: Forgot Password\r\n\r\n  @motivating\r\n  Scenario: Users can request to reset their password\r\n    Given a user enters their email address\r\n    And that email address is linked to a previously created account\r\n    When they click "Reset Password"\r\n    Then the button enters a loading state\r\n    When the password reset email is sent\r\n    Then a confirmation banner is shown stating a password reset email was sent\r\n\r\n  @motivating\r\n  Scenario: Users are notified if sending their password reset email fails\r\n    Given a user enters their email address\r\n    And that email address is linked to a previously created account\r\n    When they click "Reset Password"\r\n    Then the button enters a loading state\r\n    When the password reset email fails to send\r\n    Then the user does not receive a password reset email\r\n    And an error banner is shown stating that they should try again\r\n\r\n  @motivating\r\n  @landmine\r\n  Scenario: If the input email is not associated to an account a success banner is shown but an email is not be sent\r\n    Given the user entered an email address that is not associated to an accoun\r\n    When they click "Reset Password"\r\n    Then the button enters a loading state\r\n    But no email is sent\r\n    And a success banner is shown stating a password reset email was sent if the given email was associated to an account\r\n\r\n  @motivating\r\n  Scenario: Users can resend password reset email\r\n    Given a user had previously requested to reset their password\r\n    When they enter their email address\r\n    And that email address is linked to a previously created account\r\n    And they click "Reset Password"\r\n    Then the user receives a second password reset email\r\n    And a success banner is shown stating that their email was sent\r\n\r\n  @motivating\r\n  Scenario Outline: The email link can be configured to redirect users to a specific base path but defaults to "/resetPassword"\r\n    Given a user viewing the password reset component\r\n    And the component <mayHave> "redirect-path" with <value>\r\n    When they request a password reset email\r\n    And they click the link in the email\r\n    Then they are redirected to <redirectPath>\r\n    Examples:\r\n      | mayHave      | value            | redirectPath     |\r\n      | doesn\'t have | N/A              | /resetPassword   |\r\n      | has          | /resetMyPassword | /resetMyPassword |\r\n\r\n  @minutae\r\n  Scenario Outline: Navigation back to the login page can be customized but defaults to "/login"\r\n    Given a user viewing the password reset component\r\n    And the component <mayHave> "login-path" with <value>\r\n    Then they see a "Sign In" text button\r\n    When they click "Sign In"\r\n    Then they are redirected to <redirectPath>\r\n    Examples:\r\n      | mayHave      | value   | redirectPath |\r\n      | doesn\'t have | N/A     | /login       |\r\n      | has          | /signin | /signin      |';var Do={title:"Components/Portal Forgot Password",parameters:{scenario:ko}};var Co={states:{error:"",loading:false,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}};var _o={states:{error:"Something went wrong. Please try again.",loading:false,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}};var To={states:{error:"",loading:true,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}};var Ro={states:{error:"",loading:false,success:true,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}};var Io=function(){return r(S,Object.assign({},Co))};var So=function(){return r(S,Object.assign({},_o))};var Po=function(){return r(S,Object.assign({},To))};var No=function(){return r(S,Object.assign({},Ro))};var Fo=Object.freeze({__proto__:null,default:Do,Default:Io,ForgotPasswordWithError:So,ForgotPasswordLoading:Po,ForgotPasswordSuccess:No});var Lo='@author:derek\r\n@owner:ian\r\nFeature: Email Verification\r\n\r\n    @minutae\r\n    Scenario: User\'s redirected from registration can re-send their verification email\r\n        Given a user has registered\r\n        And they have been sent a verification email\r\n        When they are redirected to the email verification page\r\n        Then a message is displayed\r\n        And it reflects that a email has been sent to their email\r\n        But they can still re-send the email\r\n        When they click to "Resend-Email"\r\n        Then they receive a verification email\r\n\r\n    @motivating\r\n    Scenario: Users are notified if sending the email verification message fails\r\n        Given a user viewing the email verification component\r\n        And they have an email stored in session data from registration\r\n        When they click to "Resend-Email"\r\n        Then the button enters a loading state\r\n        When an error occurs trying to send the verification email\r\n        Then the user does not receive a verification email\r\n        And an error banner is shown stating that they should try again\r\n\r\n    @motivating\r\n    Scenario: Users are notified if sending the email verification message succeeds\r\n        Given a user viewing the email verification component\r\n        And they have an email stored in session data from registration\r\n        When they click to "Resend-Email"\r\n        Then the button enters a loading state\r\n        When the email verification message sends\r\n        Then the user receives a verification email\r\n        And a success banner is shown stating that their email was resent\r\n\r\n    @motivating\r\n    Scenario Outline: The email link can be configured to redirect users to a specific base path but defaults to "/verifyEmail"\r\n        Given a user viewing the email verification component\r\n        And they have an email stored in session data from registration\r\n        And the component <mayHave> "redirect-path" with <value>\r\n        When they resend their verification email\r\n        And they click the link in the email\r\n        Then they are redirected to <redirectPath>\r\n        Examples:\r\n            | mayHave      | value          | redirectPath   |\r\n            | doesn\'t have | N/A            | /verifyEmail   |\r\n            | has          | /verifyMyEmail | /verifyMyEmail |';var Bo={title:"Components/Portal Email Verification",parameters:{scenario:Lo}};var Oo={states:{error:"",loading:false,success:false},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{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"}};var Go={states:{error:"Something went wrong. Please try again.",loading:false,success:false},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{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"}};var jo={states:{error:"",loading:true,success:false},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{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"}};var Vo={states:{error:"",loading:false,success:true},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{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"}};var zo=function(){return r(T,Object.assign({},Oo))};var Mo=function(){return r(T,Object.assign({},Go))};var Wo=function(){return r(T,Object.assign({},jo))};var Uo=function(){return r(T,Object.assign({},Vo))};var Ho=Object.freeze({__proto__:null,default:Bo,Default:zo,EmailVerificationWithError:Mo,EmailVerificationLoading:Wo,EmailVerificationSuccess:Uo});var Jo='@author:derek\r\n@owner:ian\r\nFeature: Reset Password\r\n\r\n    Background: A user in on the password reset page\r\n        Given a user who has been redirected to the password reset page\r\n\r\n    @motivating\r\n    Scenario: Users can reset their password\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they enter their password twice\r\n        And they click "Update"\r\n        Then their password is updated\r\n        And a banner with a success message is displayed\r\n        And they can log in with their new password\r\n\r\n    @motivating\r\n    Scenario Outline: Users cannot reset their password with an invalid or missing oob code\r\n        Given a user has a <oobCode> as a url query parameter\r\n        And the component <mayHave> "failed-page" with <value>\r\n        Then they see an error message saying that their password reset code is invalid/expired\r\n        When they click "Continue"\r\n        Then they are redirected to <redirectPath>\r\n        Examples:\r\n            | oobCode               | mayHave      | value  | redirectPath |\r\n            | invalid oob code      | doesn\'t have | N/A    | /            |\r\n            | non existant oob code | doesn\'t have | N/A    | /            |\r\n            | invalid oob code      | has          | /login | /login       |\r\n            | non existant oob code | has          | /login | /login       |\r\n\r\n    @motivating\r\n    Scenario: Users must enter the same password twice to successfully reset their password\r\n        Given a user has been redirected to the password reset page\r\n        And they have a valid oob code as a url query parameter\r\n        When they enter two different passwords into the password reset form\r\n        And they click "Update"\r\n        Then their password is not be reset\r\n        And an error banner stating the input passwords must match appears\r\n        And their password is not be reset\r\n        When they enter the same password twice\r\n        And they click "Update"\r\n        Then a banner appears with a success message\r\n        And they can log in with their new password\r\n\r\n    @motivating\r\n    Scenario: Users are redirected to "/" by default\r\n        Given the component does not have prop "nextPage"\r\n        And the users url does not contain a "nextPage" query parameter\r\n        And a user has entered their password twice\r\n        When they click "Update"\r\n        Then their password is updated\r\n        And they are redirected to "/"\r\n\r\n    @motivating\r\n    Scenario: Custom redirection can be configured\r\n        Given the component has prop "nextPage" with value "/activity"\r\n        And the users url does not contain a "nextPage" query parameter\r\n        And a user has entered their password twice\r\n        When they click "Update"\r\n        Then their password is updated\r\n        And they are redirected to "/activity"';var $o={title:"Components/Portal Reset Password",parameters:{scenario:Jo}};var Ko={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(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var Xo={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(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var Yo={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(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var Zo={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(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var Qo={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(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var el={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(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var rl=function(){return r(F,Object.assign({},Ko))};var tl=function(){return r(F,Object.assign({},Xo))};var nl=function(){return r(F,Object.assign({},Yo))};var al=function(){return r(F,Object.assign({},Zo))};var il=function(){return r(F,Object.assign({},Qo))};var sl=function(){return r(F,Object.assign({},el))};var ol=Object.freeze({__proto__:null,default:$o,Default:rl,DefaultWithoutConfirmField:tl,ResetPasswordWithError:nl,ResetPasswordLoading:al,ResetPasswordSuccess:il,CodeValidating:sl});var ll='@author:derek\r\n@owner:ian\r\nFeature: Verify Email\r\n\r\n    Background: A user is on the email verification page\r\n        Given a user who has been redirected to the email verification page\r\n\r\n    @motivating\r\n    Scenario: Verifying your email takes you to the portal login page\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they click "Verify Email"\r\n        Then the button enters a loading state\r\n        When their email is validated\r\n        Then a button that says "Continue" appears\r\n        When they click "Continue"\r\n        Then they are redirected to login\r\n\r\n    @motivating\r\n    Scenario: Users are automatically redirected if they dont click "Continue"\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they click "Verify Email"\r\n        Then the button enters a loading state\r\n        When their email is validated\r\n        Then a button that says "Continue" appears\r\n        When they wait 5 seconds\r\n        Then they are redirected to login\r\n\r\n    @motivating\r\n    Scenario: Users are notified if verifying their email has failed\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they click "Verify Email"\r\n        Then the button enters a loading state\r\n        When their email fails to be validated\r\n        Then an banner is shown stating that an error occured\r\n\r\n    @motivating\r\n    Scenario Outline: Users cannot verify their email with an invalid or missing oob code\r\n        Given a user has a <oobCode> as a url query parameter\r\n        And the component <mayHave> "failed-page" with <value>\r\n        Then they see an error message saying that their verification code is invalid/expired\r\n        When they click "Continue"\r\n        Then they are redirected to <redirectPath>\r\n        Examples:\r\n            | oobCode               | mayHave      | value  | redirectPath |\r\n            | invalid oob code      | doesn\'t have | N/A    | /            |\r\n            | non existant oob code | doesn\'t have | N/A    | /            |\r\n            | invalid oob code      | has          | /login | /login       |\r\n            | non existant oob code | has          | /login | /login       |\r\n\r\n    @motivating\r\n    Scenario: Users are redirected to "/" by default\r\n        Given the component does not have prop "nextPage"\r\n        And the users url does not contain a "nextPage" query parameter\r\n        And a user has verified their email\r\n        When they click "Continue"\r\n        Then they are redirected to "/"\r\n\r\n    @motivating\r\n    Scenario: Custom redirection can be configured\r\n        Given the component has prop "nextPage" with value "/activity"\r\n        And the users url does not contain a "nextPage" query parameter\r\n        And a user has verified their email\r\n        When they click "Continue"\r\n        Then they are redirected to "/activity"\r\n\r\n    @motivating\r\n    Scenario Outline: Users are redirected to the value of the nextPage url parameter if it exists\r\n        Given the component <mayHave> prop "nextPage" with <nextPageValue>\r\n        And the users url contains a "nextPage" query paramater with <nextPageParamValue>\r\n        And the user has verified their email\r\n        When they click "Continue"\r\n        Then they are redirected to <nextPageParamValue>\r\n        Examples:\r\n            | mayHave       | nextPageValue | nextPageParamValue |\r\n            | has           | /dashboard    | /activity          |\r\n            | does not have | N/A           | /activity          |';var ul={title:"Components/Portal Verify Email",parameters:{scenario:ll}};var dl={states:{error:"Something went wrong. Please try again.",loading:false,verified:false},data:{oobCode:"abc123"},callbacks:{gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var cl={states:{error:"",loading:false,verified:true},data:{oobCode:"abc123"},callbacks:{gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var ml=function(){return r(L,Object.assign({},dl))};var pl=function(){return r(L,Object.assign({},cl))};var hl=Object.freeze({__proto__:null,default:ul,EmailVerificationWithError:ml,EmailVerificationSuccess:pl});var gl={title:"Components/Asset Card"};var fl=function(){var e={text:{titleText:"Marketing Banner"},imgUrl:"../../assets/saasquatch-logo.png",callbacks:{}};return r(x,Object.assign({},e))};var bl=function(){var e={text:{titleText:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, sunt dolores? Dolore temporibus autem officia blanditiis minus in voluptatem molestiae!"},imgUrl:"../../assets/saasquatch-logo.png",callbacks:{}};return r(x,Object.assign({},e))};var vl=function(){var e={text:{titleText:"Marketing Banner"},imgUrl:"",callbacks:{}};return r(x,Object.assign({},e))};var wl=Object.freeze({__proto__:null,default:gl,Default:fl,CardWithLongText:bl,CardWithNoImg:vl});var xl={title:"Components/Divided Layout"};var yl={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}};var El={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var ql={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};var Al=function(){return r(C,Object.assign({},yl),r(_,Object.assign({},El)),r(_,Object.assign({},ql)))};var kl=function(){return r("sqm-divided-layout",{direction:"row"},r(Al,null),r("div",{style:{padding:"48px"}},r(be,Object.assign({},{labelMargin:"xx-small",padding:"none",label:r("sqm-text",null,r("p",null,"Welcome back,")),content:r("sqm-text",null,r("h1",null,"Joe Smith"))}))))};var Dl=function(){return r("sqm-divided-layout",{direction:"column"},r(Al,null),r("div",{style:{padding:"48px"}},r(be,Object.assign({},{labelMargin:"xx-small",padding:"none",label:r("sqm-text",null,r("p",null,"Welcome back,")),content:r("sqm-text",null,r("h1",null,"Joe Smith"))}))))};var Cl=function(){return r("sqm-divided-layout",{direction:"column",dividerStyle:"1px solid red"},r(Al,null),r("div",{style:{padding:"48px"}},r(be,Object.assign({},{labelMargin:"xx-small",padding:"none",label:r("sqm-text",null,r("p",null,"Welcome back,")),content:r("sqm-text",null,r("h1",null,"Joe Smith"))}))))};var _l=Object.freeze({__proto__:null,default:xl,Row:kl,Column:Dl,ColumnCustomDivider:Cl});var Tl='Feature: Change Password\r\n\r\n    @motivating\r\n    Scenario: Users can change their password\r\n        Given a user has registered for the portal\r\n        And they have a password\r\n        When they navigate to the edit profile page\r\n        And click "Change your password..."\r\n        Then a popup will appear\r\n        When they enter their new password\r\n        And confirm it\r\n        And click "Change Password"\r\n        Then they will see a success banner stating that the change was successful\r\n        When they logout\r\n        And try to login\r\n        Then they will not be able to login with their old password\r\n        But they will be able to login with their new password\r\n\r\n    @motivating\r\n    Scenario: Users must confirm their password change\r\n        Given a user has registered for the portal\r\n        When they navigate to the edit profile page\r\n        And click "Change your password..."\r\n        Then a popup will appear\r\n        When they enter their new password\r\n        But they enter a different password to confirm\r\n        And click "Change Password"\r\n        Then they will see an error banner stating that the passwords didnt match\r\n        When they logout\r\n        And try to login\r\n        Then they will be able to login with their existing password\r\n\r\n    @motivating\r\n    Scenario: Users must enter a new password and confirm it to change their password\r\n        Given a user has registered for the portal\r\n        When they navigate to the edit profile page\r\n        And click "Change your password..."\r\n        Then a popup will appear\r\n        When they click "Change password"\r\n        Then a validation error will appear for the new password field\r\n        And their password will not be changed\r\n        When they enter a new password\r\n        And they click "Change password"\r\n        Then a validation error will appear for the confirm new password field\r\n        And their password will not be changed\r\n\r\n    @motivating\r\n    Scenario: An error banner will be displayed if the password change fails\r\n        Given a user has registered for the portal\r\n        When they navigate to the edit profile page\r\n        And click "Change your password..."\r\n        When they enter their new password\r\n        And confirm it\r\n        And click "Change Password"\r\n        But the change fails\r\n        Then they will see an error banner stating that the change failed\r\n        When they logout\r\n        And try to login\r\n        Then they will be able to login with their existing password';var Rl={title:"Components/Change Password",parameters:{scenario:Tl}};var Il={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 Sl={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 Pl={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 Nl={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 Fl={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 Ll={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 Bl=function(){return r(U,Object.assign({},Il))};var Ol=function(){return r(U,Object.assign({},Sl))};var Gl=function(){return r(U,Object.assign({},Pl))};var jl=function(){return r(U,Object.assign({},Nl))};var Vl=function(){return r(U,Object.assign({},Fl))};var zl=function(){return r(U,Object.assign({},Ll))};var Ml=Object.freeze({__proto__:null,default:Rl,Default:Bl,Open:Ol,Error:Gl,PaswordError:jl,Loading:Vl,Success:zl});var Wl={title:"Components/Portal Profile"};var Ul={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 Hl={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 Jl={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 $l={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 Kl={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 Xl={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 Yl=function(){return r(N,Object.assign({},Ul))};var Zl=function(){return r(N,Object.assign({},Hl))};var Ql=function(){return r(N,Object.assign({},Jl))};var eu=function(){return r(N,Object.assign({},$l))};var ru=function(){return r(N,Object.assign({},Kl))};var tu=function(){return r(N,Object.assign({},Xl))};var nu=Object.freeze({__proto__:null,default:Wl,Default:Yl,DefaultNoCountry:Zl,Loading:Ql,Disabled:eu,Error:ru,Success:tu});var au='@author:noah\r\n@owner:noah\r\nFeature: Referral Table User Column\r\n\r\n    Shows the same custom content for each referral\r\n\r\n    Background:\r\n        Given the column in included in the referral table\r\n\r\n    @motivating\r\n    Scenario: The title of the date column is configurable\r\n        Given the "column-title" prop is set to "My column title"\r\n        Then the date column is shown with "My column title"\r\n\r\n    @motivating\r\n    Scenario: The same custom content is shown for each referral\r\n        Given there is at least one referral\r\n        Then for each referral custom content is shown\r\n        And the custom content is provided as slot content';var iu='@author:noah\r\n@owner:noah\r\nFeature: Referral Table Date Column\r\n\r\n    Shows the date of each referral\r\n\r\n    Background:\r\n        Given the date column is included in the referral table\r\n\r\n    @motivating\r\n    Scenario Outline: The title of the date column is configurable\r\n        Given the "column-title" prop is set to <value>\r\n        Then the date column is shown with <columTitle>\r\n        Examples:\r\n            | value           | columnTitle     |\r\n            |                 | Date Converted  |\r\n            | My column title | My column title |\r\n\r\n    @motivating\r\n    Scenario Outline: A configurable date associated with the referral is shown for each referral\r\n        Given the "date-shown" prop is set to <dateType>\r\n        And referrals exist\r\n        Then for each referral the <referralDate> is shown in the table\r\n        And the date is localized to the users locale\r\n        Examples:\r\n            | dateType            | referralDate          |\r\n            | dateReferralStarted | date referral started |\r\n            | dateReferralPaid    | date referral paid    |\r\n            | dateReferralEnded   | date referral ended   |\r\n            | dateModerated       | date moderated        |\r\n            | dateUserModified    | date user modified    |\r\n            | dateConverted       | date converted        |\r\n            | dateModified        | date modified         |\r\n            |                     | date converted        |';var su='@author:noah\r\n@owner:noah\r\nFeature: Referral Table Reward Column\r\n\r\n    Shows the reward associated with each referral\r\n\r\n    Background:\r\n        Given the status column is included in the referral table\r\n        And at least one referral exists\r\n\r\n    @motivating\r\n    Scenario Outline: The referral reward and it\'s status are shown for each referral\r\n        Then for each referral reward there exists a reward cell\r\n        And the reward type and value is displayed in the cell\r\n        And the status of each reward is displayed as a pill in the cell\r\n        And rewards of <status> have a <pillColour> pill with the text <statusText>\r\n        Examples:\r\n            | status    | pillColour | statusText |\r\n            | Available | green      | Available  |\r\n            | Pending   | orange     | Pending    |\r\n            | Cancelled | red        | Cancelled  |\r\n            | Expired   | red        | Expired    |\r\n            | Redeemed  | blue       | Redeemed   |\r\n\r\n    @motivating\r\n    Scenario: The pending period of a referral reward is shown if it exists\r\n        Given a reward that is pending\r\n        And the reward has a set pending period\r\n        Then the status pill of the reward will instead have the text "Pending for <relativeTime>"\r\n        And all dates are localized to the users locale\r\n        Examples:\r\n            | relativeTime |\r\n            | 2 days       |\r\n            | 1 week       |\r\n            | 3 months     |\r\n            | 2 years      |\r\n\r\n    @motivating\r\n    Scenario: The expiry date of a reward is shown if it exists\r\n        Given a reward that is available\r\n        And the reward has a set expiry date\r\n        Then an additional grey pill will appear next to the status pill with the text "Expiring in <relativeTime>"\r\n        And all dates are localized to the users locale\r\n        Examples:\r\n            | relativeTime |\r\n            | 2 days       |\r\n            | 1 week       |\r\n            | 3 months     |\r\n            | 2 years      |\r\n\r\n    @motivating\r\n    Scenario: Each reward can be expanded to show additional details about the reward\r\n        When a reward cell is clicked\r\n        Then it expands to show the following additional information (if it\'s available):\r\n            | Date the reward was received     |\r\n            | Date the reward was cancelled    |\r\n            | Date the reward expires          |\r\n            | Date the reward is pending until |\r\n            | Coupon code                      |\r\n        And all dates are localized to a users locale';var ou='@author:noah\r\n@owner:noah\r\nFeature: Referral Table Status Column\r\n\r\n    Shows the status of each referral\r\n\r\n    Background:\r\n        Given the status column is included in the referral table\r\n\r\n    @motivating\r\n    Scenario: The title of the date column is configurable\r\n        Given the "column-title" prop is set to "My column title"\r\n        Then the date column is shown with "My column title"\r\n\r\n    @motivating\r\n    Scenario Outline: The status column displays the status of each referral\r\n        Given referrals exist\r\n        Then the status of each referral is displayed\r\n        And the status <status> is displayed as text from <statusTextProp> in a <pillColour> pill\r\n        Examples:\r\n            | status      | statusTextProp       | pillColour |\r\n            | IN PROGRESS | inProgressStatusText | Orange     |\r\n            | Converted   | convertedStatusText  | Green      |\r\n';var lu='@author:noah\r\n@owner:noah\r\nFeature: Referral Table User Column\r\n\r\n    Shows the user of each referral\r\n\r\n    Background:\r\n        Given the user column is included in the referral table\r\n\r\n    @motivating\r\n    Scenario: The title of the date column is configurable\r\n        Given the "column-title" prop is set to "My column title"\r\n        Then the date column is shown with "My column title"\r\n\r\n    @motivating\r\n    Scenario: The first and last name of the other user in the referral is displayed for each referral\r\n        Given at least one referral exists\r\n        Then for each referral where the other user\'s name is available their first and last name is displayed\r\n\r\n    @motivating\r\n    Scenario: Deleted users are displayed with a fallback name\r\n        Given a referral exists where the other user was deleted\r\n        Then in place of the name the text from the prop "deleted-user" is used\r\n\r\n    @motivating\r\n    Scenario: Anonymous users are displayed with a fallback name\r\n        Given a referral exists where the other user was anonymous\r\n        Then in place of the name the text from the prop "anonymous-user" is used';var uu=au+iu+su+ou+lu;var du={title:"Components/Referral Table Rewards Cell",parameters:{scenario:uu}};var cu={id:"123",type:"CREDIT",value:19,unit:"POINT",name:"test",dateGiven:1627427794891,dateScheduledFor:Nu(),dateExpires:Fu(),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 mu={dateExpires:null};var pu={dateScheduledFor:null};var hu={fuelTankCode:null};var gu={type:"PCT_DISCOUNT"};var fu={type:"CREDIT"};var bu={type:"FUELTANK"};var vu={type:"INTEGRATION"};var wu={statuses:["AVAILABLE","PENDING"]};var xu={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5};var yu={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5};var Eu={statuses:["AVAILABLE","EXPIRED","REDEEMED"]};var qu={statuses:["AVAILABLE"]};var Au=[];var ku=[__assign(__assign({},cu),qu)];var Du=[__assign(__assign(__assign({},cu),gu),wu),__assign(__assign({},cu),fu)];var Cu=[__assign(__assign(__assign({},cu),bu),mu),__assign(__assign(__assign({},cu),bu),yu),__assign(__assign(__assign({},cu),wu),hu)];var _u=[__assign(__assign({},cu),bu),__assign(__assign({},cu),vu),__assign(__assign({},cu),wu),__assign(__assign(__assign(__assign({},cu),xu),mu),hu),__assign(__assign(__assign({},cu),yu),hu)];var Tu=[__assign(__assign(__assign({},cu),Eu),hu),__assign(__assign(__assign({},cu),qu),mu),__assign(__assign({},cu),wu),__assign(__assign({},cu),xu),__assign(__assign({},cu),yu),__assign(__assign(__assign(__assign({},cu),wu),mu),pu),__assign(__assign({},cu),xu),__assign(__assign({},cu),yu)];var Ru=[__assign(__assign({},cu),vu),__assign(__assign({},cu),Eu),__assign(__assign({},cu),qu),__assign(__assign(__assign({},cu),xu),mu),__assign(__assign({},cu),yu),__assign(__assign({},cu),wu),__assign(__assign({},cu),gu),__assign(__assign({},cu),bu),__assign(__assign(__assign({},cu),xu),mu),__assign(__assign({},cu),fu)];function Iu(){return v.DateTime.now().toMillis()+1e4}function Su(){return v.DateTime.now().toMillis()+4e5}function Pu(){return v.DateTime.now().toMillis()+9e6}function Nu(){return v.DateTime.now().toMillis()+6e8}function Fu(){return v.DateTime.now().toMillis()+1e10}function Lu(){return v.DateTime.now().toMillis()+2e11}var Bu=function(){return r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),pu)],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 Ou=function(){return r("sqm-referral-table-rewards-cell",{hideDetails:true,rewards:[__assign(__assign(__assign({},cu),wu),pu)],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 Gu=function(){return[r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),{dateScheduledFor:Iu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),{dateScheduledFor:Su()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),{dateScheduledFor:Pu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),{dateScheduledFor:Nu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),{dateScheduledFor:Fu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),{dateScheduledFor:Lu()})],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 ju=function(){return r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),mu)],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 Vu=function(){return[r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),{dateExpires:Iu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),{dateExpires:Su()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),{dateExpires:Pu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),{dateExpires:Nu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),{dateExpires:Fu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),{dateExpires:Lu()})],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 zu=function(){return r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},cu),Eu)],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 Mu=function(){return r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},cu),xu)],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 Wu=function(){return r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},cu),yu)],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 Uu=function(){return r("sqm-referral-table-rewards-cell",{rewards:Au,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 Hu=function(){return r("sqm-referral-table-rewards-cell",{rewards:ku,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 Ju=function(){return r("sqm-referral-table-rewards-cell",{rewards:Du,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 $u=function(){return r("sqm-referral-table-rewards-cell",{rewards:Cu,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 Ku=function(){return r("sqm-referral-table-rewards-cell",{rewards:_u,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 Xu=function(){return r("sqm-referral-table-rewards-cell",{rewards:Tu,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 Yu=function(){return r("sqm-referral-table-rewards-cell",{rewards:Ru,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 Zu=Object.freeze({__proto__:null,default:du,PendingNoUnpend:Bu,PendingNoUnpendNoDetails:Ou,PendingWithUnpend:Gu,AvailableNoExpiry:ju,AvailableWithExpiry:Vu,Redeemed:zu,Cancelled:Mu,Expired:Wu,EmptyCell:Uu,oneRewardCell:Hu,twoRewardsCell:Ju,threeRewardsCell:$u,fiveRewardsCell:Ku,eightRewardsCell:Xu,tenRewardsCell:Yu});var Qu='@owner:sam\r\n@author:sam\r\nFeature: Referral Table\r\n\r\n    The Referral table component shows users a list of their referrals. The referral table it\'s self can be customized\r\n    with a collection of columns.\r\n\r\n    @motivating\r\n    Scenario: The empty state is shown if there are no referrals\r\n        Given a user with no referrals\r\n        When they view the referral table\r\n        Then no referrals are displayed\r\n        And they see an image with a user icon\r\n        And "View your referral details" in bold\r\n        And "Track the status of your referrals and rewards earned by referring friends" below the bolded text\r\n        And the pagination buttons are disabled\r\n\r\n    @motivating\r\n    Scenario: The empty state image and text are customizable\r\n        Given the referral table has been given the following prop values\r\n            | prop                | value                                                                                                                           |\r\n            | empty-state-img-url | https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png |\r\n            | empty-state-title   | View your referral history                                                                                                      |\r\n            | empty-state-text    | See your previous referrals and what you earned!                                                                                |\r\n        And a user with no referrals\r\n        When they view the referral table\r\n        Then they see no referrals\r\n        And they see the SaaSquatch logo\r\n        And "View your referral history" in bold\r\n        And "See your previous referrals and what you earned!" below the bolded text\r\n        And the pagination buttons are disabled\r\n\r\n    @minutae\r\n    Scenario: A custom empty state can be provided\r\n        Given a user with no referrals\r\n        And a custom empty state has been supplied in the "empty" slot\r\n        When they view the referral table\r\n        Then they see the custom empty state\r\n        And the pagination buttons are disabled\r\n\r\n    @motivating\r\n    Scenario: The loading state is shown while referrals are loading\r\n        Given the table is loading\r\n        Then the loading state is shown in the table\r\n        And a custom loading state can be supplied in the "loading" slot\r\n        And the pagination buttons are disabled\r\n\r\n    @motivating\r\n    Scenario Outline: The table becomes paginated when the number of referrals exceeds the per page limit\r\n        Given the user has <number of referrals>\r\n        And the table is configured to show <page limit> referrals per page\r\n        Then the table will have <number of pages> page(s)\r\n        And pagination buttons will allow users to navigate between pages\r\n        And the pagination button to go to the next page is disabled on the last page of referrals\r\n        And the pagination button to go to the previous page is disabled on the first page of referrals\r\n        Examples:\r\n            | number of referrals | page limit | number of pages |\r\n            | 0                   | 4          | 1               |\r\n            | 1                   | 4          | 1               |\r\n            | 3                   | 4          | 1               |\r\n            | 5                   | 4          | 2               |\r\n            | 42                  | 4          | 11              |\r\n\r\n    @motivating\r\n    Scenario: The table converts to a card view on tablet and mobile window sizes\r\n        Given a user with referrals\r\n        When they view the table\r\n        And their window size is smaller than "899px"\r\n        Then referrals are displayed as cards\r\n        And they are in two columns\r\n        When their window size is smaller than "634px"\r\n        Then the referrals are displayed as cards in a singular column\r\n\r\n    @motivating\r\n    Scenario: Table and Mobile beakpoints can be configured\r\n        Given the referral table has been configured with the following props\r\n            | prop         | value |\r\n            | smBreakpoint | 599   |\r\n            | mdBreakpoint | 799   |\r\n        And a user with referrals\r\n        When they view the table\r\n        And their window size is smaller than "799px"\r\n        Then referrals are displayed as cards\r\n        And they are in two columns\r\n        When their window size is smaller than "599px"\r\n        Then the referrals are displayed as cards in a singular column\r\n\r\n    @motivating\r\n    Scenario Outline: By default the first column heading is hidden in mobile,\r\n        Given a referral table with 4 columns\r\n        And prop "hidden-columns" with <hideColumnValue>\r\n        And a user with referrals\r\n        When they view the referral table\r\n        And their window size is below the tablet breakpoint\r\n        Then referral cards are displayed\r\n        And the titles of <columnsArehidden> within the card\r\n        Examples:\r\n            | hideColumnValue | columnsArehidden                    |\r\n            |                 | the first column                    |\r\n            | 0,1,2           | the first, second and third columns |\r\n            | 3               | the fourth column                   |\r\n\r\n    @motivating\r\n    Scenario: The use who referred the current user can be shown in the table\r\n        Given the table is configured with <showReferrer> set to true\r\n        And the current user was referrered by <referrer>\r\n        Then the first table row on the first page of the table is for <referrer>\r\n\r\n    @motivating\r\n    Scenario: Only referrals which occured in the program specific by program-id are shown\r\n        Given the table is configured with "program-id"\r\n        Then only referrals from the program with "program-id" are shown\r\n\r\n    @motivating\r\n    Scenario: Classic program shows only classic referrals\r\n        Given the "program-id" of the table is set to "classic"\r\n        Then only classic referrals are shown in the table\r\n\r\n    @minutae\r\n    Scenario: Column heading can be hidden\r\n        Given the table is configured with "show-labels" set to false\r\n        Then the table is displayed without column headings';var ed={title:"Components/Referral Table",parameters:{scenario:Qu}};var rd=r("div",{slot:"loading",style:{display:"contents"}},r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))));var td=r("div",{slot:"empty",style:{display:"contents"}},r("sqm-table-row",null,r("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},r("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_3_1.png","max-width":"100px"}),r("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},r("sqm-text",{slot:"label"},r("h3",null,"View your referral details")),r("sqm-text",{slot:"content"},"Track the status of your referrals and rewards earned by referring friends"))))));var nd={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 ad={statuses:["AVAILABLE","PENDING"]};var id={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5};var sd={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5};var od={statuses:["AVAILABLE"]};var ld={dateExpires:null};var ud={states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:899,smBreakpoint:599},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},elements:{columns:["Customer","Status","Date converted","Rewards"],rows:[[r("sqm-referral-table-user-cell",{name:"Joe Smith"}),r("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),r("sqm-referral-table-user-cell",{name:"07/15/1902"}),r(Bu,null)],[r("sqm-referral-table-user-cell",{name:"Bob Williams"}),r("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),r("sqm-referral-table-user-cell",{name:"09/05/1999"}),r(ju,null)],[r("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),r("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),r("sqm-referral-table-user-cell",{name:"12/21/1984"}),r(Mu,null)]]}};var dd={data:{textOverrides:{showLabels:false,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:899,smBreakpoint:599}};var cd={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:899,smBreakpoint:599}};var md={states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:899,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:[[r("sqm-referral-table-user-cell",{name:"Bartholomew Christopher-Johnston Wallace"}),r("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),r("sqm-referral-table-date-cell",{date:-220896e5}),r("sqm-referral-table-user-cell",{name:"Vancouver"}),r("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),r("sqm-referral-table-user-cell",{name:"Canada"}),r("sqm-referral-table-user-cell",{name:"14,000,000"}),r("sqm-referral-table-user-cell",{name:"$800,000,000,000"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[r("sqm-referral-table-user-cell",{name:"Bob Williams"}),r("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),r("sqm-referral-table-date-cell",{date:8e11}),r("sqm-referral-table-user-cell",{name:"Los Angeles"}),r("sqm-referral-table-cell",{innerTemplate:"California"}),r("sqm-referral-table-user-cell",{name:"US"}),r("sqm-referral-table-user-cell",{name:"1"}),r("sqm-referral-table-user-cell",{name:"$5"}),r("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[r("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),r("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),r("sqm-referral-table-date-cell",{date:444703707e3}),r("sqm-referral-table-user-cell",{name:"Toronto"}),r("sqm-referral-table-cell",{innerTemplate:"Ontario"}),r("sqm-referral-table-user-cell",{name:"Canada"}),r("sqm-referral-table-user-cell",{name:"10"}),r("sqm-referral-table-user-cell",{name:"$71"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}};var pd={states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:899,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:[[r("sqm-referral-table-user-cell",{name:"Joe Smith"}),r("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),r("sqm-referral-table-date-cell",{date:-2128547493e3}),r("sqm-referral-table-user-cell",{name:"Vancouver"}),r("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),r("sqm-referral-table-user-cell",{name:"Canada"}),r("sqm-referral-table-user-cell",{name:"14"}),r("sqm-referral-table-user-cell",{name:"$88"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[r("sqm-referral-table-user-cell",{name:"Bob Williams"}),r("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),r("sqm-referral-table-date-cell",{date:8e11}),r("sqm-referral-table-user-cell",{name:"Los Angeles"}),r("sqm-referral-table-cell",{innerTemplate:"California"}),r("sqm-referral-table-user-cell",{name:"US"}),r("sqm-referral-table-user-cell",{name:"1"}),r("sqm-referral-table-user-cell",{name:"$5"}),r("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[r("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),r("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),r("sqm-referral-table-date-cell",{date:444703707e3}),r("sqm-referral-table-user-cell",{name:"Toronto"}),r("sqm-referral-table-cell",{innerTemplate:"Ontario"}),r("sqm-referral-table-user-cell",{name:"Canada"}),r("sqm-referral-table-user-cell",{name:"10"}),r("sqm-referral-table-user-cell",{name:"$71"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}};var hd=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:899,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:[[r("sqm-referral-table-user-cell",{name:"Joe Smith"}),r("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),r("sqm-referral-table-date-cell",{date:-2128547493e3}),r("sqm-referral-table-user-cell",{name:"Vancouver"}),r("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),r("sqm-referral-table-user-cell",{name:"Canada"}),r("sqm-referral-table-user-cell",{name:"14"}),r("sqm-referral-table-user-cell",{name:"$88"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[r("sqm-referral-table-user-cell",{name:"Bob Williams"}),r("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),r("sqm-referral-table-date-cell",{date:8e11}),r("sqm-referral-table-user-cell",{name:"Los Angeles"}),r("sqm-referral-table-cell",{innerTemplate:"California"}),r("sqm-referral-table-user-cell",{name:"US"}),r("sqm-referral-table-user-cell",{name:"1"}),r("sqm-referral-table-user-cell",{name:"$5"}),r("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[r("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),r("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),r("sqm-referral-table-date-cell",{date:444703707e3}),r("sqm-referral-table-user-cell",{name:"Toronto"}),r("sqm-referral-table-cell",{innerTemplate:"Ontario"}),r("sqm-referral-table-user-cell",{name:"Canada"}),r("sqm-referral-table-user-cell",{name:"10"}),r("sqm-referral-table-user-cell",{name:"$71"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}}};var gd=function(){return r(b,Object.assign({},ud))};var fd=function(){return r(b,Object.assign({},__assign(__assign({},ud),dd)))};var bd=function(){return r(b,Object.assign({},__assign(__assign({},ud),cd)))};var vd=function(){return r(b,Object.assign({},hd()))};var wd=function(){return r(b,Object.assign({},md))};var xd=function(){return r(b,Object.assign({},pd))};var yd=function(){return r("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:899,smBreakpoint:599},elements:{emptyElement:td,loadingElement:rd,columns:["Name","Email","DOB"],rows:[]}}})};var Ed=function(){return r("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:899,smBreakpoint:599},elements:{emptyElement:td,loadingElement:rd,columns:["Name","Email","DOB"],rows:[]}}})};var qd=function(){return r("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:"",mdBreakpoint:899,smBreakpoint:599},elements:{emptyElement:td,loadingElement:rd,columns:["User","Rewards","Status","Date Started","Date Converted"],rows:[[r("sqm-referral-table-user-cell",{name:"Joe Smith"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},nd),od),__assign(__assign({},nd),ad),__assign(__assign({},nd),id)],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}"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),r("sqm-referral-table-date-cell",{date:16267644e5}),r("sqm-referral-table-date-cell",{date:1627427794891})],[r("sqm-referral-table-user-cell",{name:"Sarah Williams"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},nd),sd)],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}"}),r("sqm-referral-table-status-cell",{statusText:"Incomplete",converted:false}),r("sqm-referral-table-date-cell",{date:16267644e5}),r("sqm-referral-table-date-cell",{date:null})],[r("sqm-referral-table-user-cell",{name:"Marvin Smith"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},nd),ld),__assign(__assign({},nd),ad)],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}"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),r("sqm-referral-table-date-cell",{date:16267644e5}),r("sqm-referral-table-date-cell",{date:1627427794891})]]}}})};var Ad=function(){return r(b,Object.assign({},hd(true)))};var kd=Object.freeze({__proto__:null,default:ed,SimpleUserTable:gd,HiddenLabelsTable:fd,CustomButtonTextTable:bd,FullUserTable:vd,LongCellTextTable:wd,LongColumnTextTable:xd,EmptyTable:yd,LoadingTable:Ed,FullRewardsTable:qd,ColumnsMobileHidden:Ad});var Dd=au+iu+su+ou+lu;var Cd={title:"Components/Referral Table Cell",parameters:{scenario:Dd}};var _d=function(){return r("sqm-referral-table-cell",{innerTemplate:"Table Cell Text"})};var Td=function(){return r("sqm-referral-table-user-cell",{name:"Table User Cell Text"})};var Rd=function(){return r("sqm-sqm-referral-table-cell",null,"-")};var Id=function(){return r("div",null,r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),r("sqm-referral-table-status-cell",{statusText:"In Progress",converted:false}))};var Sd=function(){return r("sqm-referral-table-date-cell",{date:8e11})};var Pd={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 Nd=[Pd];var Fd=function(){return r("sqm-referral-table-rewards-cell",{rewards:Nd,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 Ld=Object.freeze({__proto__:null,default:Cd,TableCell:_d,TableUserCell:Td,EmptyCell:Rd,StatusCell:Id,DateCell:Sd,RewardsCell:Fd});var Bd={title:"Tests/User Name"};var Od=function(){return r("sqm-user-name",{demoData:{loading:false,loadingText:"...",username:"Test Testerson"}})};var Gd=function(){return r("sqm-user-name",null)};var jd=Object.freeze({__proto__:null,default:Bd,DemoData:Od,Username:Gd});var Vd={title:"Components/Portal Password Field"};var zd=function(){return r("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:true,validationErrors:{},content:{fieldLabel:"Password"}}}})};var Md=function(){return r("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:true,validationErrors:{password:"Cannot be empty"},content:{fieldLabel:"Password"}}}})};var Wd=function(){return r("sqm-password-field",{demoData:{initValue:"asdf",states:{enableValidation:true,validationErrors:{password:"Incomplete"},content:{fieldLabel:"Password"}}}})};var Ud=Object.freeze({__proto__:null,default:Vd,Start:zd,EmptyError:Md,ValidationError:Wd});function Hd(e){var t=e.matrix,n=e.props,a=e.Component;var i=Object.keys(t).map((function(e){var r=t[e];return r.map((function(r){var t;return t={},t[e]=r,t}))}));var s=$d.apply(void 0,i);var o=s.map((function(e){return e.reduce((function(e,r){return __assign(__assign({},e),r)}),{})}));return o.map((function(e){var t=__assign(__assign({},n),e);return r("div",null,r(Jd,{values:t}),r("hr",null)," ",r("br",null),r(a,Object.assign({},t)),r("br",null))}))}function Jd(e){var t=e.values;return r("table",null,r("tbody",null,Object.keys(t).map((function(e){return r("tr",null,r("th",null,e),r("td",null,JSON.stringify(t[e])))}))))}function $d(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t=[],n=e.length-1;function a(r,i){for(var s=0,o=e[i].length;s<o;s++){var l=r.slice(0);l.push(e[i][s]);if(i==n)t.push(l);else a(l,i+1)}}a([],0);return t}var Kd='@author:derek\r\n@owner:kutay\r\nFeature: Task Card\r\n\r\n\t@motivating\r\n\tScenario: A header, body title and a CTA button are always displayed\r\n\t\tGiven the Task Card is configured with the following props\r\n\t\t\t| prop         | value             |\r\n\t\t\t| rewardAmount | "40"              |\r\n\t\t\t| rewardUnit   | "Points"          |\r\n\t\t\t| cardTitle    | Complete a survey |\r\n\t\t\t| buttonText   | Take Survey       |\r\n\t\tWhen a user views the Task Card\r\n\t\tThen they see "40 Points" as the heading\r\n\t\tAnd the "40" is bolded\r\n\t\tAnd they see "Complete a survey" bolded in the body\r\n\t\tAnd a details icon in the top right hand corner\r\n\t\tAnd a button with text "Take Survey" in the bottom right hand corner\r\n\t\tWhen they click the button\r\n\t\tThen they are redirected to "example.com" in a new window\r\n\r\n\t@motivating\r\n\tScenario Outline: A Task Card description can be included but is not required\r\n\t\tGiven a Task Card\r\n\t\tAnd it has <descriptionPropValue>\r\n\t\tWhen a user views the Task card\r\n\t\tThen they <maySee> a chevron icon in the top right\r\n\t\tWhen they attempt to click the chevron\r\n\t\tThen they <maySee> the card description\r\n\t\tExamples:\r\n\t\t\t| descriptionPropValue             | maySee    |\r\n\t\t\t| This is my task card description | see       |\r\n\t\t\t|                                  | don\'t see |\r\n\r\n\t@motivating\r\n\tScenario Outline: CTA links can open in a new tab or the same tab\r\n\t\tGiven a Task Card\r\n\t\tAnd it has <openNewTabPropValue>\r\n\t\tWhen a user views the Task card\r\n\t\tAnd they click on the CTA\r\n\t\tThen they are redirected to the CTA link in <tab>\r\n\t\tExamples:\r\n\t\t\t| openNewTabPropValue | tab          |\r\n\t\t\t| true                | a new tab    |\r\n\t\t\t| false               | the same tab |\r\n\t\t\t| N/A                 | the same tab |\r\n\r\n\t@minutae\r\n\tScenario: A loading state is displayed while the Task Card is loading\r\n\t\tGiven a Task Card component\r\n\t\tWhen a user views the Task Card\r\n\t\tThen a loading state is displayed\r\n\t\tWhen the Task Card has loaded\r\n\t\tThen the loading state disapears\r\n\r\n\t@motivating\r\n\tScenario Outline: The Progress Bar can be shown or hidden but is hidden by default\r\n\t\tGiven a Task Card\r\n\t\tAnd it has <showProgressBarPropValue>\r\n\t\tWhen a user views the Task Card\r\n\t\tThen the progress bar <mayBe> displayed\r\n\t\tExamples:\r\n\t\t\t| showProgressBarPropValue | mayBe |\r\n\t\t\t| true                     | is    |\r\n\t\t\t| false                    | isn\'t |\r\n\t\t\t| N/A                      | isn\'t |\r\n\r\n\t@motivating\r\n\tScenario: Clicking the CTA Button can trigger an event to be sent and refresh the widget\r\n\t\tGiven a Task card\r\n\t\tAnd it is configured to send an "test" event\r\n\t\tWhen a user views the Task card\r\n\t\tAnd clicks on the CTA\r\n\t\tThen a "test" event is sent to SSQT on the users behalf\r\n\t\tAnd the contents of the widget the card is dislayed within are refreshed\r\n\r\n\t@motivating\r\n\tScenario Outline: Tasks can be repeatable or one-time only but are one-time only by default\r\n\t\tGiven a Task Card\r\n\t\tAnd it has <repeatablePropValue>\r\n\t\tAnd a user who has already completed the task\r\n\t\tWhen they view the Task Card\r\n\t\tThen they see a brand colour checkmark icon beside the card heading\r\n\t\tAnd the card <mayBe> brand colour\r\n\t\tAnd the CTA button <mayBe> disabled\r\n\t\tAnd the CTA button <mayBe> grey\r\n\t\tExamples:\r\n\t\t\t| repeatablePropValue | mayBe |\r\n\t\t\t| true                | isn\'t |\r\n\t\t\t| false               | is    |\r\n\t\t\t| N/A                 | is    |\r\n\r\n\t@motivating\r\n\tScenario Outline: Display duration hides or shows a task\r\n\t\tGiven a Task Card\r\n\t\tAnd it has a "display-duration" interval\r\n\t\tWhen a user views the Card on <day>\r\n\t\tThen card <mayBeHidden>\r\n\t\tExamples:\r\n\t\t\t| day                       | mayBeHidden   |\r\n\t\t\t| a day before the interval | is hidden     |\r\n\t\t\t| a day during the interval | is not hidden |\r\n\t\t\t| a day after the interval  | is hidden     |\r\n\r\n\t@motivating\r\n\tScenario: Task Expiries can be configured and disable the CTA after the expiry\r\n\t\tGiven a Task Card\r\n\t\tAnd it has an "reward-duration" interval\r\n\t\tWhen a user views the card on <day>\r\n\t\tThen the card <mayBeDisabled>\r\n\t\tAnd it <mayHaveAlert>\r\n\t\tAnd it <mayHaveExpiryText> on the bottom left hand side of the card\r\n\t\tExamples:\r\n\t\t\t| day                              | mayBeDisabled  | mayHaveAlert                                                      | mayHaveExpiryText                                   |\r\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                            |\r\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 |\r\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                            |\r\n\r\n\t@motivating\r\n\tScenario Outline: Task Card dates support localization\r\n\t\tGiven a Task Card\r\n\t\tAnd it\'s configured with a expiry duration interval\r\n\t\tWhen a user with <locale> views the task card <atTime>\r\n\t\tThen they <seeDate> translated for <locale>\r\n\t\tExamples:\r\n\t\t\t| atTime              | locale | seeDate         |\r\n\t\t\t| before the interval | en     | Task Start Date |\r\n\t\t\t| during the interval | en     | Task End Date   |\r\n\t\t\t| after the interval  | en     | Task Ended Date |\r\n\t\t\t| before the interval | fr     | Task Start Date |\r\n\t\t\t| during the interval | fr     | Task End Date   |\r\n\t\t\t| after the interval  | fr     | Task Ended Date |\r\n\r\n\t@motivating\r\n\tScenario Outline: A task completion count is displayed for repeatable tasks\r\n\t\tGiven a Task Card\r\n\t\tAnd it is configured for a repeatable task\r\n\t\tAnd has it has <goalValue>\r\n\t\tAnd a user with <userGoalProgress>\r\n\t\tWhen the user views the task card\r\n\t\tThen they see a repeat icon\r\n\t\tAnd the <text> in the bottom left hand corner\r\n\t\tAnd the <text> is brand colour\r\n\t\tExamples:\r\n\t\t\t| goalValue | userGoalProgress | text              |\r\n\t\t\t| 2         | 0                | Completed 0 times |\r\n\t\t\t| 2         | 1                | Completed 0 times |\r\n\t\t\t| 2         | 2                | Completed 1 times |\r\n\t\t\t| 2         | 4                | Completed 2 times |\r\n\r\n\t@motivating\r\n\tScenario Outline: The source of a user\'s progress can be a custom field or a program goal\r\n\t\tGiven a Task Card\r\n\t\tAnd it is configured <progressSourcePath>\r\n\t\tWhen a user views the Task card\r\n\t\tThen the value at <progressSourcePath> is used to benchmark their progress against the "Goal Completion Count"\r\n\t\tExamples:\r\n\t\t\t| progressSourcePath                               |\r\n\t\t\t| /customFields/activityCount                      |\r\n\t\t\t| /customFields/purchaseTotal                      |\r\n\t\t\t| /programGoals/count%2FComment-on-Article         |\r\n\t\t\t| /programGoals/count/Referral-Started%2Freferrals |\r\n\r\n\t@motivating\r\n\tScenario Outline: The users completion of a goal is calculated by the Goal Completion Number\r\n\t\tGiven a Task Card\r\n\t\tAnd it is configured for <goalValue>\r\n\t\tAnd a user who has <progressValue>\r\n\t\tWhen they view the Task Card\r\n\t\tThen they are shown to have <progressValue> towards <goalValue>\r\n\t\tWhen their progress grows larger than <goalValue>\r\n\t\tThen the task is marked as completed\r\n\t\tExamples:\r\n\t\t\t| goalValue | progressValue |\r\n\t\t\t| 1         | 0             |\r\n\t\t\t| 10        | 9             |\r\n\t\t\t| 5         | 2             |\r\n\r\n\t@motivating\r\n\tScenario: The Goal Completion Number defaults to 1\r\n\t\tGiven a Task Card without a configured "goal" value\r\n\t\tAnd a user who has <progressValue>\r\n\t\tWhen they view the Task Card\r\n\t\tThen it <mayBe> marked as completed\r\n\t\tExamples:\r\n\t\t\t| progressValue | mayBe |\r\n\t\t\t| 0             | isn\'t |\r\n\t\t\t| 1             | is    |\r\n\t\t\t| 2             | is    |';var Xd='@author:kutay\r\n@owner:kutay\r\nFeature: Task Card Progress Bar\r\n\r\n\t@motivating\r\n\tScenario Outline: The progress bar displays a continuous bar with the goal represented by a present\r\n\t\tGiven a Task Card component\r\n\t\tAnd the users progress is <progress>\r\n\t\tAnd the task goal is "500"\r\n\t\tAnd the task is not repeatable\r\n\t\tThen I have <progressBar>\r\n\t\tAnd the <progressBar> shows <progress> with <unit> on the right\r\n\t\tAnd the circle on the progress bar is brand colour\r\n\t\tAnd the line behind the circle is brand colour\r\n\t\tAnd the line infront of the circle is grey\r\n\t\tAnd the gift icon has <color>\r\n\t\tAnd the gift icon shows "500" with <unit> below\r\n\t\tExamples:\r\n\t\t\t| progress | progressBar           | unit | color |\r\n\t\t\t| 0        | ●――――――――――――――――――🎁 | $    | no    |\r\n\t\t\t| 100      | ―――――――――●―――――――――🎁 | $    | no    |\r\n\t\t\t| 500      | ―――――――――――――――――――🎁 | $    | yes   |\r\n\t\t\t| 650      | ―――――――――――――――――――🎁 | $    | yes   |\r\n\t\t\t| 1200     | ―――――――――――――――――――🎁 | $    | yes   |\r\n\r\n\t@motivating\r\n\tScenario Outline: The progress bar can be displayed with steps instead of a continuous line\r\n\t\tGiven a Task Card component\r\n\t\tAnd the user progress is <progress>\r\n\t\tAnd the goal is "5"\r\n\t\tAnd steps are enabled\r\n\t\tThen I have <progressBar>\r\n\t\tAnd the <progressBar> has incrementing steps up to "5" in increments of 1\r\n\t\tAnd the steps behind the users progress are brand colour\r\n\t\tAnd the steps infront of the users progress are grey\r\n\t\tAnd the gift icon has <color>\r\n\t\tAnd the gift icon shows "5" below\r\n\t\tExamples:\r\n\t\t\t| progress | progressBar           | color |\r\n\t\t\t| 0        | ―――○―――○―――○―――○―――🎁 | no    |\r\n\t\t\t| 1        | ―――●―――○―――○―――○―――🎁 | no    |\r\n\t\t\t| 5        | ―――●―――●―――●―――●―――🎁 | yes   |\r\n\t\t\t| 7        | ―――●―――●―――●―――●―――🎁 | yes   |\r\n\t\t\t| 12       | ―――●―――●―――●―――●―――🎁 | yes   |\r\n\r\n\t@motivating\r\n\tScenario Outline: The continuous progress bar will continue to progress for repeatable rewards\r\n\t\tGiven a Task Card component\r\n\t\tAnd the user progress is <progress>\r\n\t\tAnd the goal is "500"\r\n\t\tAnd it is repeatable\r\n\t\tThen I have <progressBar>\r\n\t\tAnd the <progressBar> shows <progress> with <unit> to the right\r\n\t\tAnd the first <icon1> is <color1> with <text1> displayed below\r\n\t\tAnd the second <icon2> is <color2> with <text2> displayed below\r\n\t\tAnd the third <icon3> is <color3> with <text3> displayed below\r\n\t\tAnd the circle on the progress bar is brand colour\r\n\t\tAnd the line behind the circle is brand colour\r\n\t\tAnd the line infront of the circle is grey\r\n\t\tExamples:\r\n\t\t\t| progress | progressBar          | unit | icon1 | color1   | text1 | icon2 | color2    | text 2 | icon3 | color3    | text 3 |\r\n\t\t\t| 250      | ――――●――――🎁―――――――🎁 | $    | NA    | NA       | NA    | gift  | greyscale | 500    | gift  | greyscale | 1000   |\r\n\t\t\t| 500      | ―――――――――🎁―――――――🎁 | $    | NA    | NA       | NA    | gift  | colorful  | 500    | gift  | greyscale | 1000   |\r\n\t\t\t| 750      | ―――――――――🎁―――●―――🎁 | $    | NA    | NA       | NA    | gift  | colorful  | 500    | gift  | greyscale | 1000   |\r\n\t\t\t| 1000     | 🎁―――――――🎁―――――――🎁 | $    | gift  | colorful | 500   | gift  | colorful  | 1000   | gift  | greyscale | 1500   |\r\n\t\t\t| 1250     | 🎁―――――――🎁―――●―――🎁 | $    | gift  | colorful | 500   | gift  | colorful  | 1000   | gift  | greyscale | 1500   |\r\n\r\n\t@motivating\r\n\tScenario Outline: The stepped progress bar will continue to progress for repeatable rewards\r\n\t\tGiven a Task Card component\r\n\t\tAnd the user progress is <progress>\r\n\t\tAnd the goal is "5"\r\n\t\tAnd steps are enabled\r\n\t\tAnd it is repeatable\r\n\t\tThen I have <progressBar>\r\n\t\tAnd the <progressBar> has incrementing steps up to "5" in increments of 1\r\n\t\tAnd the first <icon1> is <color1>\r\n\t\tAnd the second <icon2> is <color2>\r\n\t\tAnd the third <icon3> is <color3>\r\n\t\tAnd the steps behind the users progress are brand colour\r\n\t\tAnd the steps infront of the users progress are grey\r\n\t\tExamples:\r\n\t\t\t| progress | progressBar              | icon1 | color1   | icon2 | color2    | icon3 | color3    |\r\n\t\t\t| 0        | ―――○―○―○―○―🎁―○―○―○―○―🎁 | NA    | NA       | gift  | greyscale | gift  | greyscale |\r\n\t\t\t| 1        | ―――●―○―○―○―🎁―○―○―○―○―🎁 | NA    | NA       | gift  | greyscale | gift  | greyscale |\r\n\t\t\t| 5        | ―――●―●―●―●―🎁―○―○―○―○―🎁 | NA    | NA       | gift  | colorful  | gift  | greyscale |\r\n\t\t\t| 7        | ―――●―●―●―●―🎁―●―●―○―○―🎁 | NA    | NA       | gift  | colorful  | gift  | greyscale |\r\n\t\t\t| 12       | 🎁―●―●―●―●―🎁―●―●―○―○―🎁 | gift  | colorful | gift  | colorful  | gift  | greyscale |';var Yd="\n\n:root{\n    --checker-color-1: #ffffff00;\n    --checker-color-2: #ffffff00;\n    --checker-size: 7px;\n    --checker-gradient: linear-gradient(45deg, var(--checker-color-1) 25%, transparent 25%, transparent 75%, var(--checker-color-1) 75%);\n}\n.resizer{\n    resize: horizontal;\n    border: 2px dashed gray;\n\tmargin: -2px;\n    padding: 12px;\n    height: fit-content;\n    overflow: hidden;\n\twidth: 100%;\n}\n\n.resizer{\n    background-color: var(--checker-color-2);\n    background-image: var(--checker-gradient), var(--checker-gradient);\n    background-position: 0 0, var(--checker-size) var(--checker-size);\n    background-size: calc(var(--checker-size) * 2) calc(var(--checker-size) * 2);\n}\n";var Zd=function(e,t){return r("div",{class:"resizer"},t)};var Qd=Kd+Xd;var ec={title:"Components/Task Card/",parameters:{scenario:Qd}};var rc={display:"inline-flex",gap:"32px"};var tc={width:"347px",minWidth:"347px",resize:"horizontal",height:"fit-content",overflow:"hidden"};var nc={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 ac={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 ic={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 sc=function(){var e={rewardDuration:"2021-11-30T08:00:00.000Z/2021-12-01T08:00:00.000Z"};var t=__assign(__assign({},e),{repeatable:true});return r("div",{style:rc},r(Zd,null,r("h4",null,"Not Repeatable"),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{description:""}),states:__assign(__assign({},nc.states),{progress:0})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{description:""}),states:__assign(__assign({},ac.states),{progress:0})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{description:""}),states:__assign(__assign({},ic.states),{progress:230})}))),r(Zd,null,r("h4",null,"Repeatable"),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{repeatable:true}),states:__assign(__assign({},nc.states),{progress:2})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true}),states:__assign(__assign({},ac.states),{progress:7})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true}),states:__assign(__assign({},ic.states),{progress:650})}))),r(Zd,null,r("h4",null,"Complete"),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:1})})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:5})})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:500})}))),r(Zd,null,r("h4",null,"Unavailable"),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:0})},t)),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:3})},t)),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:250})},t))))};var oc=function(){return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:0})})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:1})})),r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1})})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:5})})),r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:230})})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:500})})),r("h5",null)))};var lc=function(){return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{repeatable:true}),states:__assign(__assign({},nc.states),{progress:0})})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{repeatable:true}),states:__assign(__assign({},nc.states),{progress:1})})),r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true}),states:__assign(__assign({},ac.states),{progress:0})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true}),states:__assign(__assign({},ac.states),{progress:5})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true}),states:__assign(__assign({},ac.states),{progress:7})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true}),states:__assign(__assign({},ac.states),{progress:10})})),r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true}),states:__assign(__assign({},ic.states),{progress:0})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true}),states:__assign(__assign({},ic.states),{progress:500})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true}),states:__assign(__assign({},ic.states),{progress:650})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true}),states:__assign(__assign({},ic.states),{progress:1e3})})),r("h5",null)))};var uc=function(){return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{repeatable:true,finite:2}),states:__assign(__assign({},nc.states),{progress:0})})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{repeatable:true,finite:2}),states:__assign(__assign({},nc.states),{progress:1})})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{repeatable:true,finite:2}),states:__assign(__assign({},nc.states),{progress:2})})),r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true,finite:2}),states:__assign(__assign({},ac.states),{progress:2})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true,finite:2}),states:__assign(__assign({},ac.states),{progress:5})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true,finite:2}),states:__assign(__assign({},ac.states),{progress:10})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true,finite:3}),states:__assign(__assign({},ac.states),{progress:12})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true,finite:3}),states:__assign(__assign({},ac.states),{progress:15})})),r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true,finite:2}),states:__assign(__assign({},ic.states),{progress:200})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true,finite:3}),states:__assign(__assign({},ic.states),{progress:500})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true,finite:2}),states:__assign(__assign({},ic.states),{progress:1e3})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true,finite:3}),states:__assign(__assign({},ic.states),{progress:1200})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true,finite:3}),states:__assign(__assign({},ic.states),{progress:1500})})),r("h5",null)))};var dc=function(){var e={rewardDuration:v.DateTime.now().minus({days:1}).toISO()+"/"+v.DateTime.now().plus({days:1}).toISO()};var t=__assign(__assign({},e),{repeatable:true});return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),e)})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),t)})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),t),states:__assign(__assign({},nc.states),{progress:1})})),r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},nc,{content:__assign(__assign({},ac.content),e)})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},ac.content),t)})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},ac.content),t),states:__assign(__assign({},ac.states),{progress:5})})),r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},nc,{content:__assign(__assign({},ic.content),e)})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},ic.content),t)})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},ic.content),t),states:__assign(__assign({},ic.states),{progress:1e3})})),r("h5",null)))};var cc=function(){var e={states:{loading:true,progress:0,loadingEvent:false}};return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,e))," ",r("h5",null),r($,Object.assign({},nc,e))," ",r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},ac,e))," ",r("h5",null),r($,Object.assign({},ac,e))," ",r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},ic,e))," ",r("h5",null),r($,Object.assign({},ic,e))," ",r("h5",null)))};var mc=function(){var e={rewardDuration:v.DateTime.now().plus({days:1}).toISO()+"/"+v.DateTime.now().plus({days:2}).toISO()};var t=__assign(__assign({},e),{repeatable:true});return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:0}),content:__assign(__assign({},nc.content),e)})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:1}),content:__assign(__assign({},nc.content),e)})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:0}),content:__assign(__assign({},nc.content),t)})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:1}),content:__assign(__assign({},nc.content),t)})),r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),e)})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),e)})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),t)})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),t)})),r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:100}),content:__assign(__assign({},ic.content),e)})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:500}),content:__assign(__assign({},ic.content),e)})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:100}),content:__assign(__assign({},ic.content),t)})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:500}),content:__assign(__assign({},ic.content),t)})),r("h5",null)))};var pc=function(){var e={rewardDuration:v.DateTime.now().minus({days:2}).toISO()+"/"+v.DateTime.now().minus({days:1}).toISO()};var t=__assign(__assign({},e),{repeatable:true});return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:0}),content:__assign(__assign({},nc.content),e)})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:1}),content:__assign(__assign({},nc.content),e)})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:0}),content:__assign(__assign({},nc.content),t)})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:1}),content:__assign(__assign({},nc.content),t)})),r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),e)})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),e)})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),t)})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),t)})),r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:100}),content:__assign(__assign({},ic.content),e)})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:500}),content:__assign(__assign({},ic.content),e)})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:100}),content:__assign(__assign({},ic.content),t)})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:500}),content:__assign(__assign({},ic.content),t)})),r("h5",null)))};var hc=function(){var e={progress:0,goal:500,progressBarUnit:"$"};return r("div",null,r(Hd,{matrix:{progress:[0,100,500,650,1200]},props:e,Component:K}))};var gc=function(){var e={progress:0,steps:true,goal:5,progressBarUnit:"$"};return r("div",null,r(Hd,{matrix:{progress:[0,1,5,7,12]},props:e,Component:K}))};var fc=function(){var e={progress:0,goal:500,progressBarUnit:"$",repeatable:true};return r("div",null,r(Hd,{matrix:{progress:[0,250,500,750,1e3,1250]},props:e,Component:K}))};var bc=function(){var e={progress:0,steps:true,goal:5,progressBarUnit:"$",repeatable:true};return r("div",null,r(Hd,{matrix:{progress:[0,1,5,7,12]},props:e,Component:K}))};var vc=function(){var e={progress:0,steps:true,goal:5,progressBarUnit:"$",repeatable:true,finite:2};return r("div",null,r(Hd,{matrix:{progress:[0,1,5,7,10,12]},props:e,Component:K}))};var wc=Object.freeze({__proto__:null,default:ec,TaskCard:sc,TaskCardNotRepeatable:oc,TaskCardRepeatable:lc,TaskCardRepeatableFinite:uc,TaskCardEndDate:dc,TaskCardLoading:cc,TaskCardNotStarted:mc,TaskCardEnded:pc,ProgressBar:hc,ProgressBarSteps:gc,ProgressBarRepeatable:fc,ProgressBarStepsRepeatable:bc,ProgressBarStepsRepeatableFinite:vc});var xc='<sqm-portal-frame>\r\n  <a slot="header" href="/">\r\n    <sqm-text style="height: 60px">\r\n      <img\r\n        style="height: 60px"\r\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\r\n      />\r\n    </sqm-text>\r\n  </a>\r\n  <sqb-program-section program-id="referral-program">\r\n    <sqm-router>\r\n      <template\r\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\r\n      >\r\n        <sqm-graphql-client-provider\r\n          domain="https://managed-identity.saasquatch.com"\r\n        >\r\n          <sqm-hero\r\n            background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n          >\r\n            <sqm-router>\r\n              <template path="/register">\r\n                <sqm-portal-register>\r\n                  <sqm-name-fields slot="formData"></sqm-name-fields>\r\n                </sqm-portal-register>\r\n              </template>\r\n\r\n              <template path="/emailVerification">\r\n                <sqm-portal-protected-route\r\n                  redirect-to="/login"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-email-verification></sqm-portal-email-verification>\r\n              </template>\r\n\r\n              <template path="/login">\r\n                <sqm-portal-login></sqm-portal-login>\r\n              </template>\r\n\r\n              <template path="/verifyEmail">\r\n                <sqm-portal-verify-email></sqm-portal-verify-email>\r\n              </template>\r\n\r\n              <template path="/forgotPassword">\r\n                <sqm-portal-forgot-password\r\n                  email-label="Business Email"\r\n                ></sqm-portal-forgot-password>\r\n              </template>\r\n\r\n              <template path="/resetPassword">\r\n                <sqm-portal-reset-password\r\n                  confirm-password="true"\r\n                ></sqm-portal-reset-password>\r\n              </template>\r\n              <template path="/logout">\r\n                <sqm-portal-logout next-page="/login"></sqm-portal-logout>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-hero>\r\n        </sqm-graphql-client-provider>\r\n      </template>\r\n    </sqm-router>\r\n    <sqm-router>\r\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b)?">\r\n        <sqm-divided-layout\r\n          direction="row"\r\n          style="\r\n            border-top: 1px solid #eaeaea;\r\n            border-bottom: 1px solid #eaeaea;\r\n          "\r\n        >\r\n          <sqm-navigation-sidebar>\r\n            <sqm-navigation-sidebar-item\r\n              path="/"\r\n              icon="house"\r\n              label="Dashboard"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/activity"\r\n              icon="bar-chart"\r\n              label="Activity"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/editProfile"\r\n              icon="person"\r\n              label="Edit Profile"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/logout"\r\n              icon="box-arrow-right"\r\n              label="Logout"\r\n            ></sqm-navigation-sidebar-item>\r\n          </sqm-navigation-sidebar>\r\n          <sqm-divided-layout direction="column">\r\n            <sqm-router>\r\n              <template path="/">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqb-widget\r\n                  widget-type="p/referral-program/w/referrerWidget"\r\n                  track-loads="true"\r\n                ></sqb-widget>\r\n              </template>\r\n              <template path="/editProfile">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\r\n                ><sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-graphql-client-provider\r\n                    domain="https://managed-identity.saasquatch.com"\r\n                  >\r\n                    <sqm-portal-change-password></sqm-portal-change-password>\r\n                  </sqm-graphql-client-provider>\r\n                </sqm-portal-container>\r\n              </template>\r\n\r\n              <template path="/activity">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-text> <h1>Activity</h1></sqm-text>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container>\r\n                  <sqm-referral-table>\r\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n                    <sqm-referral-table-date-column\r\n                      column-title="Referred"\r\n                      date-shown="dateReferralStarted"\r\n                    ></sqm-referral-table-date-column> </sqm-referral-table\r\n                ></sqm-portal-container>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-divided-layout>\r\n        </sqm-divided-layout>\r\n      </template>\r\n    </sqm-router>\r\n  </sqb-program-section>\r\n  <sqm-portal-footer\r\n    slot="footer"\r\n    support-email="support@example.com"\r\n    terms-link="https://example.com"\r\n    faq-link="https://example.com"\r\n    terms-text="Terms And Conditions"\r\n    faq-text="FAQ"\r\n    show-powered-by="true"\r\n  ></sqm-portal-footer>\r\n</sqm-portal-frame>\r\n';var yc='<sqm-portal-frame>\r\n  <a slot="header" href="/">\r\n    <sqm-text style="height: 60px">\r\n      <img\r\n        style="height: 60px"\r\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\r\n      />\r\n    </sqm-text>\r\n  </a>\r\n  <sqb-program-section program-id="referral-program">\r\n    <sqm-router>\r\n      <template\r\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\r\n      >\r\n        <sqm-graphql-client-provider\r\n          domain="https://managed-identity.saasquatch.com"\r\n        >\r\n          <sqm-hero\r\n            background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n          >\r\n            <sqm-router>\r\n              <template path="/register">\r\n                <sqm-portal-register>\r\n                  <sqm-name-fields slot="formData"></sqm-name-fields>\r\n                </sqm-portal-register>\r\n              </template>\r\n\r\n              <template path="/emailVerification">\r\n                <sqm-portal-protected-route\r\n                  redirect-to="/login"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-email-verification></sqm-portal-email-verification>\r\n              </template>\r\n\r\n              <template path="/login">\r\n                <sqm-portal-login></sqm-portal-login>\r\n              </template>\r\n\r\n              <template path="/verifyEmail">\r\n                <sqm-portal-verify-email></sqm-portal-verify-email>\r\n              </template>\r\n\r\n              <template path="/forgotPassword">\r\n                <sqm-portal-forgot-password\r\n                  email-label="Business Email"\r\n                ></sqm-portal-forgot-password>\r\n              </template>\r\n\r\n              <template path="/resetPassword">\r\n                <sqm-portal-reset-password\r\n                  confirm-password="true"\r\n                ></sqm-portal-reset-password>\r\n              </template>\r\n              <template path="/logout">\r\n                <sqm-portal-logout next-page="/login"></sqm-portal-logout>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-hero>\r\n        </sqm-graphql-client-provider>\r\n      </template>\r\n    </sqm-router>\r\n    <sqm-router>\r\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b|\\brefer\\b)?">\r\n        <sqm-divided-layout\r\n          direction="row"\r\n          style="\r\n            border-top: 1px solid #eaeaea;\r\n            border-bottom: 1px solid #eaeaea;\r\n          "\r\n        >\r\n          <sqm-navigation-sidebar>\r\n            <sqm-navigation-sidebar-item\r\n              path="/"\r\n              icon="house"\r\n              label="Dashboard"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/refer"\r\n              icon="inbox"\r\n              label="Submit A Lead"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/activity"\r\n              icon="bar-chart"\r\n              label="Activity"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/editProfile"\r\n              icon="person"\r\n              label="Edit Profile"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/logout"\r\n              icon="box-arrow-right"\r\n              label="Logout"\r\n            ></sqm-navigation-sidebar-item>\r\n          </sqm-navigation-sidebar>\r\n          <sqm-divided-layout direction="column">\r\n            <sqm-router>\r\n              <template path="/">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqb-widget\r\n                  widget-type="p/referral-program/w/referrerWidget"\r\n                  track-loads="true"\r\n                ></sqb-widget>\r\n              </template>\r\n              <template path="/editProfile">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\r\n                ><sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-graphql-client-provider\r\n                    domain="https://managed-identity.saasquatch.com"\r\n                  >\r\n                    <sqm-portal-change-password></sqm-portal-change-password>\r\n                  </sqm-graphql-client-provider>\r\n                </sqm-portal-container>\r\n              </template>\r\n              <template path="/refer">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-referral-iframe></sqm-referral-iframe>\r\n              </template>\r\n              <template path="/activity">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-text> <h1>Activity</h1></sqm-text>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container>\r\n                  <sqm-referral-table>\r\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n                    <sqm-referral-table-date-column\r\n                      column-title="Referred"\r\n                      date-shown="dateReferralStarted"\r\n                    ></sqm-referral-table-date-column> </sqm-referral-table\r\n                ></sqm-portal-container>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-divided-layout>\r\n        </sqm-divided-layout>\r\n      </template>\r\n    </sqm-router>\r\n  </sqb-program-section>\r\n  <sqm-portal-footer\r\n    slot="footer"\r\n    support-email="support@example.com"\r\n    terms-link="https://example.com"\r\n    faq-link="https://example.com"\r\n    terms-text="Terms And Conditions"\r\n    faq-text="FAQ"\r\n    show-powered-by="true"\r\n  ></sqm-portal-footer>\r\n</sqm-portal-frame>\r\n';var Ec='<sqm-portal-frame>\r\n  <a slot="header" href="/">\r\n    <sqm-text style="height: 60px">\r\n      <img\r\n        style="height: 60px"\r\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\r\n      />\r\n    </sqm-text>\r\n  </a>\r\n  <sqb-program-section program-id="referral-program">\r\n    <sqm-router>\r\n      <template\r\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\r\n      >\r\n        <sqm-graphql-client-provider\r\n          domain="https://managed-identity.saasquatch.com"\r\n        >\r\n          <sqm-hero\r\n            background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n          >\r\n            <sqm-router>\r\n              <template path="/register">\r\n                <sqm-portal-register>\r\n                  <sqm-name-fields slot="formData"></sqm-name-fields>\r\n                </sqm-portal-register>\r\n              </template>\r\n\r\n              <template path="/emailVerification">\r\n                <sqm-portal-protected-route\r\n                  redirect-to="/login"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-email-verification></sqm-portal-email-verification>\r\n              </template>\r\n\r\n              <template path="/login">\r\n                <sqm-portal-login></sqm-portal-login>\r\n              </template>\r\n\r\n              <template path="/verifyEmail">\r\n                <sqm-portal-verify-email></sqm-portal-verify-email>\r\n              </template>\r\n\r\n              <template path="/forgotPassword">\r\n                <sqm-portal-forgot-password\r\n                  email-label="Business Email"\r\n                ></sqm-portal-forgot-password>\r\n              </template>\r\n\r\n              <template path="/resetPassword">\r\n                <sqm-portal-reset-password\r\n                  confirm-password="true"\r\n                ></sqm-portal-reset-password>\r\n              </template>\r\n              <template path="/logout">\r\n                <sqm-portal-logout next-page="/login"></sqm-portal-logout>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-hero>\r\n        </sqm-graphql-client-provider>\r\n      </template>\r\n    </sqm-router>\r\n    <sqm-router>\r\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b|\\brefer\\b)?">\r\n        <sqm-divided-layout\r\n          direction="row"\r\n          style="\r\n            border-top: 1px solid #eaeaea;\r\n            border-bottom: 1px solid #eaeaea;\r\n          "\r\n        >\r\n          <sqm-navigation-sidebar>\r\n            <sqm-navigation-sidebar-item\r\n              path="/"\r\n              icon="house"\r\n              label="Dashboard"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/refer"\r\n              icon="inbox"\r\n              label="Submit A Lead"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/activity"\r\n              icon="bar-chart"\r\n              label="Activity"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/editProfile"\r\n              icon="person"\r\n              label="Edit Profile"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/logout"\r\n              icon="box-arrow-right"\r\n              label="Logout"\r\n            ></sqm-navigation-sidebar-item>\r\n          </sqm-navigation-sidebar>\r\n          <sqm-divided-layout direction="column">\r\n            <sqm-router>\r\n              <template path="/">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                  ><sqm-titled-section label-margin="xx-small"\r\n                    ><sqm-text slot="label"> <p>Welcome back,</p> </sqm-text\r\n                    ><sqm-text slot="content">\r\n                      <h1>\r\n                        <sqm-user-name\r\n                          fallback="Anonymous User"\r\n                        ></sqm-user-name>\r\n                      </h1> </sqm-text\r\n                  ></sqm-titled-section>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container> </sqm-portal-container\r\n                ><sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-titled-section padding="none" label-margin="x-large"\r\n                    ><sqm-text slot="label">\r\n                      <h2>Partner and Profit</h2> </sqm-text\r\n                    ><sqm-text slot="content">\r\n                      <p>\r\n                        Get rewarded for referring potential customers to\r\n                        SaaSquatch. Earn commission for each successful lead you\r\n                        send our way\r\n                      </p>\r\n                    </sqm-text></sqm-titled-section\r\n                  >\r\n                  <sqm-titled-section label-margin="small" padding="none"\r\n                    ><sqm-text slot="label">\r\n                      <h3>Share your referral link</h3> </sqm-text\r\n                    ><sqm-share-link slot="content"></sqm-share-link\r\n                  ></sqm-titled-section>\r\n                  <sqm-titled-section label-margin="small" padding="none">\r\n                    <sqm-text slot="label">\r\n                      <h3>Share your referral code</h3> </sqm-text\r\n                    ><sqm-share-code slot="content"></sqm-share-code>\r\n                  </sqm-titled-section>\r\n                  <sqm-titled-section label-margin="small" padding="none"\r\n                    ><sqm-text slot="label">\r\n                      <h3>Share via social media</h3> </sqm-text\r\n                    ><sqm-portal-container\r\n                      slot="content"\r\n                      direction="row"\r\n                      padding="none"\r\n                      gap="xxx-large"\r\n                      min-width="160px"\r\n                      ><sqm-share-button\r\n                        icon="envelope"\r\n                        medium="email"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Email a friend</sqm-share-button\r\n                      ><sqm-share-button\r\n                        medium="twitter"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Tweet about us</sqm-share-button\r\n                      ><sqm-share-button\r\n                        medium="facebook"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Share on Facebook</sqm-share-button\r\n                      ></sqm-portal-container\r\n                    ></sqm-titled-section\r\n                  ></sqm-portal-container\r\n                >\r\n              </template>\r\n              <template path="/editProfile">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\r\n                ><sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-graphql-client-provider\r\n                    domain="https://managed-identity.saasquatch.com"\r\n                  >\r\n                    <sqm-portal-change-password></sqm-portal-change-password>\r\n                  </sqm-graphql-client-provider>\r\n                </sqm-portal-container>\r\n              </template>\r\n              <template path="/refer">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-referral-iframe></sqm-referral-iframe>\r\n              </template>\r\n              <template path="/activity">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-text> <h1>Activity</h1></sqm-text>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container>\r\n                  <sqm-referral-table>\r\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n                    <sqm-referral-table-date-column\r\n                      column-title="Referred"\r\n                      date-shown="dateReferralStarted"\r\n                    ></sqm-referral-table-date-column> </sqm-referral-table\r\n                ></sqm-portal-container>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-divided-layout>\r\n        </sqm-divided-layout>\r\n      </template>\r\n    </sqm-router>\r\n  </sqb-program-section>\r\n  <sqm-portal-footer\r\n    slot="footer"\r\n    support-email="support@example.com"\r\n    terms-link="https://example.com"\r\n    faq-link="https://example.com"\r\n    terms-text="Terms And Conditions"\r\n    faq-text="FAQ"\r\n    show-powered-by="true"\r\n  ></sqm-portal-footer>\r\n</sqm-portal-frame>\r\n';var qc='<sqm-portal-frame>\r\n  <a slot="header" href="/">\r\n    <sqm-text style="height: 60px">\r\n      <img\r\n        style="height: 60px"\r\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\r\n      />\r\n    </sqm-text>\r\n  </a>\r\n  <sqb-program-section program-id="referral-program">\r\n    <sqm-router>\r\n      <template\r\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\r\n      >\r\n        <sqm-graphql-client-provider\r\n          domain="https://managed-identity.saasquatch.com"\r\n        >\r\n          <sqm-hero\r\n            background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n          >\r\n            <sqm-router>\r\n              <template path="/register">\r\n                <sqm-portal-register>\r\n                  <sqm-name-fields slot="formData"></sqm-name-fields>\r\n                </sqm-portal-register>\r\n              </template>\r\n\r\n              <template path="/emailVerification">\r\n                <sqm-portal-protected-route\r\n                  redirect-to="/login"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-email-verification></sqm-portal-email-verification>\r\n              </template>\r\n\r\n              <template path="/login">\r\n                <sqm-portal-login></sqm-portal-login>\r\n              </template>\r\n\r\n              <template path="/verifyEmail">\r\n                <sqm-portal-verify-email></sqm-portal-verify-email>\r\n              </template>\r\n\r\n              <template path="/forgotPassword">\r\n                <sqm-portal-forgot-password\r\n                  email-label="Business Email"\r\n                ></sqm-portal-forgot-password>\r\n              </template>\r\n\r\n              <template path="/resetPassword">\r\n                <sqm-portal-reset-password\r\n                  confirm-password="true"\r\n                ></sqm-portal-reset-password>\r\n              </template>\r\n              <template path="/logout">\r\n                <sqm-portal-logout next-page="/login"></sqm-portal-logout>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-hero>\r\n        </sqm-graphql-client-provider>\r\n      </template>\r\n    </sqm-router>\r\n    <sqm-router>\r\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b)?">\r\n        <sqm-divided-layout\r\n          direction="row"\r\n          style="\r\n            border-top: 1px solid #eaeaea;\r\n            border-bottom: 1px solid #eaeaea;\r\n          "\r\n        >\r\n          <sqm-navigation-sidebar>\r\n            <sqm-navigation-sidebar-item\r\n              path="/"\r\n              icon="house"\r\n              label="Dashboard"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/activity"\r\n              icon="bar-chart"\r\n              label="Activity"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/editProfile"\r\n              icon="person"\r\n              label="Edit Profile"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/logout"\r\n              icon="box-arrow-right"\r\n              label="Logout"\r\n            ></sqm-navigation-sidebar-item>\r\n          </sqm-navigation-sidebar>\r\n          <sqm-divided-layout direction="column">\r\n            <sqm-router>\r\n              <template path="/">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                  ><sqm-titled-section label-margin="xx-small"\r\n                    ><sqm-text slot="label"> <p>Welcome back,</p> </sqm-text\r\n                    ><sqm-text slot="content">\r\n                      <h1>\r\n                        <sqm-user-name\r\n                          fallback="Anonymous User"\r\n                        ></sqm-user-name>\r\n                      </h1> </sqm-text\r\n                  ></sqm-titled-section>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container> </sqm-portal-container\r\n                ><sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-titled-section padding="none" label-margin="x-large"\r\n                    ><sqm-text slot="label">\r\n                      <h2>Partner and Profit</h2> </sqm-text\r\n                    ><sqm-text slot="content">\r\n                      <p>\r\n                        Get rewarded for referring potential customers to\r\n                        SaaSquatch. Earn commission for each successful lead you\r\n                        send our way\r\n                      </p>\r\n                    </sqm-text></sqm-titled-section\r\n                  >\r\n                  <sqm-titled-section label-margin="small" padding="none"\r\n                    ><sqm-text slot="label">\r\n                      <h3>Share your referral link</h3> </sqm-text\r\n                    ><sqm-share-link slot="content"></sqm-share-link\r\n                  ></sqm-titled-section>\r\n                  <sqm-titled-section label-margin="small" padding="none">\r\n                    <sqm-text slot="label">\r\n                      <h3>Share your referral code</h3> </sqm-text\r\n                    ><sqm-share-code slot="content"></sqm-share-code>\r\n                  </sqm-titled-section>\r\n                  <sqm-titled-section label-margin="small" padding="none"\r\n                    ><sqm-text slot="label">\r\n                      <h3>Share via social media</h3> </sqm-text\r\n                    ><sqm-portal-container\r\n                      slot="content"\r\n                      direction="row"\r\n                      padding="none"\r\n                      gap="xxx-large"\r\n                      min-width="160px"\r\n                      ><sqm-share-button\r\n                        icon="envelope"\r\n                        medium="email"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Email a friend</sqm-share-button\r\n                      ><sqm-share-button\r\n                        medium="twitter"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Tweet about us</sqm-share-button\r\n                      ><sqm-share-button\r\n                        medium="facebook"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Share on Facebook</sqm-share-button\r\n                      ></sqm-portal-container\r\n                    ></sqm-titled-section\r\n                  ></sqm-portal-container\r\n                >\r\n              </template>\r\n              <template path="/editProfile">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\r\n                ><sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-graphql-client-provider\r\n                    domain="https://managed-identity.saasquatch.com"\r\n                  >\r\n                    <sqm-portal-change-password></sqm-portal-change-password>\r\n                  </sqm-graphql-client-provider>\r\n                </sqm-portal-container>\r\n              </template>\r\n\r\n              <template path="/activity">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-text> <h1>Activity</h1></sqm-text>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container>\r\n                  <sqm-referral-table>\r\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n                    <sqm-referral-table-date-column\r\n                      column-title="Referred"\r\n                      date-shown="dateReferralStarted"\r\n                    ></sqm-referral-table-date-column> </sqm-referral-table\r\n                ></sqm-portal-container>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-divided-layout>\r\n        </sqm-divided-layout>\r\n      </template>\r\n    </sqm-router>\r\n  </sqb-program-section>\r\n  <sqm-portal-footer\r\n    slot="footer"\r\n    support-email="support@example.com"\r\n    terms-link="https://example.com"\r\n    faq-link="https://example.com"\r\n    terms-text="Terms And Conditions"\r\n    faq-text="FAQ"\r\n    show-powered-by="true"\r\n  ></sqm-portal-footer>\r\n</sqm-portal-frame>\r\n';var Ac='<sqm-portal-frame>\r\n  <a slot="header" href="/">\r\n    <sqm-text style="height: 60px">\r\n      <img\r\n        style="height: 60px"\r\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\r\n      />\r\n    </sqm-text>\r\n  </a>\r\n  <sqb-program-section program-id="referral-program-1">\r\n    <sqm-router>\r\n      <template\r\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\r\n      >\r\n        <sqm-graphql-client-provider\r\n          domain="https://managed-identity.saasquatch.com"\r\n        >\r\n          <sqm-hero\r\n            background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n          >\r\n            <sqm-router>\r\n              <template path="/register">\r\n                <sqm-portal-register>\r\n                  <sqm-name-fields slot="formData"></sqm-name-fields>\r\n                </sqm-portal-register>\r\n              </template>\r\n\r\n              <template path="/emailVerification">\r\n                <sqm-portal-protected-route\r\n                  redirect-to="/login"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-email-verification></sqm-portal-email-verification>\r\n              </template>\r\n\r\n              <template path="/login">\r\n                <sqm-portal-login></sqm-portal-login>\r\n              </template>\r\n\r\n              <template path="/verifyEmail">\r\n                <sqm-portal-verify-email></sqm-portal-verify-email>\r\n              </template>\r\n\r\n              <template path="/forgotPassword">\r\n                <sqm-portal-forgot-password\r\n                  email-label="Business Email"\r\n                ></sqm-portal-forgot-password>\r\n              </template>\r\n\r\n              <template path="/resetPassword">\r\n                <sqm-portal-reset-password\r\n                  confirm-password="true"\r\n                ></sqm-portal-reset-password>\r\n              </template>\r\n              <template path="/logout">\r\n                <sqm-portal-logout next-page="/login"></sqm-portal-logout>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-hero>\r\n        </sqm-graphql-client-provider>\r\n      </template>\r\n    </sqm-router>\r\n    <sqm-router>\r\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b)?">\r\n        <sqm-divided-layout\r\n          direction="row"\r\n          style="\r\n            border-top: 1px solid #eaeaea;\r\n            border-bottom: 1px solid #eaeaea;\r\n          "\r\n        >\r\n          <sqm-navigation-sidebar>\r\n            <sqm-program-menu>\r\n              <sl-menu-item value="referral-program-1"\r\n                >Referral Program 1</sl-menu-item\r\n              >\r\n              <sl-menu-item value="referral-program-2"\r\n                >Referral Program 2</sl-menu-item\r\n              >\r\n            </sqm-program-menu>\r\n            <sqm-navigation-sidebar-item\r\n              path="/"\r\n              icon="house"\r\n              label="Dashboard"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/activity"\r\n              icon="bar-chart"\r\n              label="Activity"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/editProfile"\r\n              icon="person"\r\n              label="Edit Profile"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/logout"\r\n              icon="box-arrow-right"\r\n              label="Logout"\r\n            ></sqm-navigation-sidebar-item>\r\n          </sqm-navigation-sidebar>\r\n          <sqm-divided-layout direction="column">\r\n            <sqm-router>\r\n              <template path="/">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqb-program-switch>\r\n                  <template program-id="referral-program-1">\r\n                    <sqb-widget\r\n                      widget-type="p/referral-program-1/w/referrerWidget"\r\n                      track-loads="true"\r\n                    ></sqb-widget>\r\n                  </template>\r\n                  <template program-id="referral-program-2">\r\n                    <sqb-widget\r\n                      widget-type="p/referral-program-2/w/referrerWidget"\r\n                      track-loads="true"\r\n                    ></sqb-widget>\r\n                  </template>\r\n                </sqb-program-switch>\r\n              </template>\r\n              <template path="/editProfile">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-portal-profile></sqm-portal-profile></sqm-portal-container\r\n                ><sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-graphql-client-provider\r\n                    domain="https://managed-identity.saasquatch.com"\r\n                  >\r\n                    <sqm-portal-change-password></sqm-portal-change-password>\r\n                  </sqm-graphql-client-provider>\r\n                </sqm-portal-container>\r\n              </template>\r\n              <template path="/activity">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-text> <h1>Activity</h1></sqm-text>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container>\r\n                  <sqm-referral-table>\r\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n                    <sqm-referral-table-date-column\r\n                      column-title="Referred"\r\n                      date-shown="dateReferralStarted"\r\n                    ></sqm-referral-table-date-column> </sqm-referral-table\r\n                ></sqm-portal-container>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-divided-layout>\r\n        </sqm-divided-layout>\r\n      </template>\r\n    </sqm-router>\r\n  </sqb-program-section>\r\n  <sqm-portal-footer\r\n    slot="footer"\r\n    support-email="support@example.com"\r\n    terms-link="https://example.com"\r\n    faq-link="https://example.com"\r\n    terms-text="Terms And Conditions"\r\n    faq-text="FAQ"\r\n    show-powered-by="true"\r\n  ></sqm-portal-footer>\r\n</sqm-portal-frame>\r\n';var kc='<sqm-portal-frame>\r\n  <a slot="header" href="/">\r\n    <sqm-text style="height: 60px">\r\n      <img\r\n        style="height: 60px"\r\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\r\n      />\r\n    </sqm-text>\r\n  </a>\r\n  <sqb-program-section program-id="referral-program-1">\r\n    <sqm-graphql-client-provider\r\n      domain="https://managed-identity.saasquatch.com"\r\n    >\r\n      <sqm-hero\r\n        background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n      >\r\n        <sqm-router>\r\n          <template path="/register">\r\n            <sqm-portal-register>\r\n              <sqm-name-fields slot="formData"></sqm-name-fields>\r\n            </sqm-portal-register>\r\n          </template>\r\n\r\n          <template path="/emailVerification">\r\n            <sqm-portal-protected-route\r\n              redirect-to="/login"\r\n            ></sqm-portal-protected-route>\r\n            <sqm-portal-email-verification></sqm-portal-email-verification>\r\n          </template>\r\n\r\n          <template path="/login">\r\n            <sqm-portal-login></sqm-portal-login>\r\n          </template>\r\n\r\n          <template path="/verifyEmail">\r\n            <sqm-portal-verify-email></sqm-portal-verify-email>\r\n          </template>\r\n\r\n          <template path="/forgotPassword">\r\n            <sqm-portal-forgot-password\r\n              email-label="Business Email"\r\n            ></sqm-portal-forgot-password>\r\n          </template>\r\n\r\n          <template path="/resetPassword">\r\n            <sqm-portal-reset-password\r\n              confirm-password="true"\r\n            ></sqm-portal-reset-password>\r\n          </template>\r\n          <template path="/logout">\r\n            <sqm-portal-logout next-page="/login"></sqm-portal-logout>\r\n          </template>\r\n        </sqm-router>\r\n      </sqm-hero>\r\n    </sqm-graphql-client-provider>\r\n    <sqm-router>\r\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b)?">\r\n        <sqm-divided-layout\r\n          direction="row"\r\n          style="\r\n            border-top: 1px solid #eaeaea;\r\n            border-bottom: 1px solid #eaeaea;\r\n          "\r\n        >\r\n          <sqm-navigation-sidebar>\r\n            <sqm-program-menu>\r\n              <sl-menu-item value="referral-program-1"\r\n                >Referral Program 1</sl-menu-item\r\n              >\r\n              <sl-menu-item value="referral-program-2"\r\n                >Referral Program 2</sl-menu-item\r\n              >\r\n            </sqm-program-menu>\r\n            <sqm-navigation-sidebar-item\r\n              path="/"\r\n              icon="house"\r\n              label="Dashboard"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/activity"\r\n              icon="bar-chart"\r\n              label="Activity"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/editProfile"\r\n              icon="person"\r\n              label="Edit Profile"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/logout"\r\n              icon="box-arrow-right"\r\n              label="Logout"\r\n            ></sqm-navigation-sidebar-item>\r\n          </sqm-navigation-sidebar>\r\n          <sqm-divided-layout direction="column">\r\n            <sqm-router>\r\n              <template path="/">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route\r\n                ><sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                  ><sqm-titled-section label-margin="xx-small"\r\n                    ><sqm-text slot="label"> <p>Welcome back,</p> </sqm-text\r\n                    ><sqm-text slot="content">\r\n                      <h1>\r\n                        <sqm-user-name\r\n                          fallback="Anonymous User"\r\n                        ></sqm-user-name>\r\n                      </h1> </sqm-text\r\n                  ></sqm-titled-section>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container> </sqm-portal-container\r\n                ><sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-titled-section padding="none" label-margin="x-large"\r\n                    ><sqm-text slot="label">\r\n                      <h2>Partner and Profit</h2> </sqm-text\r\n                    ><sqm-text slot="content">\r\n                      <p>\r\n                        Get rewarded for referring potential customers to\r\n                        SaaSquatch. Earn commission for each successful lead you\r\n                        send our way\r\n                      </p>\r\n                    </sqm-text></sqm-titled-section\r\n                  >\r\n                  <sqm-titled-section label-margin="small" padding="none"\r\n                    ><sqm-text slot="label">\r\n                      <h3>Share your referral link</h3> </sqm-text\r\n                    ><sqm-share-link slot="content"></sqm-share-link\r\n                  ></sqm-titled-section>\r\n                  <sqm-titled-section label-margin="small" padding="none">\r\n                    <sqm-text slot="label">\r\n                      <h3>Share your referral code</h3> </sqm-text\r\n                    ><sqm-share-code slot="content"></sqm-share-code>\r\n                  </sqm-titled-section>\r\n                  <sqm-titled-section label-margin="small" padding="none"\r\n                    ><sqm-text slot="label">\r\n                      <h3>Share via social media</h3> </sqm-text\r\n                    ><sqm-portal-container\r\n                      slot="content"\r\n                      direction="row"\r\n                      padding="none"\r\n                      gap="xxx-large"\r\n                      min-width="160px"\r\n                      ><sqm-share-button\r\n                        icon="envelope"\r\n                        medium="email"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Email a friend</sqm-share-button\r\n                      ><sqm-share-button\r\n                        medium="twitter"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Tweet about us</sqm-share-button\r\n                      ><sqm-share-button\r\n                        medium="facebook"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Share on Facebook</sqm-share-button\r\n                      ></sqm-portal-container\r\n                    ></sqm-titled-section\r\n                  ></sqm-portal-container\r\n                >\r\n              </template>\r\n              <template path="/editProfile">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\r\n                ><sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-graphql-client-provider\r\n                    domain="https://managed-identity.saasquatch.com"\r\n                  >\r\n                    <sqm-portal-change-password></sqm-portal-change-password>\r\n                  </sqm-graphql-client-provider>\r\n                </sqm-portal-container>\r\n              </template>\r\n              <template path="/activity">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-text> <h1>Activity</h1></sqm-text>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container>\r\n                  <sqm-referral-table>\r\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n                    <sqm-referral-table-date-column\r\n                      column-title="Referred"\r\n                      date-shown="dateReferralStarted"\r\n                    ></sqm-referral-table-date-column> </sqm-referral-table\r\n                ></sqm-portal-container>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-divided-layout>\r\n        </sqm-divided-layout>\r\n      </template>\r\n    </sqm-router>\r\n  </sqb-program-section>\r\n  <sqm-portal-footer\r\n    slot="footer"\r\n    support-email="support@example.com"\r\n    terms-link="https://example.com"\r\n    faq-link="https://example.com"\r\n    terms-text="Terms And Conditions"\r\n    faq-text="FAQ"\r\n    show-powered-by="true"\r\n  ></sqm-portal-footer>\r\n</sqm-portal-frame>\r\n';var Dc='<sqm-portal-container direction="column" padding="xxx-large" gap="xxx-large"\r\n  ><sqm-titled-section label-margin="xx-small"\r\n    ><sqm-text slot="label"> <p>Welcome back,</p> </sqm-text\r\n    ><sqm-text slot="content">\r\n      <h1>\r\n        <sqm-user-name fallback="Anonymous User"></sqm-user-name>\r\n      </h1> </sqm-text\r\n  ></sqm-titled-section>\r\n  <sqm-stat-container space="xxxx-large"\r\n    ><sqm-big-stat\r\n      flex-reverse="true"\r\n      alignment="left"\r\n      stat-type="/referralsCount"\r\n      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n    >\r\n    <sqm-big-stat\r\n      flex-reverse="true"\r\n      alignment="left"\r\n      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n    >\r\n    <sqm-big-stat\r\n      flex-reverse="true"\r\n      alignment="left"\r\n      stat-type="/rewardBalance/CREDIT/CENTS"\r\n      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n    >\r\n  </sqm-stat-container> </sqm-portal-container\r\n><sqm-portal-container direction="column" padding="xxx-large" gap="xxx-large">\r\n  <sqm-titled-section padding="none" label-margin="x-large"\r\n    ><sqm-text slot="label"> <h2>Partner and Profit</h2> </sqm-text\r\n    ><sqm-text slot="content">\r\n      <p>\r\n        Get rewarded for referring potential customers to SaaSquatch. Earn\r\n        commission for each successful lead you send our way\r\n      </p>\r\n    </sqm-text></sqm-titled-section\r\n  >\r\n  <sqm-titled-section label-margin="small" padding="none"\r\n    ><sqm-text slot="label"> <h3>Share your referral link</h3> </sqm-text\r\n    ><sqm-share-link slot="content"></sqm-share-link\r\n  ></sqm-titled-section>\r\n  <sqm-titled-section label-margin="small" padding="none">\r\n    <sqm-text slot="label"> <h3>Share your referral code</h3> </sqm-text\r\n    ><sqm-share-code slot="content"></sqm-share-code>\r\n  </sqm-titled-section>\r\n  <sqm-titled-section label-margin="small" padding="none"\r\n    ><sqm-text slot="label"> <h3>Share via social media</h3> </sqm-text\r\n    ><sqm-portal-container\r\n      slot="content"\r\n      direction="row"\r\n      padding="none"\r\n      gap="xxx-large"\r\n      min-width="160px"\r\n      ><sqm-share-button\r\n        icon="envelope"\r\n        medium="email"\r\n        size="medium"\r\n        pill="true"\r\n        >Email a friend</sqm-share-button\r\n      ><sqm-share-button medium="twitter" size="medium" pill="true"\r\n        >Tweet about us</sqm-share-button\r\n      ><sqm-share-button medium="facebook" size="medium" pill="true"\r\n        >Share on Facebook</sqm-share-button\r\n      ></sqm-portal-container\r\n    ></sqm-titled-section\r\n  ></sqm-portal-container\r\n>\r\n';var Cc="<sqm-referral-iframe></sqm-referral-iframe>\r\n";var _c='<sqm-portal-protected-route\r\n  require-email-verification="true"\r\n  redirect-to="/login"\r\n  redirect-to-unverified="/emailVerification"\r\n></sqm-portal-protected-route>\r\n<sqm-portal-container direction="column" gap="xxx-large">\r\n  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\r\n><sqm-portal-container direction="column" gap="xxx-large">\r\n  <sqm-graphql-client-provider domain="https://managed-identity.saasquatch.com">\r\n    <sqm-portal-change-password></sqm-portal-change-password>\r\n  </sqm-graphql-client-provider>\r\n</sqm-portal-container>\r\n';var Tc='<sqm-portal-protected-route\r\n  require-email-verification="true"\r\n  redirect-to="/login"\r\n  redirect-to-unverified="/emailVerification"\r\n></sqm-portal-protected-route>\r\n<sqm-portal-container direction="column" padding="xxx-large" gap="xxx-large">\r\n  <sqm-text> <h1>Activity</h1></sqm-text>\r\n  <sqm-stat-container space="xxxx-large"\r\n    ><sqm-big-stat\r\n      flex-reverse="true"\r\n      alignment="left"\r\n      stat-type="/referralsCount"\r\n      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n    >\r\n    <sqm-big-stat\r\n      flex-reverse="true"\r\n      alignment="left"\r\n      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n    >\r\n    <sqm-big-stat\r\n      flex-reverse="true"\r\n      alignment="left"\r\n      stat-type="/rewardBalance/CREDIT/CENTS"\r\n      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n    >\r\n  </sqm-stat-container>\r\n  <sqm-referral-table>\r\n    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n    <sqm-referral-table-date-column\r\n      column-title="Referred"\r\n      date-shown="dateReferralStarted"\r\n    ></sqm-referral-table-date-column> </sqm-referral-table\r\n></sqm-portal-container>\r\n';var Rc='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r\n\r\n<html\r\n  xmlns="http://www.w3.org/1999/xhtml"\r\n  xmlns:o="urn:schemas-microsoft-com:office:office"\r\n  xmlns:v="urn:schemas-microsoft-com:vml"\r\n>\r\n  <head>\r\n    \x3c!--[if gte mso 9\r\n      ]><xml\r\n        ><o:OfficeDocumentSettings\r\n          ><o:AllowPNG /><o:PixelsPerInch\r\n            >96</o:PixelsPerInch\r\n          ></o:OfficeDocumentSettings\r\n        ></xml\r\n      ><!\r\n    [endif]--\x3e\r\n    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />\r\n    <meta content="width=device-width" name="viewport" />\r\n    \x3c!--[if !mso]>\x3c!--\x3e\r\n    <meta content="IE=edge" http-equiv="X-UA-Compatible" />\r\n    \x3c!--<![endif]--\x3e\r\n    <title></title>\r\n    \x3c!--[if !mso]>\x3c!--\x3e\r\n    \x3c!--<![endif]--\x3e\r\n    <style type="text/css">\r\n      body {\r\n        margin: 0;\r\n        padding: 0;\r\n      }\r\n\r\n      table,\r\n      td,\r\n      tr {\r\n        vertical-align: top;\r\n        border-collapse: collapse;\r\n      }\r\n\r\n      * {\r\n        line-height: inherit;\r\n      }\r\n\r\n      a[x-apple-data-detectors="true"] {\r\n        color: inherit !important;\r\n        text-decoration: none !important;\r\n      }\r\n    </style>\r\n    <style id="media-query" type="text/css">\r\n      @media (max-width: 520px) {\r\n        .block-grid,\r\n        .col {\r\n          min-width: 320px !important;\r\n          max-width: 100% !important;\r\n          display: block !important;\r\n        }\r\n\r\n        .block-grid {\r\n          width: 100% !important;\r\n        }\r\n\r\n        .col {\r\n          width: 100% !important;\r\n        }\r\n\r\n        .col_cont {\r\n          margin: 0 auto;\r\n        }\r\n\r\n        img.fullwidth,\r\n        img.fullwidthOnMobile {\r\n          max-width: 100% !important;\r\n        }\r\n\r\n        .no-stack .col {\r\n          min-width: 0 !important;\r\n          display: table-cell !important;\r\n        }\r\n\r\n        .no-stack.two-up .col {\r\n          width: 50% !important;\r\n        }\r\n\r\n        .no-stack .col.num2 {\r\n          width: 16.6% !important;\r\n        }\r\n\r\n        .no-stack .col.num3 {\r\n          width: 25% !important;\r\n        }\r\n\r\n        .no-stack .col.num4 {\r\n          width: 33% !important;\r\n        }\r\n\r\n        .no-stack .col.num5 {\r\n          width: 41.6% !important;\r\n        }\r\n\r\n        .no-stack .col.num6 {\r\n          width: 50% !important;\r\n        }\r\n\r\n        .no-stack .col.num7 {\r\n          width: 58.3% !important;\r\n        }\r\n\r\n        .no-stack .col.num8 {\r\n          width: 66.6% !important;\r\n        }\r\n\r\n        .no-stack .col.num9 {\r\n          width: 75% !important;\r\n        }\r\n\r\n        .no-stack .col.num10 {\r\n          width: 83.3% !important;\r\n        }\r\n\r\n        .video-block {\r\n          max-width: none !important;\r\n        }\r\n\r\n        .mobile_hide {\r\n          min-height: 0px;\r\n          max-height: 0px;\r\n          max-width: 0px;\r\n          display: none;\r\n          overflow: hidden;\r\n          font-size: 0px;\r\n        }\r\n\r\n        .desktop_hide {\r\n          display: block !important;\r\n          max-height: none !important;\r\n        }\r\n      }\r\n    </style>\r\n    <style id="icon-media-query" type="text/css">\r\n      @media (max-width: 520px) {\r\n        .icons-inner {\r\n          text-align: center;\r\n        }\r\n\r\n        .icons-inner td {\r\n          margin: 0 auto;\r\n        }\r\n      }\r\n    </style>\r\n  </head>\r\n  <body\r\n    class="clean-body"\r\n    style="\r\n      margin: 0;\r\n      padding: 0;\r\n      -webkit-text-size-adjust: 100%;\r\n      background-color: #ffffff;\r\n    "\r\n  >\r\n    \x3c!--[if IE]><div class="ie-browser"><![endif]--\x3e\r\n    <table\r\n      bgcolor="#FFFFFF"\r\n      cellpadding="0"\r\n      cellspacing="0"\r\n      class="nl-container"\r\n      role="presentation"\r\n      style="\r\n        table-layout: fixed;\r\n        vertical-align: top;\r\n        min-width: 320px;\r\n        border-spacing: 0;\r\n        border-collapse: collapse;\r\n        mso-table-lspace: 0pt;\r\n        mso-table-rspace: 0pt;\r\n        background-color: #ffffff;\r\n        width: 100%;\r\n      "\r\n      valign="top"\r\n      width="100%"\r\n    >\r\n      <tbody>\r\n        <tr style="vertical-align: top" valign="top">\r\n          <td style="word-break: break-word; vertical-align: top" valign="top">\r\n            \x3c!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#FFFFFF"><![endif]--\x3e\r\n            <div style="background-color: transparent">\r\n              <div\r\n                class="block-grid"\r\n                style="\r\n                  min-width: 320px;\r\n                  max-width: 500px;\r\n                  overflow-wrap: break-word;\r\n                  word-wrap: break-word;\r\n                  word-break: break-word;\r\n                  margin: 0 auto;\r\n                  background-color: transparent;\r\n                "\r\n              >\r\n                <div\r\n                  style="\r\n                    border-collapse: collapse;\r\n                    display: table;\r\n                    width: 100%;\r\n                    background-color: transparent;\r\n                  "\r\n                >\r\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\r\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\r\n                  <div\r\n                    class="col num12"\r\n                    style="\r\n                      min-width: 320px;\r\n                      max-width: 500px;\r\n                      display: table-cell;\r\n                      vertical-align: top;\r\n                      width: 500px;\r\n                    "\r\n                  >\r\n                    <div class="col_cont" style="width: 100% !important">\r\n                      \x3c!--[if (!mso)&(!IE)]>\x3c!--\x3e\r\n                      <div\r\n                        style="\r\n                          border-top: 0px solid transparent;\r\n                          border-left: 0px solid transparent;\r\n                          border-bottom: 0px solid transparent;\r\n                          border-right: 0px solid transparent;\r\n                          padding-top: 5px;\r\n                          padding-bottom: 5px;\r\n                          padding-right: 0px;\r\n                          padding-left: 0px;\r\n                        "\r\n                      >\r\n                        \x3c!--<![endif]--\x3e\r\n                        <table\r\n                          cellpadding="0"\r\n                          cellspacing="0"\r\n                          role="presentation"\r\n                          style="\r\n                            table-layout: fixed;\r\n                            vertical-align: top;\r\n                            border-spacing: 0;\r\n                            border-collapse: collapse;\r\n                            mso-table-lspace: 0pt;\r\n                            mso-table-rspace: 0pt;\r\n                          "\r\n                          valign="top"\r\n                          width="100%"\r\n                        >\r\n                          <tr style="vertical-align: top" valign="top">\r\n                            <td\r\n                              align="center"\r\n                              style="\r\n                                word-break: break-word;\r\n                                vertical-align: top;\r\n                                padding-bottom: 20px;\r\n                                padding-left: 10px;\r\n                                padding-right: 10px;\r\n                                padding-top: 10px;\r\n                                text-align: center;\r\n                                width: 100%;\r\n                              "\r\n                              valign="top"\r\n                              width="100%"\r\n                            >\r\n                              <h1\r\n                                style="\r\n                                  color: #444445;\r\n                                  direction: ltr;\r\n                                  font-family: \'Helvetica Neue\', Helvetica,\r\n                                    Arial, sans-serif;\r\n                                  font-size: 20px;\r\n                                  font-weight: normal;\r\n                                  letter-spacing: normal;\r\n                                  line-height: 120%;\r\n                                  text-align: left;\r\n                                  margin-top: 0;\r\n                                  margin-bottom: 0;\r\n                                "\r\n                              >\r\n                                <strong>Reset your password</strong>\r\n                              </h1>\r\n                            </td>\r\n                          </tr>\r\n                        </table>\r\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\r\n                        <div\r\n                          style="\r\n                            color: #444445;\r\n                            font-family: Arial, Helvetica Neue, Helvetica,\r\n                              sans-serif;\r\n                            line-height: 1.8;\r\n                            padding-top: 10px;\r\n                            padding-right: 10px;\r\n                            padding-bottom: 10px;\r\n                            padding-left: 10px;\r\n                          "\r\n                        >\r\n                          <div\r\n                            class="txtTinyMce-wrapper"\r\n                            style="\r\n                              font-size: 14px;\r\n                              line-height: 1.8;\r\n                              color: #444445;\r\n                              font-family: Arial, Helvetica Neue, Helvetica,\r\n                                sans-serif;\r\n                              mso-line-height-alt: 25px;\r\n                            "\r\n                          >\r\n                            <p\r\n                              style="\r\n                                margin: 0;\r\n                                font-size: 14px;\r\n                                line-height: 1.8;\r\n                                word-break: break-word;\r\n                                mso-line-height-alt: 25px;\r\n                                margin-top: 0;\r\n                                margin-bottom: 0;\r\n                              "\r\n                            >\r\n                              <span style="font-size: 14px"\r\n                                >We received a request to reset your password.\r\n                                Click the button below to reset your\r\n                                password.</span\r\n                              >\r\n                            </p>\r\n                          </div>\r\n                        </div>\r\n                        <div\r\n                          align="center"\r\n                          class="button-container"\r\n                          style="\r\n                            padding-top: 10px;\r\n                            padding-right: 10px;\r\n                            padding-bottom: 10px;\r\n                            padding-left: 10px;\r\n                          "\r\n                        >\r\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"><!\r\n                          [endif]--\x3e<a\r\n                            href="{{validationLink}}"\r\n                            target="_blank"\r\n                            style="\r\n                              -webkit-text-size-adjust: none;\r\n                              text-decoration: none;\r\n                              display: block;\r\n                              color: #ffffff;\r\n                              background-color: #2270ee;\r\n                              border-radius: 5px;\r\n                              -webkit-border-radius: 5px;\r\n                              -moz-border-radius: 5px;\r\n                              width: 100%;\r\n                              width: calc(100% - 2px);\r\n                              border-top: 1px solid #2270ee;\r\n                              border-right: 1px solid #2270ee;\r\n                              border-bottom: 1px solid #2270ee;\r\n                              border-left: 1px solid #2270ee;\r\n                              padding-top: 5px;\r\n                              padding-bottom: 5px;\r\n                              font-family: \'Helvetica Neue\', Helvetica, Arial,\r\n                                sans-serif;\r\n                              text-align: center;\r\n                              mso-border-alt: none;\r\n                              word-break: keep-all;\r\n                            "\r\n                            target="_blank"\r\n                            ><span\r\n                              style="\r\n                                padding-left: 20px;\r\n                                padding-right: 20px;\r\n                                font-size: 14px;\r\n                                display: inline-block;\r\n                                letter-spacing: undefined;\r\n                              "\r\n                              ><span\r\n                                style="\r\n                                  font-size: 16px;\r\n                                  line-height: 2;\r\n                                  word-break: break-word;\r\n                                  mso-line-height-alt: 32px;\r\n                                "\r\n                                ><span\r\n                                  style="font-size: 14px; line-height: 28px"\r\n                                  >Reset Password</span\r\n                                ></span\r\n                              ></span\r\n                            ></a\r\n                          >\r\n                          \x3c!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]--\x3e\r\n                        </div>\r\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\r\n                        <div\r\n                          style="\r\n                            color: #444445;\r\n                            font-family: Arial, Helvetica Neue, Helvetica,\r\n                              sans-serif;\r\n                            line-height: 1.2;\r\n                            padding-top: 15px;\r\n                            padding-right: 10px;\r\n                            padding-bottom: 15px;\r\n                            padding-left: 10px;\r\n                          "\r\n                        >\r\n                          <div\r\n                            class="txtTinyMce-wrapper"\r\n                            style="\r\n                              font-size: 14px;\r\n                              line-height: 1.2;\r\n                              color: #444445;\r\n                              font-family: Arial, Helvetica Neue, Helvetica,\r\n                                sans-serif;\r\n                              mso-line-height-alt: 17px;\r\n                            "\r\n                          >\r\n                            <p\r\n                              style="\r\n                                margin: 0;\r\n                                font-size: 12px;\r\n                                line-height: 1.2;\r\n                                word-break: break-word;\r\n                                mso-line-height-alt: 14px;\r\n                                margin-top: 0;\r\n                                margin-bottom: 0;\r\n                              "\r\n                            >\r\n                              <span style="font-size: 12px"\r\n                                >If you didn\'t request a password reset please\r\n                                ignore this email. Your password will not\r\n                                change.</span\r\n                              >\r\n                            </p>\r\n                          </div>\r\n                        </div>\r\n                        \x3c!--[if mso]></td></tr></table><![endif]--\x3e\r\n                        \x3c!--[if (!mso)&(!IE)]>\x3c!--\x3e\r\n                      </div>\r\n                      \x3c!--<![endif]--\x3e\r\n                    </div>\r\n                  </div>\r\n                  \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\r\n                  \x3c!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--\x3e\r\n                </div>\r\n              </div>\r\n            </div>\r\n            \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n    \x3c!--[if (IE)]></div><![endif]--\x3e\r\n  </body>\r\n</html>';var Ic='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r\n\r\n<html\r\n  xmlns="http://www.w3.org/1999/xhtml"\r\n  xmlns:o="urn:schemas-microsoft-com:office:office"\r\n  xmlns:v="urn:schemas-microsoft-com:vml"\r\n>\r\n  <head>\r\n    \x3c!--[if gte mso 9\r\n      ]><xml\r\n        ><o:OfficeDocumentSettings\r\n          ><o:AllowPNG /><o:PixelsPerInch\r\n            >96</o:PixelsPerInch\r\n          ></o:OfficeDocumentSettings\r\n        ></xml\r\n      ><!\r\n    [endif]--\x3e\r\n    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />\r\n    <meta content="width=device-width" name="viewport" />\r\n    \x3c!--[if !mso]>\x3c!--\x3e\r\n    <meta content="IE=edge" http-equiv="X-UA-Compatible" />\r\n    \x3c!--<![endif]--\x3e\r\n    <title></title>\r\n    \x3c!--[if !mso]>\x3c!--\x3e\r\n    \x3c!--<![endif]--\x3e\r\n    <style type="text/css">\r\n      body {\r\n        margin: 0;\r\n        padding: 0;\r\n      }\r\n\r\n      table,\r\n      td,\r\n      tr {\r\n        vertical-align: top;\r\n        border-collapse: collapse;\r\n      }\r\n\r\n      * {\r\n        line-height: inherit;\r\n      }\r\n\r\n      a[x-apple-data-detectors="true"] {\r\n        color: inherit !important;\r\n        text-decoration: none !important;\r\n      }\r\n    </style>\r\n    <style id="media-query" type="text/css">\r\n      @media (max-width: 520px) {\r\n        .block-grid,\r\n        .col {\r\n          min-width: 320px !important;\r\n          max-width: 100% !important;\r\n          display: block !important;\r\n        }\r\n\r\n        .block-grid {\r\n          width: 100% !important;\r\n        }\r\n\r\n        .col {\r\n          width: 100% !important;\r\n        }\r\n\r\n        .col_cont {\r\n          margin: 0 auto;\r\n        }\r\n\r\n        img.fullwidth,\r\n        img.fullwidthOnMobile {\r\n          max-width: 100% !important;\r\n        }\r\n\r\n        .no-stack .col {\r\n          min-width: 0 !important;\r\n          display: table-cell !important;\r\n        }\r\n\r\n        .no-stack.two-up .col {\r\n          width: 50% !important;\r\n        }\r\n\r\n        .no-stack .col.num2 {\r\n          width: 16.6% !important;\r\n        }\r\n\r\n        .no-stack .col.num3 {\r\n          width: 25% !important;\r\n        }\r\n\r\n        .no-stack .col.num4 {\r\n          width: 33% !important;\r\n        }\r\n\r\n        .no-stack .col.num5 {\r\n          width: 41.6% !important;\r\n        }\r\n\r\n        .no-stack .col.num6 {\r\n          width: 50% !important;\r\n        }\r\n\r\n        .no-stack .col.num7 {\r\n          width: 58.3% !important;\r\n        }\r\n\r\n        .no-stack .col.num8 {\r\n          width: 66.6% !important;\r\n        }\r\n\r\n        .no-stack .col.num9 {\r\n          width: 75% !important;\r\n        }\r\n\r\n        .no-stack .col.num10 {\r\n          width: 83.3% !important;\r\n        }\r\n\r\n        .video-block {\r\n          max-width: none !important;\r\n        }\r\n\r\n        .mobile_hide {\r\n          min-height: 0px;\r\n          max-height: 0px;\r\n          max-width: 0px;\r\n          display: none;\r\n          overflow: hidden;\r\n          font-size: 0px;\r\n        }\r\n\r\n        .desktop_hide {\r\n          display: block !important;\r\n          max-height: none !important;\r\n        }\r\n      }\r\n    </style>\r\n    <style id="icon-media-query" type="text/css">\r\n      @media (max-width: 520px) {\r\n        .icons-inner {\r\n          text-align: center;\r\n        }\r\n\r\n        .icons-inner td {\r\n          margin: 0 auto;\r\n        }\r\n      }\r\n    </style>\r\n  </head>\r\n  <body\r\n    class="clean-body"\r\n    style="\r\n      margin: 0;\r\n      padding: 0;\r\n      -webkit-text-size-adjust: 100%;\r\n      background-color: #ffffff;\r\n    "\r\n  >\r\n    \x3c!--[if IE]><div class="ie-browser"><![endif]--\x3e\r\n    <table\r\n      bgcolor="#FFFFFF"\r\n      cellpadding="0"\r\n      cellspacing="0"\r\n      class="nl-container"\r\n      role="presentation"\r\n      style="\r\n        table-layout: fixed;\r\n        vertical-align: top;\r\n        min-width: 320px;\r\n        border-spacing: 0;\r\n        border-collapse: collapse;\r\n        mso-table-lspace: 0pt;\r\n        mso-table-rspace: 0pt;\r\n        background-color: #ffffff;\r\n        width: 100%;\r\n      "\r\n      valign="top"\r\n      width="100%"\r\n    >\r\n      <tbody>\r\n        <tr style="vertical-align: top" valign="top">\r\n          <td style="word-break: break-word; vertical-align: top" valign="top">\r\n            \x3c!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#FFFFFF"><![endif]--\x3e\r\n            <div style="background-color: transparent">\r\n              <div\r\n                class="block-grid"\r\n                style="\r\n                  min-width: 320px;\r\n                  max-width: 500px;\r\n                  overflow-wrap: break-word;\r\n                  word-wrap: break-word;\r\n                  word-break: break-word;\r\n                  margin: 0 auto;\r\n                  background-color: transparent;\r\n                "\r\n              >\r\n                <div\r\n                  style="\r\n                    border-collapse: collapse;\r\n                    display: table;\r\n                    width: 100%;\r\n                    background-color: transparent;\r\n                  "\r\n                >\r\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\r\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\r\n                  <div\r\n                    class="col num12"\r\n                    style="\r\n                      min-width: 320px;\r\n                      max-width: 500px;\r\n                      display: table-cell;\r\n                      vertical-align: top;\r\n                      width: 500px;\r\n                    "\r\n                  >\r\n                    <div class="col_cont" style="width: 100% !important">\r\n                      \x3c!--[if (!mso)&(!IE)]>\x3c!--\x3e\r\n                      <div\r\n                        style="\r\n                          border-top: 0px solid transparent;\r\n                          border-left: 0px solid transparent;\r\n                          border-bottom: 0px solid transparent;\r\n                          border-right: 0px solid transparent;\r\n                          padding-top: 5px;\r\n                          padding-bottom: 5px;\r\n                          padding-right: 0px;\r\n                          padding-left: 0px;\r\n                        "\r\n                      >\r\n                        \x3c!--<![endif]--\x3e\r\n                        <table\r\n                          cellpadding="0"\r\n                          cellspacing="0"\r\n                          role="presentation"\r\n                          style="\r\n                            table-layout: fixed;\r\n                            vertical-align: top;\r\n                            border-spacing: 0;\r\n                            border-collapse: collapse;\r\n                            mso-table-lspace: 0pt;\r\n                            mso-table-rspace: 0pt;\r\n                          "\r\n                          valign="top"\r\n                          width="100%"\r\n                        >\r\n                          <tr style="vertical-align: top" valign="top">\r\n                            <td\r\n                              align="center"\r\n                              style="\r\n                                word-break: break-word;\r\n                                vertical-align: top;\r\n                                padding-bottom: 20px;\r\n                                padding-left: 10px;\r\n                                padding-right: 10px;\r\n                                padding-top: 10px;\r\n                                text-align: center;\r\n                                width: 100%;\r\n                              "\r\n                              valign="top"\r\n                              width="100%"\r\n                            >\r\n                              <h1\r\n                                style="\r\n                                  color: #444445;\r\n                                  direction: ltr;\r\n                                  font-family: \'Helvetica Neue\', Helvetica,\r\n                                    Arial, sans-serif;\r\n                                  font-size: 20px;\r\n                                  font-weight: normal;\r\n                                  letter-spacing: normal;\r\n                                  line-height: 120%;\r\n                                  text-align: left;\r\n                                  margin-top: 0;\r\n                                  margin-bottom: 0;\r\n                                "\r\n                              >\r\n                                <strong>Verify your email address</strong>\r\n                              </h1>\r\n                            </td>\r\n                          </tr>\r\n                        </table>\r\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\r\n                        <div\r\n                          style="\r\n                            color: #444445;\r\n                            font-family: Arial, Helvetica Neue, Helvetica,\r\n                              sans-serif;\r\n                            line-height: 1.8;\r\n                            padding-top: 10px;\r\n                            padding-right: 10px;\r\n                            padding-bottom: 10px;\r\n                            padding-left: 10px;\r\n                          "\r\n                        >\r\n                          <div\r\n                            class="txtTinyMce-wrapper"\r\n                            style="\r\n                              font-size: 14px;\r\n                              line-height: 1.8;\r\n                              color: #444445;\r\n                              font-family: Arial, Helvetica Neue, Helvetica,\r\n                                sans-serif;\r\n                              mso-line-height-alt: 25px;\r\n                            "\r\n                          >\r\n                            <p\r\n                              style="\r\n                                margin: 0;\r\n                                font-size: 14px;\r\n                                line-height: 1.8;\r\n                                word-break: break-word;\r\n                                mso-line-height-alt: 25px;\r\n                                margin-top: 0;\r\n                                margin-bottom: 0;\r\n                              "\r\n                            >\r\n                              <span style="font-size: 14px"\r\n                                >Thank you for signing up! Please click the button below\r\n                                to verify your email address.</span\r\n                              >\r\n                            </p>\r\n                          </div>\r\n                        </div>\r\n                        \x3c!--[if mso]></td></tr></table><![endif]--\x3e\r\n                        <div\r\n                          align="center"\r\n                          class="button-container"\r\n                          style="\r\n                            padding-top: 10px;\r\n                            padding-right: 10px;\r\n                            padding-bottom: 10px;\r\n                            padding-left: 10px;\r\n                          "\r\n                        >\r\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"><!\r\n                          [endif]--\x3e<a\r\n                            href={{validationLink}}\r\n\t\t\t\t\t\t\ttarget="_blank"\r\n                            style="\r\n                              -webkit-text-size-adjust: none;\r\n                              text-decoration: none;\r\n                              display: block;\r\n                              color: #ffffff;\r\n                              background-color: #2270ee;\r\n                              border-radius: 5px;\r\n                              -webkit-border-radius: 5px;\r\n                              -moz-border-radius: 5px;\r\n                              width: 100%;\r\n                              width: calc(100% - 2px);\r\n                              border-top: 1px solid #2270ee;\r\n                              border-right: 1px solid #2270ee;\r\n                              border-bottom: 1px solid #2270ee;\r\n                              border-left: 1px solid #2270ee;\r\n                              padding-top: 5px;\r\n                              padding-bottom: 5px;\r\n                              font-family: \'Helvetica Neue\', Helvetica, Arial,\r\n                                sans-serif;\r\n                              text-align: center;\r\n                              mso-border-alt: none;\r\n                              word-break: keep-all;\r\n                            "\r\n                            target="_blank"\r\n                            ><span\r\n                              style="\r\n                                padding-left: 20px;\r\n                                padding-right: 20px;\r\n                                font-size: 14px;\r\n                                display: inline-block;\r\n                                letter-spacing: undefined;\r\n                              "\r\n                              ><span\r\n                                style="\r\n                                  font-size: 16px;\r\n                                  line-height: 2;\r\n                                  word-break: break-word;\r\n                                  mso-line-height-alt: 32px;\r\n                                "\r\n                                ><span\r\n                                  style="font-size: 14px; line-height: 28px"\r\n                                  >Verify Email</span\r\n                                ></span\r\n                              ></span\r\n                            ></a\r\n                          >\r\n                          \x3c!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]--\x3e\r\n                        </div>\r\n                      \x3c!--<![endif]--\x3e\r\n                    </div>\r\n                  </div>\r\n                  \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\r\n                  \x3c!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--\x3e\r\n                </div>\r\n              </div>\r\n            </div>\r\n            \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n    \x3c!--[if (IE)]></div><![endif]--\x3e\r\n  </body>\r\n</html>';var Sc='<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">\r\n  <sqm-portal-login></sqm-portal-login>\r\n</sqm-hero>\r\n';var Pc='<sqm-hero\r\n  background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n>\r\n  <sqm-portal-register>\r\n    <sqm-name-fields slot="formData"></sqm-name-fields>\r\n  </sqm-portal-register>\r\n</sqm-hero>\r\n';var Nc='<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">\r\n  <sqm-portal-forgot-password\r\n    email-label="Business Email"\r\n  ></sqm-portal-forgot-password>\r\n</sqm-hero>\r\n';var Fc='<sqm-portal-reset-password confirm-password="true"></sqm-portal-reset-password>\r\n';var Lc="<sqm-portal-verify-email></sqm-portal-verify-email>\r\n";var Bc='<sqm-portal-protected-route redirect-to="/login"></sqm-portal-protected-route>\r\n<sqm-portal-email-verification></sqm-portal-email-verification>\r\n';var Oc=l((function(e,r){(function(r,t){e.exports=t()})(a,(function(){function e(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}function r(r,t,n){if(t)e(r.prototype,t);if(n)e(r,n);return r}function t(e,r){if(!e)return;if(typeof e==="string")return n(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor)t=e.constructor.name;if(t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return n(e,r)}function n(e,r){if(r==null||r>e.length)r=e.length;for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function a(e,r){var n=typeof Symbol!=="undefined"&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=t(e))||r&&e&&typeof e.length==="number"){if(n)e=n;var a=0;return function(){if(a>=e.length)return{done:true};return{done:false,value:e[a++]}}}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 i={exports:{}};function s(){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){i.exports.defaults=e}i.exports={defaults:s(),getDefaults:s,changeDefaults:o};var l=/[&<>"']/;var u=/[&<>"']/g;var d=/[<>"']|&(?!#?\w+;)/;var c=/[<>"']|&(?!#?\w+;)/g;var m={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};var p=function e(r){return m[r]};function h(e,r){if(r){if(l.test(e)){return e.replace(u,p)}}else{if(d.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,r){r=r.toLowerCase();if(r==="colon")return":";if(r.charAt(0)==="#"){return r.charAt(1)==="x"?String.fromCharCode(parseInt(r.substring(2),16)):String.fromCharCode(+r.substring(1))}return""}))}var b=/(^|[^\[])\^/g;function v(e,r){e=e.source||e;r=r||"";var t={replace:function r(n,a){a=a.source||a;a=a.replace(b,"$1");e=e.replace(n,a);return t},getRegex:function t(){return new RegExp(e,r)}};return t}var w=/[^\w:]/g;var x=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function y(e,r,t){if(e){var n;try{n=decodeURIComponent(f(t)).replace(w,"").toLowerCase()}catch(e){return null}if(n.indexOf("javascript:")===0||n.indexOf("vbscript:")===0||n.indexOf("data:")===0){return null}}if(r&&!x.test(t)){t=D(r,t)}try{t=encodeURI(t).replace(/%25/g,"%")}catch(e){return null}return t}var E={};var q=/^[^:]+:\/*[^/]*$/;var A=/^([^:]+:)[\s\S]*$/;var k=/^([^:]+:\/*[^/]*)[\s\S]*$/;function D(e,r){if(!E[" "+e]){if(q.test(e)){E[" "+e]=e+"/"}else{E[" "+e]=R(e,"/",true)}}e=E[" "+e];var t=e.indexOf(":")===-1;if(r.substring(0,2)==="//"){if(t){return r}return e.replace(A,"$1")+r}else if(r.charAt(0)==="/"){if(t){return r}return e.replace(k,"$1")+r}else{return e+r}}var C={exec:function e(){}};function _(e){var r=1,t,n;for(;r<arguments.length;r++){t=arguments[r];for(n in t){if(Object.prototype.hasOwnProperty.call(t,n)){e[n]=t[n]}}}return e}function T(e,r){var t=e.replace(/\|/g,(function(e,r,t){var n=false,a=r;while(--a>=0&&t[a]==="\\"){n=!n}if(n){return"|"}else{return" |"}})),n=t.split(/ \|/);var a=0;if(!n[0].trim()){n.shift()}if(!n[n.length-1].trim()){n.pop()}if(n.length>r){n.splice(r)}else{while(n.length<r){n.push("")}}for(;a<n.length;a++){n[a]=n[a].trim().replace(/\\\|/g,"|")}return n}function R(e,r,t){var n=e.length;if(n===0){return""}var a=0;while(a<n){var i=e.charAt(n-a-1);if(i===r&&!t){a++}else if(i!==r&&t){a++}else{break}}return e.substr(0,n-a)}function I(e,r){if(e.indexOf(r[1])===-1){return-1}var t=e.length;var n=0,a=0;for(;a<t;a++){if(e[a]==="\\"){a++}else if(e[a]===r[0]){n++}else if(e[a]===r[1]){n--;if(n<0){return a}}}return-1}function S(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,r){if(r<1){return""}var t="";while(r>1){if(r&1){t+=e}r>>=1;e+=e}return t+e}var N={escape:h,unescape:f,edit:v,cleanUrl:y,resolveUrl:D,noopTest:C,merge:_,splitCells:T,rtrim:R,findClosingBracket:I,checkSanitizeDeprecation:S,repeatString:P};var F=i.exports.defaults;var L=N.rtrim,B=N.splitCells,O=N.escape,G=N.findClosingBracket;function j(e,r,t,n){var a=r.href;var i=r.title?O(r.title):null;var s=e[1].replace(/\\([\[\]])/g,"$1");if(e[0].charAt(0)!=="!"){n.state.inLink=true;var o={type:"link",raw:t,href:a,title:i,text:s,tokens:n.inlineTokens(s,[])};n.state.inLink=false;return o}else{return{type:"image",raw:t,href:a,title:i,text:O(s)}}}function V(e,r){var t=e.match(/^(\s+)(?:```)/);if(t===null){return r}var n=t[1];return r.split("\n").map((function(e){var r=e.match(/^\s+/);if(r===null){return e}var t=r[0];if(t.length>=n.length){return e.slice(n.length)}return e})).join("\n")}var z=function(){function e(e){this.options=e||F}var r=e.prototype;r.space=function e(r){var t=this.rules.block.newline.exec(r);if(t){if(t[0].length>1){return{type:"space",raw:t[0]}}return{raw:"\n"}}};r.code=function e(r){var t=this.rules.block.code.exec(r);if(t){var n=t[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:!this.options.pedantic?L(n,"\n"):n}}};r.fences=function e(r){var t=this.rules.block.fences.exec(r);if(t){var n=t[0];var a=V(n,t[3]||"");return{type:"code",raw:n,lang:t[2]?t[2].trim():t[2],text:a}}};r.heading=function e(r){var t=this.rules.block.heading.exec(r);if(t){var n=t[2].trim();if(/#$/.test(n)){var a=L(n,"#");if(this.options.pedantic){n=a.trim()}else if(!a||/ $/.test(a)){n=a.trim()}}var i={type:"heading",raw:t[0],depth:t[1].length,text:n,tokens:[]};this.lexer.inline(i.text,i.tokens);return i}};r.hr=function e(r){var t=this.rules.block.hr.exec(r);if(t){return{type:"hr",raw:t[0]}}};r.blockquote=function e(r){var t=this.rules.block.blockquote.exec(r);if(t){var n=t[0].replace(/^ *> ?/gm,"");return{type:"blockquote",raw:t[0],tokens:this.lexer.blockTokens(n,[]),text:n}}};r.list=function e(r){var t=this.rules.block.list.exec(r);if(t){var n,a,i,s,o,l,u,d,c,m;var p=t[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(r){if(this.rules.block.hr.test(r)){break}if(!(t=g.exec(r))){break}c=t[2].split("\n");if(this.options.pedantic){s=2;m=c[0].trimLeft()}else{s=t[2].search(/[^ ]/);s=t[1].length+(s>4?1:s);m=c[0].slice(s-t[1].length)}l=false;n=t[0];if(!c[0]&&/^ *$/.test(c[1])){n=t[1]+c.slice(0,2).join("\n")+"\n";e.loose=true;c=[]}var f=new RegExp("^ {0,"+Math.min(3,s-1)+"}(?:[*+-]|\\d{1,9}[.)])");for(o=1;o<c.length;o++){d=c[o];if(this.options.pedantic){d=d.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")}if(f.test(d)){n=t[1]+c.slice(0,o).join("\n")+"\n";break}if(!l){if(!d.trim()){l=true}if(d.search(/[^ ]/)>=s){m+="\n"+d.slice(s)}else{m+="\n"+d}continue}if(d.search(/[^ ]/)>=s||!d.trim()){m+="\n"+d.slice(s);continue}else{n=t[1]+c.slice(0,o).join("\n")+"\n";break}}if(!e.loose){if(u){e.loose=true}else if(/\n *\n *$/.test(n)){u=true}}if(this.options.gfm){a=/^\[[ xX]\] /.exec(m);if(a){i=a[0]!=="[ ] ";m=m.replace(/^\[[ xX]\] +/,"")}}e.items.push({type:"list_item",raw:n,task:!!a,checked:i,loose:false,text:m});e.raw+=n;r=r.slice(n.length)}e.items[e.items.length-1].raw=n.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}};r.html=function e(r){var t=this.rules.block.html.exec(r);if(t){var n={type:"html",raw:t[0],pre:!this.options.sanitizer&&(t[1]==="pre"||t[1]==="script"||t[1]==="style"),text:t[0]};if(this.options.sanitize){n.type="paragraph";n.text=this.options.sanitizer?this.options.sanitizer(t[0]):O(t[0]);n.tokens=[];this.lexer.inline(n.text,n.tokens)}return n}};r.def=function e(r){var t=this.rules.block.def.exec(r);if(t){if(t[3])t[3]=t[3].substring(1,t[3].length-1);var n=t[1].toLowerCase().replace(/\s+/g," ");return{type:"def",tag:n,raw:t[0],href:t[2],title:t[3]}}};r.table=function e(r){var t=this.rules.block.table.exec(r);if(t){var n={type:"table",header:B(t[1]).map((function(e){return{text:e}})),align:t[2].replace(/^ *|\| *$/g,"").split(/ *\| */),rows:t[3]?t[3].replace(/\n$/,"").split("\n"):[]};if(n.header.length===n.align.length){n.raw=t[0];var a=n.align.length;var i,s,o,l;for(i=0;i<a;i++){if(/^ *-+: *$/.test(n.align[i])){n.align[i]="right"}else if(/^ *:-+: *$/.test(n.align[i])){n.align[i]="center"}else if(/^ *:-+ *$/.test(n.align[i])){n.align[i]="left"}else{n.align[i]=null}}a=n.rows.length;for(i=0;i<a;i++){n.rows[i]=B(n.rows[i],n.header.length).map((function(e){return{text:e}}))}a=n.header.length;for(s=0;s<a;s++){n.header[s].tokens=[];this.lexer.inlineTokens(n.header[s].text,n.header[s].tokens)}a=n.rows.length;for(s=0;s<a;s++){l=n.rows[s];for(o=0;o<l.length;o++){l[o].tokens=[];this.lexer.inlineTokens(l[o].text,l[o].tokens)}}return n}}};r.lheading=function e(r){var t=this.rules.block.lheading.exec(r);if(t){var n={type:"heading",raw:t[0],depth:t[2].charAt(0)==="="?1:2,text:t[1],tokens:[]};this.lexer.inline(n.text,n.tokens);return n}};r.paragraph=function e(r){var t=this.rules.block.paragraph.exec(r);if(t){var n={type:"paragraph",raw:t[0],text:t[1].charAt(t[1].length-1)==="\n"?t[1].slice(0,-1):t[1],tokens:[]};this.lexer.inline(n.text,n.tokens);return n}};r.text=function e(r){var t=this.rules.block.text.exec(r);if(t){var n={type:"text",raw:t[0],text:t[0],tokens:[]};this.lexer.inline(n.text,n.tokens);return n}};r.escape=function e(r){var t=this.rules.inline.escape.exec(r);if(t){return{type:"escape",raw:t[0],text:O(t[1])}}};r.tag=function e(r){var t=this.rules.inline.tag.exec(r);if(t){if(!this.lexer.state.inLink&&/^<a /i.test(t[0])){this.lexer.state.inLink=true}else if(this.lexer.state.inLink&&/^<\/a>/i.test(t[0])){this.lexer.state.inLink=false}if(!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(t[0])){this.lexer.state.inRawBlock=true}else if(this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0])){this.lexer.state.inRawBlock=false}return{type:this.options.sanitize?"text":"html",raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(t[0]):O(t[0]):t[0]}}};r.link=function e(r){var t=this.rules.inline.link.exec(r);if(t){var n=t[2].trim();if(!this.options.pedantic&&/^</.test(n)){if(!/>$/.test(n)){return}var a=L(n.slice(0,-1),"\\");if((n.length-a.length)%2===0){return}}else{var i=G(t[2],"()");if(i>-1){var s=t[0].indexOf("!")===0?5:4;var o=s+t[1].length+i;t[2]=t[2].substring(0,i);t[0]=t[0].substring(0,o).trim();t[3]=""}}var l=t[2];var u="";if(this.options.pedantic){var e=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(l);if(e){l=e[1];u=e[3]}}else{u=t[3]?t[3].slice(1,-1):""}l=l.trim();if(/^</.test(l)){if(this.options.pedantic&&!/>$/.test(n)){l=l.slice(1)}else{l=l.slice(1,-1)}}return j(t,{href:l?l.replace(this.rules.inline._escapes,"$1"):l,title:u?u.replace(this.rules.inline._escapes,"$1"):u},t[0],this.lexer)}};r.reflink=function e(r,t){var n;if((n=this.rules.inline.reflink.exec(r))||(n=this.rules.inline.nolink.exec(r))){var a=(n[2]||n[1]).replace(/\s+/g," ");a=t[a.toLowerCase()];if(!a||!a.href){var i=n[0].charAt(0);return{type:"text",raw:i,text:i}}return j(n,a,n[0],this.lexer)}};r.emStrong=function e(r,t,n){if(n===void 0){n=""}var a=this.rules.inline.emStrong.lDelim.exec(r);if(!a)return;if(a[3]&&n.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 i=a[1]||a[2]||"";if(!i||i&&(n===""||this.rules.inline.punctuation.exec(n))){var s=a[0].length-1;var o,l,u=s,d=0;var c=a[0][0]==="*"?this.rules.inline.emStrong.rDelimAst:this.rules.inline.emStrong.rDelimUnd;c.lastIndex=0;t=t.slice(-1*r.length+s);while((a=c.exec(t))!=null){o=a[1]||a[2]||a[3]||a[4]||a[5]||a[6];if(!o)continue;l=o.length;if(a[3]||a[4]){u+=l;continue}else if(a[5]||a[6]){if(s%3&&!((s+l)%3)){d+=l;continue}}u-=l;if(u>0)continue;l=Math.min(l,l+u+d);if(Math.min(s,l)%2){var m=r.slice(1,s+a.index+l);return{type:"em",raw:r.slice(0,s+a.index+l+1),text:m,tokens:this.lexer.inlineTokens(m,[])}}var p=r.slice(2,s+a.index+l-1);return{type:"strong",raw:r.slice(0,s+a.index+l+1),text:p,tokens:this.lexer.inlineTokens(p,[])}}}};r.codespan=function e(r){var t=this.rules.inline.code.exec(r);if(t){var n=t[2].replace(/\n/g," ");var a=/[^ ]/.test(n);var i=/^ /.test(n)&&/ $/.test(n);if(a&&i){n=n.substring(1,n.length-1)}n=O(n,true);return{type:"codespan",raw:t[0],text:n}}};r.br=function e(r){var t=this.rules.inline.br.exec(r);if(t){return{type:"br",raw:t[0]}}};r.del=function e(r){var t=this.rules.inline.del.exec(r);if(t){return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2],[])}}};r.autolink=function e(r,t){var n=this.rules.inline.autolink.exec(r);if(n){var a,i;if(n[2]==="@"){a=O(this.options.mangle?t(n[1]):n[1]);i="mailto:"+a}else{a=O(n[1]);i=a}return{type:"link",raw:n[0],text:a,href:i,tokens:[{type:"text",raw:a,text:a}]}}};r.url=function e(r,t){var n;if(n=this.rules.inline.url.exec(r)){var a,i;if(n[2]==="@"){a=O(this.options.mangle?t(n[0]):n[0]);i="mailto:"+a}else{var s;do{s=n[0];n[0]=this.rules.inline._backpedal.exec(n[0])[0]}while(s!==n[0]);a=O(n[0]);if(n[1]==="www."){i="http://"+a}else{i=a}}return{type:"link",raw:n[0],text:a,href:i,tokens:[{type:"text",raw:a,text:a}]}}};r.inlineText=function e(r,t){var n=this.rules.inline.text.exec(r);if(n){var a;if(this.lexer.state.inRawBlock){a=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(n[0]):O(n[0]):n[0]}else{a=O(this.options.smartypants?t(n[0]):n[0])}return{type:"text",raw:n[0],text:a}}};return e}();var M=N.noopTest,W=N.edit,U=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:M,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=W(H.def).replace("label",H._label).replace("title",H._title).getRegex();H.bullet=/(?:[*+-]|\d{1,9}[.)])/;H.listItemStart=W(/^( *)(bull) */).replace("bull",H.bullet).getRegex();H.list=W(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=W(H.html,"i").replace("comment",H._comment).replace("tag",H._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex();H.paragraph=W(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=W(H.blockquote).replace("paragraph",H.paragraph).getRegex();H.normal=U({},H);H.gfm=U({},H.normal,{table:"^ *([^\\n ].*\\|.*)\\n"+" {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?"+"(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"});H.gfm.table=W(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=U({},H.normal,{html:W("^ *(?: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:M,paragraph:W(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 J={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:M,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:M,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\spunctuation])/};J._punctuation="!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~";J.punctuation=W(J.punctuation).replace(/punctuation/g,J._punctuation).getRegex();J.blockSkip=/\[[^\]]*?\]\([^\)]*?\)|`[^`]*?`|<[^>]*?>/g;J.escapedEmSt=/\\\*|\\_/g;J._comment=W(H._comment).replace("(?:--\x3e|$)","--\x3e").getRegex();J.emStrong.lDelim=W(J.emStrong.lDelim).replace(/punct/g,J._punctuation).getRegex();J.emStrong.rDelimAst=W(J.emStrong.rDelimAst,"g").replace(/punct/g,J._punctuation).getRegex();J.emStrong.rDelimUnd=W(J.emStrong.rDelimUnd,"g").replace(/punct/g,J._punctuation).getRegex();J._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g;J._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/;J._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])?)+(?![-_])/;J.autolink=W(J.autolink).replace("scheme",J._scheme).replace("email",J._email).getRegex();J._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/;J.tag=W(J.tag).replace("comment",J._comment).replace("attribute",J._attribute).getRegex();J._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/;J._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/;J._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/;J.link=W(J.link).replace("label",J._label).replace("href",J._href).replace("title",J._title).getRegex();J.reflink=W(J.reflink).replace("label",J._label).getRegex();J.reflinkSearch=W(J.reflinkSearch,"g").replace("reflink",J.reflink).replace("nolink",J.nolink).getRegex();J.normal=U({},J);J.pedantic=U({},J.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:W(/^!?\[(label)\]\((.*?)\)/).replace("label",J._label).getRegex(),reflink:W(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",J._label).getRegex()});J.gfm=U({},J.normal,{escape:W(J.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.!#$%&'*+\/=?_`{\|}~-]+@)))/});J.gfm.url=W(J.gfm.url,"i").replace("email",J.gfm._extended_email).getRegex();J.breaks=U({},J.gfm,{br:W(J.br).replace("{2,}","*").getRegex(),text:W(J.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()});var $={block:H,inline:J};var K=z;var X=i.exports.defaults;var Y=$.block,Z=$.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 re(e){var r="",t,n;var a=e.length;for(t=0;t<a;t++){n=e.charCodeAt(t);if(Math.random()>.5){n="x"+n.toString(16)}r+="&#"+n+";"}return r}var te=function(){function e(e){this.tokens=[];this.tokens.links=Object.create(null);this.options=e||X;this.options.tokenizer=this.options.tokenizer||new K;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 r={block:Y.normal,inline:Z.normal};if(this.options.pedantic){r.block=Y.pedantic;r.inline=Z.pedantic}else if(this.options.gfm){r.block=Y.gfm;if(this.options.breaks){r.inline=Z.breaks}else{r.inline=Z.gfm}}this.tokenizer.rules=r}e.lex=function r(t,n){var a=new e(n);return a.lex(t)};e.lexInline=function r(t,n){var a=new e(n);return a.inlineTokens(t)};var t=e.prototype;t.lex=function e(r){r=r.replace(/\r\n|\r/g,"\n").replace(/\t/g,"    ");this.blockTokens(r,this.tokens);var t;while(t=this.inlineQueue.shift()){this.inlineTokens(t.src,t.tokens)}return this.tokens};t.blockTokens=function e(r,t){var n=this;if(t===void 0){t=[]}if(this.options.pedantic){r=r.replace(/^ +$/gm,"")}var a,i,s,o;while(r){if(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some((function(e){if(a=e.call({lexer:n},r,t)){r=r.substring(a.raw.length);t.push(a);return true}return false}))){continue}if(a=this.tokenizer.space(r)){r=r.substring(a.raw.length);if(a.type){t.push(a)}continue}if(a=this.tokenizer.code(r)){r=r.substring(a.raw.length);i=t[t.length-1];if(i&&(i.type==="paragraph"||i.type==="text")){i.raw+="\n"+a.raw;i.text+="\n"+a.text;this.inlineQueue[this.inlineQueue.length-1].src=i.text}else{t.push(a)}continue}if(a=this.tokenizer.fences(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.heading(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.hr(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.blockquote(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.list(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.html(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.def(r)){r=r.substring(a.raw.length);i=t[t.length-1];if(i&&(i.type==="paragraph"||i.type==="text")){i.raw+="\n"+a.raw;i.text+="\n"+a.raw;this.inlineQueue[this.inlineQueue.length-1].src=i.text}else if(!this.tokens.links[a.tag]){this.tokens.links[a.tag]={href:a.href,title:a.title}}continue}if(a=this.tokenizer.table(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.lheading(r)){r=r.substring(a.raw.length);t.push(a);continue}s=r;if(this.options.extensions&&this.options.extensions.startBlock){(function(){var e=Infinity;var t=r.slice(1);var a=void 0;n.options.extensions.startBlock.forEach((function(r){a=r.call({lexer:this},t);if(typeof a==="number"&&a>=0){e=Math.min(e,a)}}));if(e<Infinity&&e>=0){s=r.substring(0,e+1)}})()}if(this.state.top&&(a=this.tokenizer.paragraph(s))){i=t[t.length-1];if(o&&i.type==="paragraph"){i.raw+="\n"+a.raw;i.text+="\n"+a.text;this.inlineQueue.pop();this.inlineQueue[this.inlineQueue.length-1].src=i.text}else{t.push(a)}o=s.length!==r.length;r=r.substring(a.raw.length);continue}if(a=this.tokenizer.text(r)){r=r.substring(a.raw.length);i=t[t.length-1];if(i&&i.type==="text"){i.raw+="\n"+a.raw;i.text+="\n"+a.text;this.inlineQueue.pop();this.inlineQueue[this.inlineQueue.length-1].src=i.text}else{t.push(a)}continue}if(r){var l="Infinite loop on byte: "+r.charCodeAt(0);if(this.options.silent){console.error(l);break}else{throw new Error(l)}}}this.state.top=true;return t};t.inline=function e(r,t){this.inlineQueue.push({src:r,tokens:t})};t.inlineTokens=function e(r,t){var n=this;if(t===void 0){t=[]}var a,i,s;var o=r;var l;var u,d;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(r){if(!u){d=""}u=false;if(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some((function(e){if(a=e.call({lexer:n},r,t)){r=r.substring(a.raw.length);t.push(a);return true}return false}))){continue}if(a=this.tokenizer.escape(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.tag(r)){r=r.substring(a.raw.length);i=t[t.length-1];if(i&&a.type==="text"&&i.type==="text"){i.raw+=a.raw;i.text+=a.text}else{t.push(a)}continue}if(a=this.tokenizer.link(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.reflink(r,this.tokens.links)){r=r.substring(a.raw.length);i=t[t.length-1];if(i&&a.type==="text"&&i.type==="text"){i.raw+=a.raw;i.text+=a.text}else{t.push(a)}continue}if(a=this.tokenizer.emStrong(r,o,d)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.codespan(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.br(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.del(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.autolink(r,re)){r=r.substring(a.raw.length);t.push(a);continue}if(!this.state.inLink&&(a=this.tokenizer.url(r,re))){r=r.substring(a.raw.length);t.push(a);continue}s=r;if(this.options.extensions&&this.options.extensions.startInline){(function(){var e=Infinity;var t=r.slice(1);var a=void 0;n.options.extensions.startInline.forEach((function(r){a=r.call({lexer:this},t);if(typeof a==="number"&&a>=0){e=Math.min(e,a)}}));if(e<Infinity&&e>=0){s=r.substring(0,e+1)}})()}if(a=this.tokenizer.inlineText(s,ee)){r=r.substring(a.raw.length);if(a.raw.slice(-1)!=="_"){d=a.raw.slice(-1)}u=true;i=t[t.length-1];if(i&&i.type==="text"){i.raw+=a.raw;i.text+=a.text}else{t.push(a)}continue}if(r){var m="Infinite loop on byte: "+r.charCodeAt(0);if(this.options.silent){console.error(m);break}else{throw new Error(m)}}}return t};r(e,null,[{key:"rules",get:function e(){return{block:Y,inline:Z}}}]);return e}();var ne=i.exports.defaults;var ae=N.cleanUrl,ie=N.escape;var se=function(){function e(e){this.options=e||ne}var r=e.prototype;r.code=function e(r,t,n){var a=(t||"").match(/\S*/)[0];if(this.options.highlight){var i=this.options.highlight(r,a);if(i!=null&&i!==r){n=true;r=i}}r=r.replace(/\n$/,"")+"\n";if(!a){return"<pre><code>"+(n?r:ie(r,true))+"</code></pre>\n"}return'<pre><code class="'+this.options.langPrefix+ie(a,true)+'">'+(n?r:ie(r,true))+"</code></pre>\n"};r.blockquote=function e(r){return"<blockquote>\n"+r+"</blockquote>\n"};r.html=function e(r){return r};r.heading=function e(r,t,n,a){if(this.options.headerIds){return"<h"+t+' id="'+this.options.headerPrefix+a.slug(n)+'">'+r+"</h"+t+">\n"}return"<h"+t+">"+r+"</h"+t+">\n"};r.hr=function e(){return this.options.xhtml?"<hr/>\n":"<hr>\n"};r.list=function e(r,t,n){var a=t?"ol":"ul",i=t&&n!==1?' start="'+n+'"':"";return"<"+a+i+">\n"+r+"</"+a+">\n"};r.listitem=function e(r){return"<li>"+r+"</li>\n"};r.checkbox=function e(r){return"<input "+(r?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "};r.paragraph=function e(r){return"<p>"+r+"</p>\n"};r.table=function e(r,t){if(t)t="<tbody>"+t+"</tbody>";return"<table>\n"+"<thead>\n"+r+"</thead>\n"+t+"</table>\n"};r.tablerow=function e(r){return"<tr>\n"+r+"</tr>\n"};r.tablecell=function e(r,t){var n=t.header?"th":"td";var a=t.align?"<"+n+' align="'+t.align+'">':"<"+n+">";return a+r+"</"+n+">\n"};r.strong=function e(r){return"<strong>"+r+"</strong>"};r.em=function e(r){return"<em>"+r+"</em>"};r.codespan=function e(r){return"<code>"+r+"</code>"};r.br=function e(){return this.options.xhtml?"<br/>":"<br>"};r.del=function e(r){return"<del>"+r+"</del>"};r.link=function e(r,t,n){r=ae(this.options.sanitize,this.options.baseUrl,r);if(r===null){return n}var a='<a href="'+ie(r)+'"';if(t){a+=' title="'+t+'"'}a+=">"+n+"</a>";return a};r.image=function e(r,t,n){r=ae(this.options.sanitize,this.options.baseUrl,r);if(r===null){return n}var a='<img src="'+r+'" alt="'+n+'"';if(t){a+=' title="'+t+'"'}a+=this.options.xhtml?"/>":">";return a};r.text=function e(r){return r};return e}();var oe=function(){function e(){}var r=e.prototype;r.strong=function e(r){return r};r.em=function e(r){return r};r.codespan=function e(r){return r};r.del=function e(r){return r};r.html=function e(r){return r};r.text=function e(r){return r};r.link=function e(r,t,n){return""+n};r.image=function e(r,t,n){return""+n};r.br=function e(){return""};return e}();var le=function(){function e(){this.seen={}}var r=e.prototype;r.serialize=function e(r){return r.toLowerCase().trim().replace(/<[!\/a-z].*?>/gi,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")};r.getNextSafeSlug=function e(r,t){var n=r;var a=0;if(this.seen.hasOwnProperty(n)){a=this.seen[r];do{a++;n=r+"-"+a}while(this.seen.hasOwnProperty(n))}if(!t){this.seen[r]=a;this.seen[n]=0}return n};r.slug=function e(r,t){if(t===void 0){t={}}var e=this.serialize(r);return this.getNextSafeSlug(e,t.dryrun)};return e}();var ue=se;var de=oe;var ce=le;var me=i.exports.defaults;var pe=N.unescape;var he=function(){function e(e){this.options=e||me;this.options.renderer=this.options.renderer||new ue;this.renderer=this.options.renderer;this.renderer.options=this.options;this.textRenderer=new de;this.slugger=new ce}e.parse=function r(t,n){var a=new e(n);return a.parse(t)};e.parseInline=function r(t,n){var a=new e(n);return a.parseInline(t)};var r=e.prototype;r.parse=function e(r,t){if(t===void 0){t=true}var n="",a,i,s,o,l,u,d,c,m,p,h,g,f,b,v,w,x,y,E;var q=r.length;for(a=0;a<q;a++){p=r[a];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[p.type]){E=this.options.extensions.renderers[p.type].call({parser:this},p);if(E!==false||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(p.type)){n+=E||"";continue}}switch(p.type){case"space":{continue}case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(p.tokens),p.depth,pe(this.parseInline(p.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(p.text,p.lang,p.escaped);continue}case"table":{c="";d="";o=p.header.length;for(i=0;i<o;i++){d+=this.renderer.tablecell(this.parseInline(p.header[i].tokens),{header:true,align:p.align[i]})}c+=this.renderer.tablerow(d);m="";o=p.rows.length;for(i=0;i<o;i++){u=p.rows[i];d="";l=u.length;for(s=0;s<l;s++){d+=this.renderer.tablecell(this.parseInline(u[s].tokens),{header:false,align:p.align[s]})}m+=this.renderer.tablerow(d)}n+=this.renderer.table(c,m);continue}case"blockquote":{m=this.parse(p.tokens);n+=this.renderer.blockquote(m);continue}case"list":{h=p.ordered;g=p.start;f=p.loose;o=p.items.length;m="";for(i=0;i<o;i++){v=p.items[i];w=v.checked;x=v.task;b="";if(v.task){y=this.renderer.checkbox(w);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,x,w)}n+=this.renderer.list(m,h,g);continue}case"html":{n+=this.renderer.html(p.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(p.tokens));continue}case"text":{m=p.tokens?this.parseInline(p.tokens):p.text;while(a+1<q&&r[a+1].type==="text"){p=r[++a];m+="\n"+(p.tokens?this.parseInline(p.tokens):p.text)}n+=t?this.renderer.paragraph(m):m;continue}default:{var A='Token with "'+p.type+'" type was not found.';if(this.options.silent){console.error(A);return}else{throw new Error(A)}}}}return n};r.parseInline=function e(r,t){t=t||this.renderer;var n="",a,i,s;var o=r.length;for(a=0;a<o;a++){i=r[a];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[i.type]){s=this.options.extensions.renderers[i.type].call({parser:this},i);if(s!==false||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(i.type)){n+=s||"";continue}}switch(i.type){case"escape":{n+=t.text(i.text);break}case"html":{n+=t.html(i.text);break}case"link":{n+=t.link(i.href,i.title,this.parseInline(i.tokens,t));break}case"image":{n+=t.image(i.href,i.title,i.text);break}case"strong":{n+=t.strong(this.parseInline(i.tokens,t));break}case"em":{n+=t.em(this.parseInline(i.tokens,t));break}case"codespan":{n+=t.codespan(i.text);break}case"br":{n+=t.br();break}case"del":{n+=t.del(this.parseInline(i.tokens,t));break}case"text":{n+=t.text(i.text);break}default:{var l='Token with "'+i.type+'" type was not found.';if(this.options.silent){console.error(l);return}else{throw new Error(l)}}}}return n};return e}();var ge=te;var fe=he;var be=z;var ve=se;var we=oe;var xe=le;var ye=N.merge,Ee=N.checkSanitizeDeprecation,qe=N.escape;var Ae=i.exports.getDefaults,ke=i.exports.changeDefaults,De=i.exports.defaults;function Ce(e,r,t){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 r==="function"){t=r;r=null}r=ye({},Ce.defaults,r||{});Ee(r);if(t){var n=r.highlight;var a;try{a=ge.lex(e,r)}catch(e){return t(e)}var i=function e(i){var s;if(!i){try{if(r.walkTokens){Ce.walkTokens(a,r.walkTokens)}s=fe.parse(a,r)}catch(e){i=e}}r.highlight=n;return i?t(i):t(null,s)};if(!n||n.length<3){return i()}delete r.highlight;if(!a.length)return i();var s=0;Ce.walkTokens(a,(function(e){if(e.type==="code"){s++;setTimeout((function(){n(e.text,e.lang,(function(r,t){if(r){return i(r)}if(t!=null&&t!==e.text){e.text=t;e.escaped=true}s--;if(s===0){i()}}))}),0)}}));if(s===0){i()}return}try{var o=ge.lex(e,r);if(r.walkTokens){Ce.walkTokens(o,r.walkTokens)}return fe.parse(o,r)}catch(e){e.message+="\nPlease report this to https://github.com/markedjs/marked.";if(r.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=Ae;Ce.defaults=De;Ce.use=function(){var e=this;for(var r=arguments.length,t=new Array(r),n=0;n<r;n++){t[n]=arguments[n]}var a=ye.apply(void 0,[{}].concat(t));var i=Ce.defaults.extensions||{renderers:{},childTokens:{}};var s;t.forEach((function(r){if(r.extensions){s=true;r.extensions.forEach((function(e){if(!e.name){throw new Error("extension name required")}if(e.renderer){var r=i.renderers?i.renderers[e.name]:null;if(r){i.renderers[e.name]=function(){for(var t=arguments.length,n=new Array(t),a=0;a<t;a++){n[a]=arguments[a]}var i=e.renderer.apply(this,n);if(i===false){i=r.apply(this,n)}return i}}else{i.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(i[e.level]){i[e.level].unshift(e.tokenizer)}else{i[e.level]=[e.tokenizer]}if(e.start){if(e.level==="block"){if(i.startBlock){i.startBlock.push(e.start)}else{i.startBlock=[e.start]}}else if(e.level==="inline"){if(i.startInline){i.startInline.push(e.start)}else{i.startInline=[e.start]}}}}if(e.childTokens){i.childTokens[e.name]=e.childTokens}}))}if(r.renderer){(function(){var e=Ce.defaults.renderer||new ve;var t=function t(n){var a=e[n];e[n]=function(){for(var t=arguments.length,i=new Array(t),s=0;s<t;s++){i[s]=arguments[s]}var o=r.renderer[n].apply(e,i);if(o===false){o=a.apply(e,i)}return o}};for(var n in r.renderer){t(n)}a.renderer=e})()}if(r.tokenizer){(function(){var e=Ce.defaults.tokenizer||new be;var t=function t(n){var a=e[n];e[n]=function(){for(var t=arguments.length,i=new Array(t),s=0;s<t;s++){i[s]=arguments[s]}var o=r.tokenizer[n].apply(e,i);if(o===false){o=a.apply(e,i)}return o}};for(var n in r.tokenizer){t(n)}a.tokenizer=e})()}if(r.walkTokens){var t=Ce.defaults.walkTokens;a.walkTokens=function(n){r.walkTokens.call(e,n);if(t){t(n)}}}if(s){a.extensions=i}Ce.setOptions(a)}))};Ce.walkTokens=function(e,r){var t=function e(){var t=i.value;r(t);switch(t.type){case"table":{for(var n=a(t.header),s;!(s=n()).done;){var o=s.value;Ce.walkTokens(o.tokens,r)}for(var l=a(t.rows),u;!(u=l()).done;){var d=u.value;for(var c=a(d),m;!(m=c()).done;){var p=m.value;Ce.walkTokens(p.tokens,r)}}break}case"list":{Ce.walkTokens(t.items,r);break}default:{if(Ce.defaults.extensions&&Ce.defaults.extensions.childTokens&&Ce.defaults.extensions.childTokens[t.type]){Ce.defaults.extensions.childTokens[t.type].forEach((function(e){Ce.walkTokens(t[e],r)}))}else if(t.tokens){Ce.walkTokens(t.tokens,r)}}}};for(var n=a(e),i;!(i=n()).done;){t()}};Ce.parseInline=function(e,r){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")}r=ye({},Ce.defaults,r||{});Ee(r);try{var t=ge.lexInline(e,r);if(r.walkTokens){Ce.walkTokens(t,r.walkTokens)}return fe.parseInline(t,r)}catch(e){e.message+="\nPlease report this to https://github.com/markedjs/marked.";if(r.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=we;Ce.Lexer=ge;Ce.lexer=ge.lex;Ce.Tokenizer=be;Ce.Slugger=xe;Ce.parse=Ce;var _e=Ce;return _e}))}));var Gc='# sqm-portal-login\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property              | Attribute               | Description | Type                                                                                                                                                                                                                                                            | Default                     |\r\n| --------------------- | ----------------------- | ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- |\r\n| `demoData`            | --                      |             | `{ states?: { error: string; loading: boolean; forgotPasswordPath: string; registerPath: string; }; content?: { forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }` | `undefined`                 |\r\n| `emailLabel`          | `email-label`           |             | `string`                                                                                                                                                                                                                                                        | `"Email"`                   |\r\n| `forgotPasswordLabel` | `forgot-password-label` |             | `string`                                                                                                                                                                                                                                                        | `"Forgot Password?"`        |\r\n| `forgotPasswordPath`  | `forgot-password-path`  |             | `string`                                                                                                                                                                                                                                                        | `"/forgotPassword"`         |\r\n| `nextPage`            | `next-page`             |             | `string`                                                                                                                                                                                                                                                        | `"/"`                       |\r\n| `pageLabel`           | `page-label`            |             | `string`                                                                                                                                                                                                                                                        | `"Sign in to your account"` |\r\n| `passwordLabel`       | `password-label`        |             | `string`                                                                                                                                                                                                                                                        | `"Password"`                |\r\n| `registerLabel`       | `register-label`        |             | `string`                                                                                                                                                                                                                                                        | `"Register"`                |\r\n| `registerPath`        | `register-path`         |             | `string`                                                                                                                                                                                                                                                        | `"/register"`               |\r\n| `submitLabel`         | `submit-label`          |             | `string`                                                                                                                                                                                                                                                        | `"Sign In"`                 |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-login --\x3e sqm-form-message\r\n  sqm-stencilbook --\x3e sqm-portal-login\r\n  style sqm-portal-login fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var jc='# sqm-referral-iframe\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property       | Attribute       | Description | Type                                                                                                                           | Default     |\r\n| -------------- | --------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------ | ----------- |\r\n| `demoData`     | --              |             | `{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }` | `undefined` |\r\n| `iframeHeight` | `iframe-height` |             | `string`                                                                                                                       | `"100%"`    |\r\n| `iframeSrc`    | `iframe-src`    |             | `string`                                                                                                                       | `undefined` |\r\n| `iframeWidth`  | `iframe-width`  |             | `string`                                                                                                                       | `"100%"`    |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-stencilbook --\x3e sqm-referral-iframe\r\n  style sqm-referral-iframe fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var Vc='# sqm-portal-forgot-password\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property       | Attribute       | Description                                                          | Type                                                                                                                                                                                        | Default                    |\r\n| -------------- | --------------- | -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- |\r\n| `demoData`     | --              |                                                                      | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }` | `undefined`                |\r\n| `emailLabel`   | `email-label`   |                                                                      | `string`                                                                                                                                                                                    | `"Email"`                  |\r\n| `loginPath`    | `login-path`    |                                                                      | `string`                                                                                                                                                                                    | `"/login"`                 |\r\n| `redirectPath` | `redirect-path` | The page that users are redirected to from the password reset email. | `string`                                                                                                                                                                                    | `"/resetPassword"`         |\r\n| `submitLabel`  | `submit-label`  |                                                                      | `string`                                                                                                                                                                                    | `"Request Password Reset"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-forgot-password --\x3e sqm-form-message\r\n  style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var zc='# sqm-portal-register\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property                   | Attribute                    | Description                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                   | Default              |\r\n| -------------------------- | ---------------------------- | ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\r\n| `confirmPassword`          | `confirm-password`           |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `false`              |\r\n| `confirmPasswordLabel`     | `confirm-password-label`     |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Confirm Password"` |\r\n| `demoData`                 | --                           |                                                                    | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; }` | `undefined`          |\r\n| `emailLabel`               | `email-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Email"`            |\r\n| `enablePasswordValidation` | `enable-password-validation` |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `true`               |\r\n| `hideInputs`               | `hide-inputs`                |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `false`              |\r\n| `loginLabel`               | `login-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Sign in"`          |\r\n| `loginPath`                | `login-path`                 |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"/login"`           |\r\n| `nextPage`                 | `next-page`                  |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"/"`                |\r\n| `pageLabel`                | `page-label`                 |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Register"`         |\r\n| `passwordLabel`            | `password-label`             |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Password"`         |\r\n| `redirectPath`             | `redirect-path`              | The page that users are redirected to from the verification email. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"/verifyEmail"`     |\r\n| `submitLabel`              | `submit-label`               |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Register"`         |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-register --\x3e sqm-form-message\r\n  sqm-portal-register --\x3e sqm-password-field\r\n  sqm-stencilbook --\x3e sqm-portal-register\r\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var Mc='# sqm-portal-profile\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property                 | Attribute                   | Description | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default                  |\r\n| ------------------------ | --------------------------- | ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |\r\n| `countrytext`            | `countrytext`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Country"`              |\r\n| `demoData`               | --                          |             | `{ states?: { success: boolean; loading: boolean; submitDisabled: boolean; showCountry: boolean; formState: { country: string; firstName: string; lastName: string; errors: any; error: string; }; user: { id: string; accountId: string; firstName: string; lastName: string; email: string; countryCode: string; }; text: { firstnametext: string; lastnametext: string; emailtext: string; countrytext: string; editProfileHeader: string; editProfileSubHeader: string; submitChangeButtonText: string; }; }; }` | `undefined`              |\r\n| `editProfileHeader`      | `edit-profile-header`       |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Edit your profile"`    |\r\n| `editProfileSubHeader`   | `edit-profile-sub-header`   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Personal Information"` |\r\n| `emailtext`              | `emailtext`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Email"`                |\r\n| `firstnametext`          | `firstnametext`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"First Name"`           |\r\n| `lastnametext`           | `lastnametext`              |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Last Name"`            |\r\n| `showCountry`            | `show-country`              |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `true`                   |\r\n| `submitChangeButtonText` | `submit-change-button-text` |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Submit Changes"`       |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-profile --\x3e sqm-form-message\r\n  style sqm-portal-profile fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var Wc='# sqm-portal-reset-password\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property                    | Attribute                      | Description                                                                                      | Type                                                                                                                                                                                                                                                                                                                                                                                                 | Default                 |\r\n| --------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- |\r\n| `confirmPassword`           | `confirm-password`             |                                                                                                  | `boolean`                                                                                                                                                                                                                                                                                                                                                                                            | `false`                 |\r\n| `confirmPasswordFieldLabel` | `confirm-password-field-label` |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"Confirm Password"`    |\r\n| `continueButtonText`        | `continue-button-text`         | Displayed after a successful password reset                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"Continue"`            |\r\n| `demoData`                  | --                             |                                                                                                  | `{ states?: { error: string; loading: boolean; reset: boolean; confirmPassword: boolean; oobCodeValidating: boolean; oobCodeValid: boolean; passwordDemoData?: PasswordFieldViewDemoProps; content: { passwordResetHeader: string; resetPasswordHeader: string; continueButtonText: string; resetPasswordButtonText: string; confirmPasswordFieldLabel: string; passwordFieldLabel: string; }; }; }` | `undefined`             |\r\n| `failedPage`                | `failed-page`                  | The page that users are redirected to if the reset fails due to outdated password reset attempt. | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"/"`                   |\r\n| `nextPage`                  | `next-page`                    | The page that users are redirected to when the password reset succeeds.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"/"`                   |\r\n| `passwordFieldLabel`        | `password-field-label`         |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"New Password"`        |\r\n| `passwordResetHeader`       | `password-reset-header`        | Displayed after a successful password reset                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"Password reset"`      |\r\n| `resetPasswordButtonText`   | `reset-password-button-text`   |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"Reset Password"`      |\r\n| `resetPasswordHeader`       | `reset-password-header`        |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"Reset your password"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-reset-password --\x3e sqm-form-message\r\n  sqm-portal-reset-password --\x3e sqm-password-field\r\n  style sqm-portal-reset-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var Uc='# sqm-portal-email-verification\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property                  | Attribute                   | Description                                                        | Type                                                                                                                                                                                        | Default                                                                                           |\r\n| ------------------------- | --------------------------- | ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |\r\n| `demoData`                | --                          |                                                                    | `{ states?: { error: string; loading: boolean; success: boolean; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; }; }` | `undefined`                                                                                       |\r\n| `emailVerificationHeader` | `email-verification-header` |                                                                    | `string`                                                                                                                                                                                    | `"Verify your email"`                                                                             |\r\n| `redirectPath`            | `redirect-path`             | The page that users are redirected to from the verification email. | `string`                                                                                                                                                                                    | `"/verifyEmail"`                                                                                  |\r\n| `resendEmailButtonText`   | `resend-email-button-text`  |                                                                    | `string`                                                                                                                                                                                    | `"Re-send Email"`                                                                                 |\r\n| `verifyMessage`           | `verify-message`            |                                                                    | `string`                                                                                                                                                                                    | `"A verification email was sent to {email}. Please verify your email to continue to the portal."` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-email-verification --\x3e sqm-form-message\r\n  style sqm-portal-email-verification fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var Hc='# sqm-portal-verify-email\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property     | Attribute     | Description                                                                                       | Type                                                                                                 | Default     |\r\n| ------------ | ------------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ----------- |\r\n| `demoData`   | --            |                                                                                                   | `{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; }` | `undefined` |\r\n| `failedPage` | `failed-page` | The page that users are redirected to if verification fails due to outdated verification attempt. | `string`                                                                                             | `"/"`       |\r\n| `nextPage`   | `next-page`   | The page that users are redirected to when the verification succeeds.                             | `string`                                                                                             | `"/"`       |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-verify-email --\x3e sqm-form-message\r\n  style sqm-portal-verify-email fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var Jc={title:"Templates / Portal"};function $c(e){var r=s(e),t=r[0],n=r[1];var a=s(e),i=a[0],o=a[1];return{states:{previewTemplate:i,editedTemplate:t},callbacks:{setEditedTemplate:n,setPreviewTemplate:o}}}function Kc(e){var t=e.states,n=e.callbacks,a=e.readme;return[r("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return n.setEditedTemplate(e.target.value)}},t.editedTemplate),r("button",{onClick:function(){return n.setPreviewTemplate(t.editedTemplate)}},"Update Preview"),a?r("details",null,r("summary",null,"Props readme"),r("div",{innerHTML:Oc(a)})):"",r("div",{innerHTML:t.previewTemplate})]}function Xc(e){var t=e.callbacks,n=e.states,a=e.template;return r("div",null,r("button",{onClick:function(){return t.setPreviewTemplate(n.editedTemplate)}},"Update Preview"),r("button",{style:{marginLeft:"10px"},onClick:function(){return t.setPreviewTemplate(a)}},"Preview Dashboard"))}function Yc(e){var t=e.states,n=e.callbacks;return r("div",{style:{height:"50vh"}},r("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return n.setEditedTemplate(e.target.value)}},t.editedTemplate),r(Xc,{states:t,callbacks:n,template:e.template}),r("h2",null,"Navigation"),r("div",{style:{display:"grid",gridTemplateColumns:"repeat(9, 80px)",gridGap:"10px"}},r("button",{onClick:function(){return d.push("/")}},"Dashboard"),e.leadSubmit&&r("button",{onClick:function(){return d.push("/refer")}},"Submit a Referral"),r("button",{onClick:function(){return d.push("/activity")}},"Activity"),r("button",{onClick:function(){return d.push("/editProfile")}},"Edit Profile"),r("button",{onClick:function(){return d.push("/login")}},"Login"),r("button",{onClick:function(){return d.push("/register")}},"Register"),r("button",{onClick:function(){return d.push("/emailVerification")}},"Email Verification"),r("button",{onClick:function(){return d.push("/verifyEmail")}},"Verify Email"),r("button",{onClick:function(){return d.push("/forgotPassword")}},"Forgot Password"),r("button",{onClick:function(){return d.push("/resetPassword")}},"Reset Password")),r("br",null),r("div",{innerHTML:t.previewTemplate}))}var Zc=_a((function(){var e=$c(xc),t=e.states,n=e.callbacks;return r(Yc,{states:t,callbacks:n,template:qc})}));var Qc=_a((function(){var e=$c(Ac),t=e.states,n=e.callbacks;return r(Yc,{states:t,callbacks:n,template:kc})}));var em=_a((function(){var e=$c(yc),t=e.states,n=e.callbacks;return r(Yc,{states:t,callbacks:n,template:Ec,leadSubmit:true})}));var rm=_a((function(){var e=$c(Sc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:Gc})}));var tm=_a((function(){var e=$c(Nc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:Vc})}));var nm=_a((function(){var e=$c(Pc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:zc})}));var am=_a((function(){var e=$c(Dc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n})}));var im=_a((function(){var e=$c(Cc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:jc})}));var sm=_a((function(){var e=$c(Tc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n})}));var om=_a((function(){var e=$c(_c),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:Mc})}));var lm=_a((function(){var e=$c(Fc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:Wc})}));var um=_a((function(){var e=$c(Bc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:Uc})}));var dm=_a((function(){var e=$c(Lc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:Hc})}));var cm=_a((function(){return r("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:Dc}}})}));var mm=_a((function(){var e=$c(Rc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n})}));var pm=_a((function(){var e=$c(Ic),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n})}));var hm=Object.freeze({__proto__:null,default:Jc,DefaultPortal:Zc,MultiProgramPortal:Qc,LeadSubmitPortal:em,Login:rm,ForgotPassword:tm,Register:nm,Dashboard:am,LeadSubmitIframe:im,Activity:sm,EditProfile:om,ResetPassword:lm,EmailVerification:um,EmailVerified:dm,Widget:cm,ResetPasswordEmail:mm,VerifyEmail:pm});var gm={title:"Program Menu"};var fm=_a((function(){return r("sqm-program-menu",null,r("sl-menu-item",{value:"referral-program"},"Referral Program"))}));var bm=_a((function(){return r("sqm-program-menu",null,r("sl-menu-item",{value:"referral-program"},"Referral Program"),r("sl-menu-item",{value:"partner-program"},"Partner Program"))}));var vm=_a((function(){return r("sqm-program-menu",null,r("sl-menu-item",{value:"program1"},"Program 1"),r("sl-menu-item",{value:"program2"},"Program 2"),r("sl-menu-item",{value:"program3"},"Program 3"),r("sl-menu-item",{value:"program4"},"Program 4"),r("sl-menu-item",{value:"program5"},"Program 5"))}));var wm=_a((function(){return r("div",null,r("sqb-program-section",{"program-id":"Vacay-referral"},r("sqm-program-menu",null,r("sl-menu-item",{value:"Vacay-referral"},"Vacay-referral"),r("sl-menu-item",{value:"vacay-affiliates"},"vacay-affiliates")),r("sqb-program-switch",null,r("template",{"program-id":"Vacay-referral"},r("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:Dc}}})),r("template",{"program-id":"vacay-affiliates"},r("sqb-widget",{"widget-type":"p/vacay-affiliates/w/referrerWidget",demoData:{data:{html:Dc}}})))))}));var xm=Object.freeze({__proto__:null,default:gm,OneProgram:fm,TwoProgram:bm,FiveProgram:vm,ProgramMenuWithSwitch:wm});var ym={title:"Powered By"};var Em=function(){return r(R,null)};var qm=function(){return r(R,{color:"salmon"})};var Am=function(){return r(R,{width:300,height:50})};var km=Object.freeze({__proto__:null,default:ym,Default:Em,CustomColor:qm,CustomWidthAndHeight:Am});var Dm='Feature: Portal Footer\r\n\r\n    Background: A user is viewing the portal\r\n        Given a hosted portal\r\n        And a user is viewing the portal\r\n        And the portal has a footer\r\n\r\n    Scenario Outline: FAQ and T&C links/text are configurable and open in a new page when clicked\r\n        Given the footer has prop "terms-link" with value "https://example.com/terms"\r\n        And prop "terms-text" with value "Terms and Conditions"\r\n        And prop "faq-link" with value "https://example.com/FAQ"\r\n        And prop "faq-text" with value "Visit FAQ"\r\n        When a user clicks on the "Visit FAQ" link\r\n        Then they will be redirected to "https://example.com/FAQ" in a new page\r\n        When they go back to the portal\r\n        And click on the "Terms and Conditions" link\r\n        Then they will be redirected to "https://example.com/terms" in a new page\r\n\r\n    Scenario Outline: FAQ/T&C Links are not shown if a link is not provided\r\n        Given the footer does not have <linkProp>\r\n        But it <mayHave> <textProp> with <value>\r\n        Then the <link> will not be shown in the footer\r\n        Examples:\r\n            | linkProp   | mayHave      | textProp  | value                | link     |\r\n            | terms-link | has          | termsText | Terms and Conditions | T&C Link |\r\n            | faq-link   | has          | faqText   | Visit FAQ            | FAQ Link |\r\n            | terms-link | doesn\'t have |           |                      | T&C Link |\r\n            | faq-link   | doesn\'t have |           |                      | FAQ Link |\r\n\r\n    Scenario Outline: The support email and text is configurable but has a default\r\n        Given the footer <mayHave> <emailPropWithValue>\r\n        And the footer <mayAlsoHave> <textPropWithValue>\r\n        Then the footer\'s support email text is <renderedEmailText>\r\n        And the email address will be a mailto link with <mailtoEmail>\r\n        When the user clicks on the email address mailto Link\r\n        Then the users preferred email client will open with a draft email to <mailtoEmail>\r\n        Examples:\r\n            | mayHave      | emailPropWithValue     | mayAlsoHave  | textPropWithValue                  | mailtoEmail            | renderedEmailText                                 |\r\n            | has          | support@saasquatch.com | has          | For support please contact {email} | support@saasquatch.com | For support please contact support@saasquatch.com |\r\n            | doesn\'t have | N/A                    | doesn\'t have | N/A                                | support@example.com    | For program support, contact support@example.com  |\r\n\r\n    Scenario Outline: Powered by SaaSquatch is shown by default\r\n        Given the footer <mayHaveProp> "show-powered-by" with <value>\r\n        Then the powered by SaaSquatch image <mayBeShown>\r\n        Examples:\r\n            | mayHaveProp       | value | mayBeShown  |\r\n            | has prop          | true  | is shown    |\r\n            | has prop          | false | isn\'t shown |\r\n            | has prop          | test  | is shown    |\r\n            | has prop          |       | is shown    |\r\n            | doesn\'t have prop |       | is shown    |\r\n\r\n    Scenario: Powered By Saasquatch links out to "https://saasquatch.com"\r\n        Given the footer has the powered by SaaSquatch image\r\n        When a user clicks on it\r\n        Then they will be redirected to "https://saasquatch.com" in a new page';var Cm={title:"Portal Footer",parameters:{scenario:Dm}};var _m={supportEmail:"support@example.com",supportText:"For program support, contact {email}",showPoweredBy:true,poweredByLink:"https://saasquatch.com",paddingTop:"large",paddingRight:"large",paddingBottom:"large",paddingLeft:"large"};var Tm=function(){return r(I,Object.assign({},_m))};var Rm=function(){return r(I,Object.assign({},_m,{termsLink:"https://example.com",termsText:"Terms and Conditions"}))};var Im=function(){return r(I,Object.assign({},_m,{faqLink:"https://example.com",faqText:"FAQ"}))};var Sm=function(){return r(I,Object.assign({},_m,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ"}))};var Pm=function(){return r(I,Object.assign({},_m,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ",showPoweredBy:false}))};var Nm=Object.freeze({__proto__:null,default:Cm,DefaultFooter:Tm,FooterWithTerms:Rm,FooterWithFAQ:Im,FooterWithTermsAndFAQ:Sm,FooterNoPoweredBy:Pm});var Fm='Feature: Hero Unit\r\n\r\n    Background: A portal with a hero unit exists\r\n        Given a hosted portal\r\n        And the portal has hero unit on the login page\r\n        And a user is viewing the login page\r\n\r\n    Scenario: The hero unit defaults to a single column layout\r\n        Given a hero unit does not have a "columns" prop\r\n        But the following html is wrapped by the hero unit\r\n            """\r\n            <sqm-portal-login></sqm-portal-login>\r\n            <div slot="secondary-column">\r\n            <h1 style="text-align:center">Get Referring!</h1>\r\n            <p style="text-align:center">\r\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim\r\n            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut\r\n            aliquip ex ea commodo consequat. Duis aute irure dolor in\r\n            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\r\n            pariatur.\r\n            </p>\r\n            </div>\r\n            """\r\n        Then only a single column will be displayed\r\n        And within it will be the login component\r\n\r\n    Scenario Outline: The hero unit supports single or dual column layouts\r\n        Given a hero unit with prop "columns" having <columnValue>\r\n        And it wraps <html>\r\n        Then the hero unit displays <columnValue> columns\r\n        Examples:\r\n            | columnValue | html                                                                                              |\r\n            | 1           | <h1>Column 1!</h1>                                                                                |\r\n            | 2           | <h1>Column 1!</h1><div slot="secondary-column"><h1 style="text-align:center">Column 2!</h1></div> |\r\n\r\n    Scenario: HTML to be displayed in the second column comes from the "secondary-column" slot\r\n        Given a hero unit with "columns" "2"\r\n        And the following html\r\n            """\r\n            <h1>Column 1!</h1>\r\n            <div>\r\n            <h1 style="text-align:center">Column 2!</h1>\r\n            </div>\r\n            """\r\n        When the hero unit is rendered\r\n        Then only one column is displayed with content\r\n        And column 1 will contain the "Column 1!" text\r\n        And column 1 will contain the "Column 2!" text\r\n        When the div for column two is updated to have \'slot="secondary-column"\'\r\n        Then the two columns are displayed with content\r\n        And column 1 will contain the "Column 1!" text\r\n        And column 2 will contain the "Column 2!" text\r\n\r\n    Scenario Outline: A background for the hero unit can be set as an image or colour\r\n        Given a hero unit with <backgroundPropValue>\r\n        Then the background will be <background>\r\n        Examples:\r\n            | background                                                  | background               |\r\n            | https://images.unsplash.com/photo-1599676821464-3555954838d | image of misty mountains |\r\n            | LightSlateGrey                                              | light slate grey         |\r\n            | #00FF00                                                     | green                    |\r\n            | rgb(128,0,128)                                              | purple                   |\r\n\r\n    Scenario Outline: Wrap Direction can be configured for mobile experiences\r\n        Given a hero unit with the following HTML\r\n            """\r\n            <h1>Column 1!</h1>\r\n            <div slot="secondary-column">\r\n            <h1 style="text-align:center">Column 2!</h1>\r\n            </div>\r\n            """\r\n        And prop "wrap-direction" has <value>\r\n        When the window width is less than 600px\r\n        Then the two columns will stack\r\n        And <column> will be on top\r\n        Examples:\r\n            | value        | column |\r\n            | wrap         | 1      |\r\n            | wrap-reverse | 2      |\r\n            |              | 1      |';var Lm={title:"Hero Layout",parameters:{scenario:Fm}};var Bm=function(){var e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large"},content:{primaryColumn:[r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("sqm-portal-login",null)]}};return r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Om=function(){var e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large",background:"LightSlateGrey"},content:{primaryColumn:r("sqm-portal-login",null)}};return r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Gm=function(){var e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large",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:r("sqm-portal-login",null)}};return r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var jm=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"large",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:r("sqm-portal-login",null),secondaryColumn:r("div",null,r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("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 r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Vm=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"medium",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:r("sqm-portal-login",null),secondaryColumn:r("div",null,r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("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 r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var zm=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"small",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:r("sqm-portal-login",null),secondaryColumn:r("div",null,r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("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 r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Mm=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"none",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:r("sqm-portal-login",null),secondaryColumn:r("div",null,r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("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 r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Wm=function(){var e={states:{columns:2,wrapDirection:"wrap-reverse",background:"LightSlateGrey",paddingSize:"large",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:r("sqm-portal-change-password",null),secondaryColumn:r("div",null,r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("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 r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Um=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"large"},content:{primaryColumn:r("div",null,r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("sqm-portal-login",null)),secondaryColumn:r("div",null,r("img",{src:"https://images.unsplash.com/photo-1487528278747-ba99ed528ebc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80"}),r("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 r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Hm=Object.freeze({__proto__:null,default:Lm,LoginOneColumn:Bm,LoginOneColumnWithColor:Om,LoginOneColumnWithImage:Gm,TwoColumnLoginLargePadding:jm,TwoColumnLoginMediumPadding:Vm,TwoColumnLoginSmallPadding:zm,TwoColumnLoginNoPadding:Mm,TwoColumnLoginReverseWrap:Wm,TwoColumnLoginWithImgElement:Um});var Jm='@owner:sam\r\n@author:sam\r\n\r\nFeature: Referral Iframe\r\n\r\n  Used to provide an external form for submitting referral leads using the current user\'s referral code\r\n\r\n  Background: A user is logged in\r\n    Given there is a logged in user\r\n\r\n  @motivating\r\n  Scenario: Referral code is passed to the iframe as a query parameter\r\n    Given the "iframe-src" is "https://example.com"\r\n    And the user has navigated to "/refer"\r\n    And the user\'s referral code is "BOBBYREFER"\r\n    When the iframe content is loaded\r\n    Then the iframe url will be "https://example.com?rsCode=BOBBYREFER"\r\n\r\n  @ui\r\n  Scenario Outline: The height and width of the iFrame can be controlled via props\r\n    Given the "iframe-src" is "https://example.com"\r\n    And the iframe content is 1000x1000\r\n    And the "iframe-height" is set to <heightValue>\r\n    And the "iframe-width" is set to <widthValue>\r\n    Then the content of the iframe will be displayed with scrollbars\r\n    And the dimension of the iFrame displayed will be 500x500\r\n    When the "iframe-height" is set to <heightValue>\r\n    And the "iframe-width" is set to <widthValue>\r\n    Then the full content of the iframe will be displayed on the page\r\n    And the dimension of the iFrame displayed will be 1000x1000\r\n    Examples:\r\n      | heightValue | widthValue |\r\n      | 500px       | 500px      |\r\n      | 50%         | 50%        |\r\n\r\n  @minutae\r\n  Scenario Outline: The iFrame will fail fast if a iFrame source isn\'t provided\r\n    Given "iframe-src" <mayBeAnAttribute>\r\n    And it <mayHaveValue>\r\n    When a user views the referral iFrame component\r\n    Then an alert with an error message is displayed in place of the iFrame\r\n    And it has a details section\r\n    When "More details" is clicked\r\n    Then the following information will be displayed\r\n      | component being used |\r\n      | missing attribute(s) |\r\n\r\n    Examples:\r\n      | mayBeAnAttribute    | mayHaveValue |\r\n      | is not an attribute | N/A          |\r\n      | is an attribute     | ""           |\r\n      | is an attribute     |              |';var $m={title:"Referral Iframe",parameters:{scenario:Jm}};var Km={data:{shareCode:"BOBBYREFER"},states:{content:{iframeSrc:"https://example.com",iframeHeight:"100%",iframeWidth:"100%"}}};var Xm=function(){return r("div",{style:{width:"1000px",height:"1000px"}},r(X,Object.assign({},Km)))};var Ym=function(){return r("div",{style:{width:"1000px",height:"1000px"}},r("sqm-referral-iframe",null))};var Zm=Object.freeze({__proto__:null,default:$m,ReferralIframe:Xm,ReferralIframeError:Ym});var Qm='@owner:sam\r\n@author:sam\r\n\r\nFeature: Name Fields\r\n\r\n  Fields to be used to fill the first and last name of a user during registration\r\n\r\n  Background:\r\n    Given the current page is "/register"\r\n\r\n  @motivating\r\n  Scenario: Both first name and last name are required\r\n    Given the email field has valid input\r\n    And the password field has valid input\r\n    And first name field is empty\r\n    And last name field is empty\r\n    When register is clicked\r\n    Then the name fields will be highlighted in red\r\n    And the error messages will say "Cannot be empty"\r\n\r\n  @motivating\r\n  Scenario: First and last name are upserted with the SaaSquatch user\r\n    Given all fields have been filled with data\r\n      | firstName | lastName  | email           | password        |\r\n      | Bob       | Testerson | bob@example.com | SecurePassword1 |\r\n    When register is clicked\r\n    Then the email verification page will be loaded\r\n    And the user will be upserted\r\n    And the SaaSquatch user will contain data\r\n      | firstName | lastName  | email           |\r\n      | Bob       | Testerson | bob@example.com |\r\n\r\n';var ep={title:"Name Fields",parameters:{scenario:Qm}};var rp={states:{validationErrors:undefined,content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}};var tp={states:{validationErrors:{firstName:"Cannot be empty",lastName:"Cannot be empty"},content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}};var np=function(){return r(D,Object.assign({},rp))};var ap=function(){return r(D,Object.assign({},tp))};var ip=Object.freeze({__proto__:null,default:ep,NameFields:np,NameFieldsWithErrors:ap});var sp='@author:derek\r\n@owner:\r\nFeature: Reward Exchange List\r\n\r\n    The Reward Exchange List gives end users the power to exchange their rewards for other rewards.\r\n    It populates a list from the reward exchange rules set up on a given tenant.\r\n\r\n    Background:\r\n        Given a tenant with reward exchange rules\r\n\r\n    @motivating\r\n    Scenario: A Loading Skeleton is displayed when the reward exchange rules are loading\r\n        Given a user\r\n        When they load the reward exchange list\r\n        Then they see a loading Skeleton\r\n        And it has 8 skeleton cards\r\n        When the reward exchange rules have loaded\r\n        Then the skeleton is replaced with reward exchange options\r\n\r\n    @motivating\r\n    Scenario: An error banner appears when the reward exchange list fails to load\r\n        Given a user trying to view the reward exchange list\r\n        But it fails to load\r\n        Then an error banner is displayed\r\n        And it displays "Unable to load reward exchange list. Please try again"\r\n\r\n    @motivating\r\n    Scenario: The exchange progress bar progresses through the exchange process\r\n        Given a user who is eligible for the tenants reward exchange rules\r\n        When they view the reward exchange list\r\n        Then the process bar displays the following elements\r\n            | elements                                                           |\r\n            | Step 1 `Rewards` title in black                                    |\r\n            | Step 1 circle with green outline, white fill and number 1 in green |\r\n            | Step 2 `Select` title in grey                                      |\r\n            | Step 2 circle with grey fill and number 2 in white                 |\r\n            | Step 3 `Confirm` title in grey                                     |\r\n            | Step 3 circle with grey fill and number 3 in white                 |\r\n            | lines between all steps are greyed out                             |\r\n        When they continue to the selection page\r\n        Then the progress bar displays the following elements\r\n            | elements                                                           |\r\n            | Step 1 `Rewards` title in black                                    |\r\n            | Step 1 circle with white checkmark and green fill                  |\r\n            | Step 2 `Select` title in black                                     |\r\n            | Step 2 circle with green outline, white fill and number 2 in green |\r\n            | Step 3 `Confirm` title in grey                                     |\r\n            | Step 3 circle with grey fill and number 3 in white                 |\r\n            | Green line between step 1 and 2                                    |\r\n            | Grey line between step 2 and 3                                     |\r\n        When they continue to the confirmation page\r\n        Then the progress bar displays the following elements\r\n            | elements                                                           |\r\n            | Step 1 `Rewards` title in black                                    |\r\n            | Step 1 circle with white checkmark and green fill                  |\r\n            | Step 2 `Select` title in black                                     |\r\n            | Step 2 circle with white checkmark and green fill                  |\r\n            | Step 3 `Confirm` title in black                                    |\r\n            | Step 3 circle with green outline, white fill and number 3 in green |\r\n            | Green line between all steps                                       |\r\n        When they continue to the redemption page\r\n        Then the progress bar displays the following elements\r\n            | elements                                          |\r\n            | Step 1 `Rewards` title in black                   |\r\n            | Step 1 circle with white checkmark and green fill |\r\n            | Step 2 `Select` title in black                    |\r\n            | Step 2 circle with white checkmark and green fill |\r\n            | Step 3 `Confirm` title in black                   |\r\n            | Step 3 circle with white checkmark and green fill |\r\n            | Green line between all steps                      |\r\n\r\n    @motivating\r\n    Scenario: Users must choose a reward exchange option to continue to the selection page\r\n        Given a user who is eligible for the tenants reward exchange rules\r\n        When they view the reward exchange list\r\n        Then the \'Continue\' button is disabled\r\n        When they select a reward exchange card\r\n        Then the card is outlined in brand colour with a brand colour cirlcular check box icon in the top right\r\n        And the continue button is no longer disabled\r\n        When they click "Continue"\r\n        Then they are brought to the selection page\r\n\r\n    @motivating\r\n    Scenario: Reward exchange rule names and images are used in the reward exchange cards\r\n        Given a tenant reward exchange rule\r\n        And it has name "My Visa Exchange Rule"\r\n        And it has an image\r\n        When a user views the reward exchange list\r\n        Then they see a exchange card with title "My Visa Exchange Rule"\r\n        And the exchange image on the right hand side of the card\r\n\r\n    @motivating\r\n    Scenario Outline: Reward exchange source values are displayed on reward exchange cards\r\n        Given a <type> reward exchange rule\r\n        When a user views the reward exchange list\r\n        Then they see <text> under the name on the exchange option cards\r\n        And the pretty values are localized to a user locale\r\n        Examples:\r\n            | type                        | text                                                                |\r\n            | FIXED_GLOBAL_REWARD         | the exchange source pretty value                                    |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | the exchange source min pretty value to the source max pretty value |\r\n            | VARIABLE_GLOBAL_REWARD      | the exchange source min pretty value to the source max pretty value |\r\n            | VARIABLE_CREDIT_REWARD      | the exchange source min pretty value to the source max pretty value |\r\n\r\n    @motivating\r\n    Scenario Outline: Reward exchange cards can display customized error messages\r\n        Given a reward exchange rule\r\n        And it has <availabilityPredicate>\r\n        And the reward exchange list has prop "not-available-error" with <value>\r\n        When the user views the reward exchange list\r\n        Then the card for the reward exchange rule is disabled\r\n        And <message> is displayed\r\n        Examples:\r\n            | availabilityPredicate                                         | value                                                                                                           | message                         |\r\n            | \'champion\' in user.segments ? "NOT_CHAMPION" : true           | {unavailableReasonCode, select, NOT_CHAMPION {Sorry must be a champion!} other {unavailableReasonCode} }        | Sorry must be a champion!       |\r\n            | user.customFields.purchaseCount < 10 ? "MORE_PURCHASE" : true | {unavailableReasonCode, select, MORE_PURCHASE {Complete 10 purchases to unlock} other {unavailableReasonCode} } | Complete 10 purchases to unlock |\r\n\r\n    @motivating\r\n    Scenario: Exchange options are disabled if they put a user over the W9 limit\r\n        Given a user who is approaching their W9 limit\r\n        And a reward exchange rule\r\n        And its destination reward has a US taxable value that would put the user over their limit\r\n        When they view the reward exchange list\r\n        Then the reward exchange card is disabled\r\n        And a "US Tax Limit" error message is displayed on to the right of a exclamation triangle icon\r\n        And the text is orange\r\n        And the icon is orange\r\n\r\n    @motivating\r\n    Scenario Outline: Exchange options are disabled if a users lacks enough credit to redeem\r\n        Given a <type> reward exchange rule\r\n        But the user lacks enough credit to exchange for it\r\n        When they view the reward exchange list\r\n        Then the reward exchange card is disabled\r\n        And a <text> error message is displayed on to the right of a exclamation triangle icon\r\n        And the text is orange\r\n        And the icon is orange\r\n        Examples:\r\n            | type                        | text                            |\r\n            | FIXED_GLOBAL_REWARD         | {prettySourceValue} required    |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | {prettySourceMinValue} required |\r\n            | VARIABLE_GLOBAL_REWARD      | {prettySourceMinValue} required |\r\n            | VARIABLE_CREDIT_REWARD      | {prettySourceMinValue} required |\r\n\r\n    @motivating\r\n    Scenario: Users can go back to the Rewards page from the Select page\r\n        Given a user viewing the Select page\r\n        Then they see a "Cancel" text button\r\n        And a "Continue to confirmation" brand colour button in the bottom right corner\r\n        When they click "Cancel"\r\n        Then they return to the Rewards page\r\n\r\n    @motivating\r\n    Scenario: Users can go back to the Select Page from the Confirm page\r\n        Given a user viewing the Confirm page\r\n        Then they see a "Back" text button\r\n        And a "Redeem" brand colour button in the bottom right corner\r\n        When they click "Back"\r\n        Then they return to the Select Page\r\n\r\n    @motivating\r\n    Scenario: Reward rules with visibility predicates that evaluates to false are not shown\r\n        Given a tenant reward exchange rule with visibility predicates that evaluates to false\r\n        When a user views the reward exchange list\r\n        Then they do not see the card for that reward exchange rule\r\n\r\n    @motivating\r\n    Scenario Outline: Users can choose their reward option for variable rewards on the Select page\r\n        Given a <type> exchange rule\r\n        And it has the following fields\r\n            | fields      |\r\n            | name        |\r\n            | description |\r\n            | image       |\r\n        When a user views the reward exchange list\r\n        And they progress to the Select page for this exchange\r\n        Then they see the exchange rule image on the left hand side\r\n        And on the right hand side they see the following in this order from top to bottom\r\n            | elements                                                                                          |\r\n            | exchange name                                                                                     |\r\n            | exchange description                                                                              |\r\n            | select list with all exchange options using pretty values, destination reward above source reward |\r\n        Examples:\r\n            | type                        |\r\n            | STEPPED_FIXED_GLOBAL_REWARD |\r\n            | VARIABLE_GLOBAL_REWARD      |\r\n            | VARIABLE_CREDIT_REWARD      |\r\n\r\n    @motivating\r\n    Scenario: Users who selected a fixed exchange rule see exchange information on the Select page\r\n        Given a "FIXED_GLOBAL_REWARD" exchange rule\r\n        And it has the following fields\r\n            | fields      |\r\n            | name        |\r\n            | description |\r\n            | image       |\r\n        When a user views the reward exchange list\r\n        And they progress to the Select page for this exchange\r\n        Then they see the exchange rule image on the left hand side\r\n        And on the right hand side they see the following in this order from top to bottom\r\n            | elements                                               |\r\n            | exchange name                                          |\r\n            | exchange source pretty value displayed in brand colour |\r\n            | exchange description                                   |\r\n\r\n    @motivating\r\n    Scenario Outline: Users selection variable rewards can only select rewards they are eligible to exchange for\r\n        Given a <type> exchange rule\r\n        When a user views the reward exchange list\r\n        And they progress to the Select page for this exchange\r\n        Then they see a drop down with all the reward exchange selections\r\n        When they click on the drop down\r\n        But they are not eligible for all of the exchanges options <dueToReason>\r\n        Then the ineligble options are disabled\r\n        And under the source value is <text>\r\n        Examples:\r\n            | type                        | dueToReason                     | text                         |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | due to insufficent source value | {prettySourceValue} required |\r\n            | VARIABLE_GLOBAL_REWARD      | due to insufficent source value | {prettySourceValue} required |\r\n            | VARIABLE_CREDIT_REWARD      | due to insufficent source value | {prettySourceValue} required |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | W9                              | US Tax Limit                 |\r\n            | VARIABLE_GLOBAL_REWARD      | W9                              | US Tax Limit                 |\r\n            | VARIABLE_CREDIT_REWARD      | w9                              | US Tax Limit                 |\r\n\r\n    @motivating\r\n    Scenario Outline: The Confirm page allows users to view their exchange before committing\r\n        Given a <type> exchange rule\r\n        When a user views the reward exchange list\r\n        And they select the exchange\r\n        And they progress to Confirm page\r\n        Then they see a row with title "Reward"\r\n        And it contains the exchange name\r\n        And it contains the exchange image\r\n        And they <maySee> a row with title "Reward Amount"\r\n        And it <mayContain> <amountTitle>\r\n        And they see a row with title "Cost to Redeem"\r\n        And it contains the source reward pretty value in bolded text\r\n        Examples:\r\n            | type                        | maySee | mayContain      | amountTitle                  |\r\n            | FIXED_GLOBAL_REWARD         | don\'t  | doesn\'t contain | N/A                          |\r\n            | VARIABLE_GLOBAL_REWARD      | see    | contains        | the pretty destination value |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | see    | contains        | the pretty destination value |\r\n            | VARIABLE_CREDIT_REWARD      | see    | contains        | the pretty destination value |\r\n\r\n    @motivating\r\n    Scenario: An error banner is displayed if an error occurs during redemeption\r\n        Given a user has selected a reward to exchange\r\n        And is on the confirmation page\r\n        When they click "Redeem"\r\n        But an error occurs\r\n        Then an error banner appears\r\n        And it contains details about the error\r\n        And the reward exchange is not completed\r\n\r\n    @motivating\r\n    Scenario: Confetti is displayed when a reward exchange succeeds\r\n        Given a user has selected a reward to exchange\r\n        And they are on the confirmation page\r\n        When they click "Redeem"\r\n        And the exchange is successful\r\n        Then they see confetti centered on the success page\r\n        And they see text describing what they exchanged for their new reward\r\n        And they see a "Done" brand colour button\r\n        When they click "Done"\r\n        Then they see the Rewards page\r\n\r\n    @motivating\r\n    Scenario: Fuel tank codes are shown when a reward exchange succeeds\r\n        Given a user has selected to exchange for a fuel tank reward\r\n        When they complete the reward exchange\r\n        And are on the success page\r\n        Then they see a textbox with their fuel tank code\r\n        And a clipboard icon\r\n        When they click the clipboard icon\r\n        Then their fuel tank code is copied to their clipboard\r\n\r\n    @motivating\r\n    Scenario Outline: Users can exchange for any type of reward\r\n        Given a <type> reward exchange rule for a <reward>\r\n        And a user who has enough source credit to exchange for the reward\r\n        When they go through the exchange flow\r\n        And exchange for their reward\r\n        Then their credit is exchanged for the <reward>\r\n        Examples:\r\n            | type                        | reward         |\r\n            | FIXED_GLOBAL_REWARD         | gift card      |\r\n            | FIXED_GLOBAL_REWARD         | fuel tank code |\r\n            | FIXED_GLOBAL_REWARD         | discount       |\r\n            | FIXED_GLOBAL_REWARD         | credit reward  |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | gift card      |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | discount       |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | credit reward  |\r\n            | VARIABLE_GLOBAL_REWARD      | gift card      |\r\n            | VARIABLE_GLOBAL_REWARD      | discount       |\r\n            | VARIABLE_GLOBAL_REWARD      | credit reward  |\r\n            | VARIABLE_CREDIT_REWARD      | credit reward  |';var op={title:"Components/Reward Exchange List",parameters:{scenario:sp}};var lp=function(e){return function(){return r(Y,Object.assign({},e))}};var up=lp(pe);var dp=lp(Z);var cp=lp(Q);var mp=lp(ee);var pp=lp(re);var hp=lp(te);var gp=lp(ne);var fp=lp(ae);var bp=lp(ie);var vp=lp(se);var wp=lp(oe);var xp=lp(le);var yp=lp(ue);var Ep=lp(de);var qp=lp(ce);var Ap=lp(me);var kp=Object.freeze({__proto__:null,default:op,ChooseReward:up,CustomErrorMessage:dp,LongTextRewardExhange:cp,ChooseRewardSelected:mp,ChooseAmount:pp,ChooseAmountNoDescription:hp,ChooseAmountVariableAndStepped:gp,ChooseAmountVariableAndSteppedNoDescription:fp,chooseAmountVariableAndSteppedDisabled:bp,chooseAmountVariableAndSteppedUnavailable:vp,Confirm:wp,ConfirmVariableAndStepped:xp,Error:yp,SuccessPromo:Ep,SuccessVariableAndStepped:qp,Loading:Ap});var Dp='@author:derek\r\n@owner:derek\r\nFeature: Program Explainer\r\n\r\n    @motivating\r\n    Scenario Outline: The program explainer wraps program explainer steps and aligns them\r\n        Given a program explainer component\r\n        And it has <number> program explainer steps as components\r\n        When a user views the program explainer\r\n        Then they see <number> steps aligned horizontally\r\n        And they have equal height/width\r\n        And equal padding in between\r\n        When they are viewed on a screen smaller than 500px\r\n        Then the steps stack vertically with equal padding in between\r\n        And they have equal width\r\n        But height may vary\r\n        Examples:\r\n            | number |\r\n            | 2      |\r\n            | 3      |\r\n            | 4      |\r\n\r\n    @motivating\r\n    Scenario: The program explainer displays a section header\r\n        Given a program explainer step with props\r\n            | prop   | value     |\r\n            | header | My Header |\r\n        And it has program explainer steps as children\r\n        When a user views the program explainer\r\n        Then they see "My Header" centered above the explainer steps\r\n\r\n    @motivating\r\n    Scenario: Colours are customizable\r\n        Given a program explainer with props\r\n            | prop             | value  |\r\n            | text-color       | purple |\r\n            | background-color | grey   |\r\n        When a user views the program explainer\r\n        Then the header is purple\r\n        And the background between steos is grey\r\n';var Cp={title:"Components/Program Explainer",parameters:{scenario:Dp}};var _p=function(){return r("sqm-program-explainer",{header:"How it works"},r("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"}),r("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"}),r("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 Tp=function(){return r("sqm-program-explainer",{header:"How it works","text-color":"#fffc4b","background-color":"#ff7f7f"},r("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"}),r("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"}),r("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 Rp=Object.freeze({__proto__:null,default:Cp,OneStep:_p,Custom:Tp});var Ip='@author:derek\r\n@owner:derek\r\nFeature: Program Explainer Step\r\n\r\n    @motivating\r\n    Scenario: The program explainer step displays a icon, header and description\r\n        Given a program explainer step with props\r\n            | prop        | value                            |\r\n            | header      | My Header                        |\r\n            | description | My program explainer description |\r\n            | icon        | person-plus-fill                 |\r\n        When a user views the explainer step\r\n        Then they see an person icon with a + in the top left hand corner\r\n        And the icon is weight 300 brand colour\r\n        And below they see "My Header" in large bold font\r\n        And below they see "My program explainer description" in medium font\r\n        And the step background colour is weight 50 brand colour\r\n\r\n    @motivating\r\n    Scenario: The program explainer can display an image in place of an icon\r\n        Given a program explainer\r\n        And it has an "image-url" prop with a value of a valid url to an image\r\n        When a user views the explainer step\r\n        Then the image is displayed in place of an incon in the top left hand corner\r\n\r\n    @motivating\r\n    Scenario: Colours are customizable\r\n        Given a program explainer step with props\r\n            | prop             | value            |\r\n            | text-color       | purple           |\r\n            | background-color | grey             |\r\n        When a user views the explainer step\r\n        Then they see the step background is grey\r\n        And the header text is purple\r\n        And the description text is purple\r\n';var Sp={title:"Components/Program Explainer Step",parameters:{scenario:Ip}};var Pp=function(){return r("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 Np=function(){return r("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-staging/image/upload/v1643829061/tenant_test_a7iws76wkk4az/jaalvb4ndgxarcrtk1ya.png","text-color":"#fffc4b","background-color":"#ff7f7f"})};var Fp=Object.freeze({__proto__:null,default:Sp,ProgramExplainerStep:Pp,ProgramExplainerStepCustom:Np});var Lp='@author:derek\r\n@owner:logan\r\nFeature: Brand Configuration\r\n\r\n    @motivating\r\n    Scenario: The brand components creates a colour pallet from a brand colour and applies it to children\r\n        Given a brand component with "brand-color" "#4225c4"\r\n        And it is wrapping several mint components\r\n        When a user views the children components\r\n        Then the following css variables are set\r\n            | variable                      | value                       |\r\n            | --sl-color-primary-50         | hsla(251, 68%, 95%, 1)      |\r\n            | --sl-color-primary-100        | hsla(251, 68%, 86%, 1)      |\r\n            | --sl-color-primary-200        | hsla(251, 68%, 76%, 1)      |\r\n            | --sl-color-primary-300        | hsla(251, 68%, 66%, 1)      |\r\n            | --sl-color-primary-400        | hsla(251, 68%, 56%, 1)      |\r\n            | --sl-color-primary-500        | hsla(251, 68%, 46%, 1)      |\r\n            | --sl-color-primary-600        | hsla(251, 68%, 39%, 1)      |\r\n            | --sl-color-primary-700        | hsla(251, 68%, 32%, 1)      |\r\n            | --sl-color-primary-800        | hsla(251, 68%, 25%, 1)      |\r\n            | --sl-color-primary-900        | hsla(251, 68%, 18%, 1)      |\r\n            | --sl-color-primary-950        | hsla(251, 68%, 15%, 1)      |\r\n            | --sl-focus-ring-color-primary | var(--sl-color-primary-100) |\r\n            | --sl-input-border-color-focus | var(--sl-color-primary-500) |\r\n            | --sl-color-primary-hue        | var(--sl-color-primary-500) |\r\n        And they are applied to the children components\r\n        But they are not applied to any components outside of the brand component\r\n        And they are not applied to any vanilla components\r\n\r\n    @minutae\r\n    Scenario Outline: The brand colour can be hex, HSL or rgb\r\n        Given a brand component with "brand-color" <colour>\r\n        And it is wrapping several mint components\r\n        When a user views the children components\r\n        Then the colour is used to create a brand palete\r\n        And it is applied to the children components\r\n        Examples:\r\n            | colour             |\r\n            | #4225c4            |\r\n            | rgb(66, 37, 196)   |\r\n            | hsl(251, 68%, 46%) |\r\n            | hsla(251, 68%, 46%, 1) |\r\n\r\n    @motivating\r\n    Scenario: The brand component applies a background colour to child\r\n        Given a brand component with "background" "#ABB8C3"\r\n        And it is wrapping several mint components\r\n        When a user views the children components\r\n        Then the following css variables are set\r\n            | variable                | value                |\r\n            | --sqm-portal-background | "Nunito Sans", arial |\r\n        And they are applied to the children components\r\n        And children components using "sqm-portal-background" have "#ABB8C3" coloured backgrounds\r\n\r\n    @motivating\r\n    Scenario: The brand component can apply a brand font to children components\r\n        Given a brand component with "brand-font" "Nunito Sans"\r\n        And it is wrapping several mint components\r\n        When a user views the children components\r\n        Then the following css variables are set\r\n            | variable                 | value                |\r\n            | --sl-font-sans           | "Nunito Sans", arial |\r\n            | --sl-input-font-family   | "Nunito Sans", arial |\r\n            | --sl-tooltip-font-family | "Nunito Sans", arial |\r\n            | font-family              | "Nunito Sans", arial |\r\n        And they are applied to the children components\r\n        And the children component\'s text is "Nunito Sans"';var Bp={title:"Components/Brand",parameters:{scenario:Lp}};var Op=function(){return r("div",{style:{padding:"10px",border:"5px solid #EEE"}},r("div",{style:{display:"flex",gap:"5px",padding:"5px"}},r("sl-button",{type:"default"},"Default"),r("sl-button",{type:"primary"},"Primary"),r("sl-button",{type:"success"},"Success"),r("sl-button",{type:"neutral"},"Neutral"),r("sl-button",{type:"warning"},"Warning"),r("sl-button",{type:"danger"},"Danger")),r("div",{style:{display:"flex",gap:"5px",padding:"5px"}},r("sl-badge",{type:"primary"},"Primary"),r("sl-badge",{type:"success"},"Success"),r("sl-badge",{type:"neutral"},"Neutral"),r("sl-badge",{type:"warning"},"Warning"),r("sl-badge",{type:"danger"},"Danger")),r("div",{class:"color-palette"},r("div",{class:"color-palette__name"},"Primary",r("br",null),r("code",null,"--sl-color-primary-",r("em",null,"{n}"))),r("div",{style:{display:"flex",gap:"5px"}},r(Vp,{depth:50}),r(Vp,{depth:100}),r(Vp,{depth:200}),r(Vp,{depth:300}),r(Vp,{depth:400}),r(Vp,{depth:500}),r(Vp,{depth:600}),r(Vp,{depth:700}),r(Vp,{depth:800}),r(Vp,{depth:900}),r(Vp,{depth:950}))))};var Gp=function(){return r("div",null,r(Op,null),r("sqm-brand",{"brand-color":"#FF0000"},r(Op,null)),r("sqm-brand",{"brand-color":"#00FF00"},r(Op,null)),r("sqm-brand",{"brand-color":"#0000FF"},r(Op,null)),r("sqm-brand",{"brand-color":"#000000"},r(Op,null)))};var jp=function(){return r("div",null,"Default ",r(Op,null),r("sqm-brand",{"brand-color":"#FF0000"},"Red:",r(Op,null),r("sqm-brand",{"brand-color":"#00FF00"},"Green:",r(Op,null),r("sqm-brand",{"brand-color":"#0000FF"},"Blue:",r(Op,null),r("sqm-brand",{"brand-color":"#000000"},"Black:",r(Op,null))))))};function Vp(e){var t=e.depth;return r("div",{style:{backgroundColor:"var(--sl-color-primary-"+t+")",color:"var(--sl-color-neutral-"+(1e3-t)+")",width:"50px",height:"50px",display:"flex",justifyContent:"center",alignItems:"center"}},t)}var zp=function(){return r("div",null,r(Op,null),r("sqm-brand",{"brand-font":"Roboto"},"Roboto",r(Op,null)),r("sqm-brand",{"brand-font":"Open Sans"},"Open Sans",r(Op,null)),r("sqm-brand",{"brand-font":"Lato"},"Lato",r(Op,null)),r("sqm-brand",{"brand-font":"Oswald"},"Oswald",r(Op,null)))};var Mp=function(){return r("div",null,r("sqm-brand",{background:"#FF0000"},r("sqm-portal-container",null,r(Op,null))),r("sqm-brand",{background:"#00FF00"},r("sqm-portal-container",null,r(Op,null))),r("sqm-brand",{background:"#0000FF"},r("sqm-portal-container",null,r(Op,null))),r("sqm-brand",{background:"#000000"},r("sqm-portal-container",null,r(Op,null))))};var Wp=Object.freeze({__proto__:null,default:Bp,Examples:Gp,Nested:jp,Fonts:zp,Background:Mp});var Up='@author:kutay\r\n@owner:kutay\r\nFeature: Card Feed\r\n\r\n\tThe Card Feed component displays Task Card components in a grid layout.\r\n\r\n\tBackground: A user on the portal is viewing the widget\r\n\t\tGiven a user viewing the Card Feed component\r\n\r\n\t@motivating\r\n\tScenario: The Card Feed component displays Task Cards given as children slots\r\n\t\tGiven a Card Feed component\r\n\t\tAnd it is wrapping a number of task cards as children\r\n\t\tWhen the user views the Card Feed\r\n\t\tThen the task cards are displayed in a masonry layout\r\n\t\tWhen the card feed with grows or shrinks in width\r\n\t\tThen the number of columns adjust to the given width\r\n\r\n\t@motivating\r\n\tScenario Outline: The Card Feed component can have a maximum width\r\n\t\tGiven a Card Feed component\r\n\t\tAnd it is wrapping a number of task cards as children\r\n\t\tAnd has prop "width" has a provided <value>\r\n\t\tThen the task cards are displayed in a masonry layout\r\n\t\tWhen the card feed with grows or shrinks in width\r\n\t\tThen the number of columns adjust to the given width\r\n\t\tAnd the task cards do not exceed <width>\r\n\t\tExamples:\r\n\t\t\t| value | width |\r\n\t\t\t|       | 347px |\r\n\t\t\t| 200   | 200px |\r\n\t\t\t| 400   | 400px |\r\n\r\n\t@motivating\r\n\tScenario Outline: The Card Feed component gap between task cards can be customized\r\n\t\tGiven a Card Feed component\r\n\t\tAnd it is wrapping a number of task cards as children\r\n\t\tAnd has prop "gap" has a provided <value>\r\n\t\tThen the task cards are displayed in a masonry layout\r\n\t\tAnd the gap between the columns is the <gap>\r\n\t\tExamples:\r\n\t\t\t| value | gap  |\r\n\t\t\t|       | 24px |\r\n\t\t\t| 20    | 20px |\r\n\t\t\t| 50    | 50px |';var Hp={title:"Components/Card Feed",parameters:{scenario:Up}};var Jp={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 $p={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 Kp={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 Xp=function(){return r(he,{width:347,gap:24},r($,Object.assign({},Jp)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},$p)),r($,Object.assign({},$p)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},Kp)))};var Yp=function(){return r(he,{width:400,gap:150},r($,Object.assign({},Jp)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},$p)),r($,Object.assign({},$p)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},Kp)))};var Zp=function(){return r(he,{width:400,gap:12},r($,Object.assign({},Jp)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},$p)),r($,Object.assign({},$p)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},Kp)))};var Qp=function(){return r(he,{width:1e3,gap:24},r($,Object.assign({},Jp)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},$p)),r($,Object.assign({},$p)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},Kp)))};var eh=function(){return r(he,{width:250,gap:24},r($,Object.assign({},Jp)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},$p)),r($,Object.assign({},$p)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},Kp)))};var rh=Object.freeze({__proto__:null,default:Hp,TaskCardGrid:Xp,TaskCardGridHighGap:Yp,TaskCardGridLowGap:Zp,TaskCardGridHighWidth:Qp,TaskCardGridLowWidth:eh});var th='@author:kutay\r\n@owner:noah\r\nFeature: Portal Container\r\n\r\n\tScenario: Horizontal content overflows, but does not stretch\r\n\t\tGiven there are two element in the container\r\n\t\tAnd the first is small\r\n\t\tAnd the second would stretch the container wider than it\'s parent\r\n\t\tThen the second one is clipped\r\n\t\tAnd the first one doesn\'t stretch\r\n\r\n\t@landmine\r\n\tScenario: `max-width` is required for displaying as a row\r\n\t\tGiven I have `direction` to "row"\r\n\t\tAnd I have not set a `max-width`\r\n\t\tThen it displays as a column\r\n\r\n\t@motivating\r\n\tScenario Outline: Content padding can be customized\r\n\t\tGiven prop "padding" has <value>\r\n\t\tThen <padding> is applied to content\r\n\r\n\t\tExamples:\r\n\t\t\t| value      | padding    |\r\n\t\t\t| none       | no padding |\r\n\t\t\t| xxx-small  | xxx-small  |\r\n\t\t\t| xx-small   | xx-small   |\r\n\t\t\t| x-small    | x-small    |\r\n\t\t\t| small      | small      |\r\n\t\t\t| medium     | medium     |\r\n\t\t\t| large      | large      |\r\n\t\t\t| x-large    | x-large    |\r\n\t\t\t| xx-large   | xx-large   |\r\n\t\t\t| xxx-large  | xxx-large  |\r\n\t\t\t| xxxx-large | xxxx-large |\r\n\t\t\t| N/A        | no padding |\r\n\r\n\r\n\t@motivating\r\n\tScenario Outline: Gap between content elements can be customized\r\n\t\tGiven prop "gap" has <value>\r\n\t\tThen <gap> is applied to elements between content\r\n\r\n\t\tExamples:\r\n\t\t\t| value      | gap        |\r\n\t\t\t| none       | no padding |\r\n\t\t\t| xxx-small  | xxx-small  |\r\n\t\t\t| xx-small   | xx-small   |\r\n\t\t\t| x-small    | x-small    |\r\n\t\t\t| small      | small      |\r\n\t\t\t| medium     | medium     |\r\n\t\t\t| large      | large      |\r\n\t\t\t| x-large    | x-large    |\r\n\t\t\t| xx-large   | xx-large   |\r\n\t\t\t| xxx-large  | xxx-large  |\r\n\t\t\t| xxxx-large | xxxx-large |\r\n\t\t\t| N/A        | no padding |\r\n\r\n\t@minutae\r\n\tScenario: Content can be center aligned in horizontal view\r\n\t\tGiven I have supplied the prop "center"\r\n\t\tThen the content is center aligned\r\n\r\n\t@minutae\r\n\tScenario: Content in the last row can span full width with display in horizontal view\r\n\t\tGiven I have `display` to "flex"\r\n\t\tThen the content is full width on the last row\r\n';var nh={title:"Components/Portal Container",parameters:{scenario:th}};var ah=function(){return r("div",{style:{width:"200px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"xxx-large"},r("div",{style:{background:"grey",border:"1px solid red"}},"Small"),r("div",{style:{background:"lightblue",width:"1000px"}},"Too wide, content goes off the side of the page for ever and is hidden.")))};var ih=function(){return r("div",{style:{width:"500px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"xxx-large",direction:"row","min-width":"160px"},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var sh=function(){return r("div",{style:{width:"500px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"small",direction:"row","min-width":"160px"},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var oh=function(){return r("div",{style:{width:"500px",border:"1px dashed grey"}},r("sqm-portal-container",{padding:"xxx-large",gap:"xxx-large",direction:"row","min-width":"160px"},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var lh=function(){return r("div",{style:{width:"500px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"xxx-large",direction:"row",display:"flex","min-width":"160px"},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var uh=function(){return r("div",{style:{width:"1000px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"xxx-large",direction:"row",minWidth:"160px",maxWidth:"50%"},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var dh=function(){return r("div",{style:{width:"1000px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"xxx-large",direction:"row",minWidth:"160px",maxWidth:"50%",center:true},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var ch=function(){return r("div",{style:{width:"1000px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"xxx-large",direction:"row",maxWidth:"100%"},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var mh=Object.freeze({__proto__:null,default:nh,TooWideColumn:ah,TooWideRow:ih,TooWideSmallGap:sh,TooWidePadding:oh,TooWideDisplayFlex:lh,HalfWidth:uh,HalfWidthCenter:dh,FullWidth:ch});var ph='@owner:sam\r\n@author:sam\r\nFeature: Rewards Table\r\n\r\n    Shows a list of rewards as a table\r\n\r\n    @motivating\r\n    Scenario: The empty state is shown if there are no rewards\r\n        Given a user with rewards\r\n        When they view the reward table\r\n        Then no rewards are displayed\r\n        And they see an image with a user icon\r\n        And "View your rewards" in bold\r\n        And "See all the rewards you have earned from referring friends and completing tasks" below the bolded text\r\n        And the pagination buttons are disabled\r\n\r\n    @motivating\r\n    Scenario: The empty state image and text are customizable\r\n        Given the reward table has been given the following prop values\r\n            | prop                | value                                                                                                                           |\r\n            | empty-state-img-url | https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png |\r\n            | empty-state-title   | View your reward history                                                                                                        |\r\n            | empty-state-text    | Earn rewards and review them here!                                                                                              |\r\n        And a user with no rewards\r\n        When they view the reward table\r\n        Then they see no rewards\r\n        And they see the SaaSquatch logo\r\n        And "View your reward history" in bold\r\n        And "Earn rewards and review them here! " below the bolded text\r\n        And the pagination buttons are disabled\r\n\r\n    @minutae\r\n    Scenario: A custom empty state can be provided\r\n        Given a user with no rewards\r\n        And a custom empty state has been supplied in the "empty" slot\r\n        When they view the reward table\r\n        Then they see the custom empty state\r\n        And the pagination buttons are disabled\r\n\r\n    @minutae\r\n    Scenario: The loading state is shown while rewards are loading\r\n        Given the table is loading\r\n        Then the loading state is shown in the table\r\n        And a custom loading state can be supplied in the "loading" slot\r\n        And the pagination buttons are disabled\r\n\r\n    @motivating\r\n    Scenario Outline: The table becomes paginated when the number of rewards exceeds the per page limit\r\n        Given the user has <number of rewards>\r\n        And the table is configured to show <page limit> rewards per page\r\n        Then the table will have <number of pages> page(s)\r\n        And pagination buttons will allow users to navigate between pages\r\n        And the pagination button to go to the next page is disabled on the last page of rewards\r\n        And the pagination button to go to the previous page is disabled on the first page of rewards\r\n        Examples:\r\n            | number of rewards | page limit | number of pages |\r\n            | 0                 | 4          | 1               |\r\n            | 1                 | 4          | 1               |\r\n            | 3                 | 4          | 1               |\r\n            | 5                 | 4          | 2               |\r\n            | 42                | 4          | 11              |\r\n\r\n    @motivating\r\n    Scenario: The table converts to a card view on tablet and mobile window sizes\r\n        Given a user with rewards\r\n        When they view the table\r\n        And their window size is smaller than "899px"\r\n        Then rewards are displayed as cards\r\n        And they are in two columns\r\n        When their window size is smaller than "634px"\r\n        Then the rewards are displayed as cards in a singular column\r\n\r\n    @motivating\r\n    Scenario: Table and Mobile beakpoints can be configured\r\n        Given the reward table has been configured with the following props\r\n            | prop         | value |\r\n            | smBreakpoint | 599   |\r\n            | mdBreakpoint | 799   |\r\n        And a user with rewards\r\n        When they view the table\r\n        And their window size is smaller than "799px"\r\n        Then rewards are displayed as cards\r\n        And they are in two columns\r\n        When their window size is smaller than "599px"\r\n        Then the rewards are displayed as cards in a singular column\r\n\r\n    @motivating\r\n    Scenario Outline: By default the first column heading is hidden in mobile\r\n        Given a reward table with 4 columns\r\n        And prop "hidden-columns" with <hideColumnValue>\r\n        And a user with rewards\r\n        When they view the reward table\r\n        And their window size is below the tablet breakpoint\r\n        Then reward cards are displayed\r\n        And the titles of <columnsArehidden> within the card\r\n        Examples:\r\n            | hideColumnValue | columnsArehidden                    |\r\n            |                 | the first column                    |\r\n            | 0,1,2           | the first, second and third columns |\r\n            | 3               | the fourth column                   |\r\n\r\n    @motivating\r\n    Scenario: Only rewards which occured in the program specific by "program-id" are shown\r\n        Given the table is configured with "program-id"\r\n        Then only rewards from the program with "program-id" are shown\r\n\r\n    @landmine\r\n    Scenario: Classic program rewards can\'t be filtered for\r\n        There is no easy way for the backend to filter for "classic" programs,\r\n        since it only allows filtering my "programId: null"\r\n        and that returns manual rewards and reward exchanges\r\n\r\n        Given the "program-id" of the table is set to "classic"\r\n        Then there is an error shown\r\n\r\n    @minutae\r\n    Scenario: Column heading can be hidden\r\n        Given the table is configured with "show-labels" set to false\r\n        Then the table is displayed without column headings';var hh={title:"Components/Rewards Table Cell",parameters:{scenario:ph}};var gh={id:"61c100117a82a376d8804166",type:"CREDIT",value:19,unit:"TESTUNIT",name:null,dateGiven:1640038417468,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"],pendingReasons:null,globalRewardKey:null,rewardSource:"MANUAL",prettyRedeemedCredit:"0 Points",prettyAssignedCredit:"19 Points",prettyAvailableValue:"19 Points",exchangedRewardRedemptionTransaction:null,referral:null,rewardRedemptionTransactions:{data:null}};var fh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},gh),Ah)})};var bh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign({},gh),availableText:"19 Points available"})};var vh={prettyAvailableValue:"10 Points",prettyRedeemedCredit:"9 Points",prettyRedeemedNumber:"9",dateRedeemed:1640038417468};var wh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},gh),vh),availableText:"10 Points available"})};var xh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},gh),Uh),redeemedText:"0 Points redeemed"})};var yh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign(__assign({},gh),vh),Jh),redeemedText:"9 Points redeemed"})};var Eh={prettyAvailableValue:"0 Points",prettyAvailableNumber:"0",prettyRedeemedCredit:"19 Points",prettyRedeemedNumber:"19",dateRedeemed:1640038417468};var qh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},gh),Eh),availableText:"0 Points available"})};var Ah={prettyValue:"1 Point",prettyValueNumber:"1"};var kh={prettyValue:"19 Points with a really really super duper longest name ever in the world wide web",prettyValueNumber:"19"};var Dh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},gh),kh),availableText:"19 Points with a really really super duper longest name ever in the world wide web available"})};var Ch=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},gh),{type:"FUELTANK",prettyValue:"SaaSquatch Giftcard"})})};var _h=function(){return r("sqm-rewards-table-source-cell",{reward:gh,rewardSourceText:"Manual"})};var Th=function(){return r("sqm-rewards-table-source-cell",{reward:__assign(__assign({},gh),{rewardSource:"AUTOMATED",program:{name:"Klip Loyalty"}}),rewardSourceText:"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"})};var Rh={exchangedRewardRedemptionTransaction:{id:"61c100117a82a376d88041196",creditRedeemed:1,prettyRedeemedCredit:"1 Money",unit:"TESTUNIT",dateRedeemed:1640038417173,redeemedRewards:null,exchangedRewards:null}};var Ih=function(){return r("sqm-rewards-table-source-cell",{reward:__assign(__assign({},gh),Rh),rewardExchangeText:"Reward Exchange"})};var Sh={firstName:"John",lastName:"Doe",imageUrl:null};var Ph={firstName:"",lastName:"",imageUrl:null};var Nh=function(e){if(e===void 0){e=null}return{rewardSource:"FRIEND_SIGNUP",referral:{id:"123",dateConverted:1640038417173,dateReferralStarted:1640038417173,dateReferralPaid:1640038417173,dateReferralEnded:null,moderationStatus:null,rewards:null,referrerUser:e,referredUser:e}}};var Fh=function(e){if(e===void 0){e=null}return{rewardSource:"REFERRED",referral:{id:"123",dateConverted:1640038417173,dateReferralStarted:1640038417173,dateReferralPaid:1640038417173,dateReferralEnded:null,moderationStatus:null,rewards:null,referrerUser:e,referredUser:e}}};var Lh=function(){return r("sqm-rewards-table-source-cell",{reward:__assign(__assign({},gh),Nh(Sh)),referralText:"Referral to"})};var Bh=function(){return r("sqm-rewards-table-source-cell",{reward:__assign(__assign({},gh),Fh(Sh)),referralText:"Referred by"})};var Oh=function(){return r("sqm-rewards-table-source-cell",{reward:__assign(__assign({},gh),Nh(Ph)),referralText:"Referral to",anonymousUserText:"Anonymous User"})};var Gh=function(){return r("sqm-rewards-table-source-cell",{reward:__assign(__assign({},gh),Nh(null)),referralText:"Referral to",deletedUserText:"Deleted User"})};var jh=function(){return r("sqm-rewards-table-status-cell",{statusText:"Available",reward:gh})};var Vh={dateExpires:1640038417468};var zh=function(){return r("sqm-rewards-table-status-cell",{statusText:"Available",reward:__assign(__assign({},gh),Vh),expiryText:"Expires"})};var Mh={statuses:["REDEEMED"],dateRedeemed:1640038417468};var Wh=function(){return r("sqm-rewards-table-status-cell",{statusText:"Redeemed",reward:__assign(__assign({},gh),Mh)})};var Uh={statuses:["CANCELLED"],dateCancelled:1640038417468};var Hh=function(){return r("sqm-rewards-table-status-cell",{statusText:"Cancelled",reward:__assign(__assign({},gh),Uh)})};var Jh={statuses:["EXPIRED"],dateExpires:1640038417468};var $h=function(){return r("sqm-rewards-table-status-cell",{statusText:"Expired",reward:__assign(__assign({},gh),Jh)})};var Kh={statuses:["PENDING"]};var Xh={pendingReasons:["US_TAX"]};var Yh={pendingReasons:["SCHEDULED"],dateScheduledFor:1640038417468};var Zh={pendingReasons:["UNHANDLED_ERROR"]};var Qh=function(){return r("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign({},gh),Kh)})};var eg=function(){return r("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},gh),Kh),Xh)})};var rg=function(){return r("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},gh),Kh),Yh)})};var tg=function(){return r("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},gh),Kh),Zh)})};var ng=function(){return r("sqm-rewards-table-date-cell",{date:1640038417468})};var ag=function(){return r("sqm-rewards-table-date-cell",null)};var ig=Object.freeze({__proto__:null,default:hh,RewardsCellCreditSingle:fh,RewardsCellCreditFull:bh,RewardsCellCreditPartial:wh,RewardsCellCreditCancelled:xh,RewardsCellCreditExpired:yh,RewardsCellCreditRedeemed:qh,RewardsCellCreditLong:Dh,RewardsCellNonCredit:Ch,SourceCellManual:_h,SourceCellProgram:Th,SourceCellExchange:Ih,SourceCellReferral:Lh,SourceCellReferred:Bh,SourceCellAnonymousUser:Oh,SourceCellDeletedUser:Gh,StatusCellAvailable:jh,StatusCellAvailableExpiry:zh,StatusCellRedeemed:Wh,StatusCellCancelled:Hh,StatusCellExpired:$h,StatusCellPending:Qh,StatusCellPendingUsTax:eg,StatusCellPendingScheduled:rg,StatusCellPendingUnhandled:tg,DateCell:ng,EmptyCell:ag});var sg={title:"Components/Rewards Table",parameters:{scenario:ph}};var og=r("div",{slot:"loading",style:{display:"contents"}},r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))));var lg=r("div",{slot:"empty",style:{display:"contents"}},r("sqm-table-row",null,r("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},r("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_4_1.png","max-width":"100px"}),r("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},r("sqm-text",{slot:"label"},r("h3",null,"View your rewards")),r("sqm-text",{slot:"content"},"See all the rewards you have earned from referring friends and completing tasks"))))));var ug=function(e,r,t,n,a,i){if(r===void 0){r=false}if(t===void 0){t=false}if(n===void 0){n="Prev"}if(a===void 0){a="Next"}if(i===void 0){i=""}return{states:{hasPrev:false,hasNext:true,show:r?"empty":t?"loading":"rows",namespace:"sqm-rewards-table"},data:{textOverrides:{showLabels:true,prevLabel:n,moreLabel:a},hiddenColumns:i,mdBreakpoint:899,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:lg,loadingElement:og}}};var dg=[r(bh,null),r(jh,null),r(Lh,null),r(ng,null)];var cg=[r(wh,null),r(zh,null),r(Bh,null),r(ng,null)];var mg=[r(xh,null),r(Hh,null),r(Gh,null),r(ng,null)];var pg=[r(qh,null),r(Wh,null),r(_h,null),r(ng,null)];var hg=[r(Dh,null),r(zh,null),r(Bh,null),r(ng,null)];var gg=function(){return r(b,Object.assign({},ug([dg,pg,mg,cg])))};var fg=function(){return r(b,Object.assign({},ug([dg])))};var bg=function(){return r(b,Object.assign({},ug([pg,hg])))};var vg=function(){return r(b,Object.assign({},ug([],true)))};var wg=function(){return r(b,Object.assign({},ug([],false,true)))};var xg=function(){return r(b,Object.assign({},ug([dg,pg,mg,cg],false,false,"CUSTOM PREVIOUS TEXT","CUSTOM NEXT TEXT")))};var yg=function(){return r(b,Object.assign({},ug([dg,pg,mg,cg],false,false,undefined,undefined,"0,1,2,3")))};var Eg=Object.freeze({__proto__:null,default:sg,RewardsTable:gg,RewardsTableSingle:fg,RewardsTableLong:bg,RewardsTableEmpty:vg,RewardsTableLoading:wg,CustomButtonTextTable:xg,ColumnsMobileHidden:yg});var qg={title:"Hooks / useReferralTable"};function Ag(){var e="testestest";var r=e;window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com"};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:e,accountId:r}}function kg(e){var r=e.token,t=e.id;var n=t;window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com"};o((function(){m({accountId:n,id:t,jwt:r});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:t,accountId:n}}var Dg=_a((function(){Ag();g("sam-partner-test-2");return r("sqm-referral-table",null,r("sqm-referral-table-user-column",null),r("sqm-referral-table-status-column",null),r("sqm-referral-table-date-column",null),r("sqm-referral-table-rewards-column",null))}));var Cg=_a((function(){return r("sqm-referral-table",null,r("sqm-referral-table-user-column",null),r("sqm-referral-table-status-column",null),r("sqm-referral-table-date-column",null),r("sqm-referral-table-rewards-column",null))}));var _g=_a((function(){return r("sqm-referral-table",{"show-referrer":"true"},r("sqm-referral-table-user-column",null),r("sqm-referral-table-status-column",null),r("sqm-referral-table-date-column",null),r("sqm-referral-table-rewards-column",null))}));var Tg=_a((function(){kg({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",id:"samenglish"});g("klip-referral-program");return r("sqm-referral-table",{"per-page":"4"},r("sqm-referral-table-user-column",{"column-title":"User"}),r("sqm-referral-table-status-column",{"column-title":"Referral Status"}),r("sqm-referral-table-rewards-column",null),r("sqm-referral-table-date-column",{"column-title":"Date Referred","date-shown":"dateReferralStarted"}))}));var Rg=_a((function(){kg({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",id:"samturkey"});g("klip-referral-program");return r("sqm-referral-table",{"more-label":"Daha","prev-label":"Öncesi","empty-state-text":"Henüz Ödül Yok","per-page":"4"},r("sqm-referral-table-user-column",{"column-title":"Kullanıcılar","anonymous-user":"Anonim Kullanıcı","deleted-user":"Silinmiş Kullanıcı"}),r("sqm-referral-table-status-column",{"column-title":"Durumu","converted-status-text":"Dönüştür","in-progress-status-text":"Devam etmekte"}),r("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ı:"}),r("sqm-referral-table-date-column",{"column-title":"Tarih","date-shown":"dateReferralStarted"}))}));var Ig=_a((function(){kg({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",id:"samfrench"});g("klip-referral-program");return r("sqm-referral-table",{"more-label":"Plus","prev-label":"Précédent","empty-state-text":"Aucune Référence Maintenant","per-page":"4"},r("sqm-referral-table-user-column",{"column-title":"Utilisateur","anonymous-user":"Utilisateur Anonyme","deleted-user":"Utilisateur Supprimé"}),r("sqm-referral-table-status-column",{"column-title":"Statut de Parrainage","converted-status-text":"Converti","in-progress-status-text":"En cours"}),r("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"}),r("sqm-referral-table-date-column",{"column-title":"Date de Référence","date-shown":"dateReferralStarted"}))}));var Sg=Object.freeze({__proto__:null,default:qg,ReferralTable:Dg,ReferralTableDemoHook:Cg,ReferralTableDemoHookShowReferrer:_g,ReferralTableEn:Tg,ReferralTableTr:Rg,ReferralTableFr:Ig});var Pg='@author:kutay\r\n@owner:kutay\r\nFeature: Hero Image\r\n\r\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.\r\n\r\n\tBackground: A user on the portal is viewing the widget\r\n\t\tGiven a user viewing the Hero Image component\r\n\r\n\t@motivating\r\n\tScenario: Overlay image displays header, description, and button with brand color\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop        | value                                                              |\r\n\t\t\t| image-url   | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.png/"                                 |\r\n\t\t\t| header      | "Klip Rewards"                                                     |\r\n\t\t\t| description | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text | "Start earning"                                                    |\r\n\t\t\t| layout      | "overlay"                                                          |\r\n\t\tThen they see their image\r\n\t\tAnd the image has no padding\r\n\t\tAnd it has a brand colour overlay\r\n\t\tAnd "Klip Rewards" is displayed over top of the image in xxx-large font\r\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\r\n\t\tAnd below they see a brand coloured button with text "Start earning"\r\n\t\tAnd the text section has xxx-large padding\r\n\t\tWhen the component is scaled down to 599px\r\n\t\tThen the image is scaled to fit content\r\n\r\n\t@motivating\r\n\tScenario Outline: Overlay image crop can be aligned left, center or right\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop        | value                                                              |\r\n\t\t\t| image-url   | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.png/"                                 |\r\n\t\t\t| header      | "Klip Rewards"                                                     |\r\n\t\t\t| description | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text | "Start earning"                                                    |\r\n\t\t\t| layout      | "overlay"                                                          |\r\n\t\t\t| image-pos   | <value>                                                            |\r\n\t\tThen the image with overlay is displayed\r\n\t\tWhen the component is scaled down to 599px\r\n\t\tThen the image is <alignment> to fit content\r\n\t\tExamples:\r\n\t\t\t| value  | alignment     |\r\n\t\t\t| left   | left aligned  |\r\n\t\t\t| center | centered      |\r\n\t\t\t| right  | right aligned |\r\n\t\t\t| N/A    | centered      |\r\n\r\n\t@motivating\r\n\tScenario Outline: Overlay padding is configurable\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop         | value                                                              |\r\n\t\t\t| image-url    | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.png/"                                 |\r\n\t\t\t| header       | "Klip Rewards"                                                     |\r\n\t\t\t| description  | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text  | "Start earning"                                                    |\r\n\t\t\t| layout       | "overlay"                                                          |\r\n\t\t\t| padding-text | <value>                                                            |\r\n\t\tThen the image with overlay is displayed\r\n\t\tAnd <padding> is applied around header, description and button\r\n\t\tExamples:\r\n\t\t\t| value      | padding    |\r\n\t\t\t| none       | no padding |\r\n\t\t\t| xxx-small  | xxx-small  |\r\n\t\t\t| xx-small   | xx-small   |\r\n\t\t\t| x-small    | x-small    |\r\n\t\t\t| small      | small      |\r\n\t\t\t| medium     | medium     |\r\n\t\t\t| large      | large      |\r\n\t\t\t| x-large    | x-large    |\r\n\t\t\t| xx-large   | xx-large   |\r\n\t\t\t| xxx-large  | xxx-large  |\r\n\t\t\t| xxxx-large | xxxx-large |\r\n\t\t\t| N/A        | no padding |\r\n\r\n\t@motivating\r\n\tScenario Outline: Overlay color and background is configurable\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop            | value                                                              |\r\n\t\t\t| image-url       | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.png/"                                 |\r\n\t\t\t| header          | "Klip Rewards"                                                     |\r\n\t\t\t| description     | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text     | "Start earning"                                                    |\r\n\t\t\t| layout          | "overlay"                                                          |\r\n\t\t\t| text-color      | <textColor>                                                        |\r\n\t\t\t| overlay-color   | <overlayColor>                                                     |\r\n\t\t\t| overlay-opacity | <overlayOpacity>                                                   |\r\n\t\tThen the image with overlay is displayed\r\n\t\tAnd the overlay is <overlayColor>\r\n\t\tAnd the overlay has <overlayOpacity>\r\n\t\tAnd the text is <textColor>\r\n\t\tExamples:\r\n\t\t\t| textColor | overlayColor | overlayOpacity |\r\n\t\t\t| #fffc4b   | #ff7f7f      | 0.9            |\r\n\t\t\t| #1d0314   | #4baa1a      | 0              |\r\n\t\t\t| #211a27   | #aa481a      | 1              |\r\n\r\n\t@motivating\r\n\tScenario: Two-column layout displays an image on one side and on the other side a header, description, and button\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop        | value                                                              |\r\n\t\t\t| image-url   | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.png"                                 |\r\n\t\t\t| header      | "Klip Rewards"                                                     |\r\n\t\t\t| description | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text | "Start earning"                                                    |\r\n\t\t\t| layout      | "columns"                                                          |\r\n\t\tThen the image is displayed on the left\r\n\t\tAnd the following elements are displayed on the right\r\n\t\t\t| elements    |\r\n\t\t\t| header      |\r\n\t\t\t| description |\r\n\t\t\t| button      |\r\n\t\tWhen the component is scaled down to 599px\r\n\t\tThen the two-column layout switches to a row layout\r\n\t\tAnd the image is displayed on top\r\n\t\tAnd the content is displayed below\r\n\r\n\t@motivating\r\n\tScenario Outline: Image position is configurable for desktop and 599pxs\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop             | value                                                              |\r\n\t\t\t| image-url        | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.png"                                 |\r\n\t\t\t| header           | "Klip Rewards"                                                     |\r\n\t\t\t| description      | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text      | "Start earning"                                                    |\r\n\t\t\t| layout           | "columns"                                                          |\r\n\t\t\t| image-pos        | <imagePos>                                                         |\r\n\t\t\t| image-mobile-pos | <imageMobilePos>                                                   |\r\n\t\tThen the image is displayed on the <imagePos>\r\n\t\tWhen the component is scaled down to 599px\r\n\t\tThen two-column layout switches to a row layout\r\n\t\tAnd image is displayed on the <imageMobilePos>\r\n\t\tExamples:\r\n\t\t\t| imagePos | imageMobilePos |\r\n\t\t\t| left     | top            |\r\n\t\t\t| right    | bottom         |\r\n\r\n\t@motivating\r\n\tScenario Outline: Padding is configurable for the image and text of two column layouts\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop          | value                                                              |\r\n\t\t\t| image-url     | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.png"                                 |\r\n\t\t\t| header        | "Klip Rewards"                                                     |\r\n\t\t\t| description   | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text   | "Start earning"                                                    |\r\n\t\t\t| layout        | "columns"                                                          |\r\n\t\t\t| padding-text  | <paddingText>                                                      |\r\n\t\t\t| padding-image | <paddingImage>                                                     |\r\n\t\tThen the two column layout is displayed\r\n\t\tAnd the image has padding <paddingImage>\r\n\t\tAnd the text has padding <paddingText>\r\n\t\tExamples:\r\n\t\t\t| paddingText | paddingImage |\r\n\t\t\t| xxx-small   | xxx-small    |\r\n\t\t\t| xx-small    | xx-small     |\r\n\t\t\t| x-small     | x-small      |\r\n\t\t\t| small       | small        |\r\n\t\t\t| medium      | medium       |\r\n\t\t\t| large       | large        |\r\n\t\t\t| x-large     | x-large      |\r\n\t\t\t| xx-large    | xx-large     |\r\n\t\t\t| xxx-large   | xxx-large    |\r\n\t\t\t| xxxx-large  | xxxx-large   |\r\n\t\t\t| none        | none         |\r\n\r\n\t@motivating\r\n\tScenario Outline: Two-column layout image division percentage is configurable\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop             | value                                                              |\r\n\t\t\t| image-url        | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.png"                                 |\r\n\t\t\t| header           | "Klip Rewards"                                                     |\r\n\t\t\t| description      | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text      | "Start earning"                                                    |\r\n\t\t\t| layout           | "columns"                                                          |\r\n\t\t\t| image-percentage | <percent>                                                          |\r\n\t\tThen the two column layout is displayed\r\n\t\tAnd the image takes up <percent> of the two-column layout\r\n\t\tAnd the text elements take up the remainder of the space\r\n\t\tExamples:\r\n\t\t\t| percent |\r\n\t\t\t| 25%     |\r\n\t\t\t| 42%     |\r\n\t\t\t| 66%     |\r\n\r\n\t@motivating\r\n\tScenario: Two-column layout text and background color is configurable\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop             | value                                                              |\r\n\t\t\t| image-url        | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.png"                                 |\r\n\t\t\t| header           | "Klip Rewards"                                                     |\r\n\t\t\t| description      | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text      | "Start earning"                                                    |\r\n\t\t\t| layout           | "columns"                                                          |\r\n\t\t\t| text-color       | <textColor>                                                        |\r\n\t\t\t| background-color | <backgroundColor>                                                  |\r\n\t\tThen the two column layout is displayed\r\n\t\tAnd the text has color <textColor>\r\n\t\tAnd the background has color <backgroundColor>\r\n\t\tExamples:\r\n\t\t\t| textColor | backgroundColor |\r\n\t\t\t| #fffc4b   | #ff7f7f         |\r\n\t\t\t| #1d0314   | #4baa1a         |\r\n\t\t\t| #211a27   | #aa481a         |';var Ng={title:"Components/Hero Image",parameters:{scenario:Pg}};var Fg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.png",header:"Klip Rewards",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var Lg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Bg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Og=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Gg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 jg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Vg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 zg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Mg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Wg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Ug=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.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 Hg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.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 Jg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.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 $g=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.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 Kg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828952/tenant_test_a7iws76wkk4az/binv6fy0l94xbljk4qty.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":""})};var Xg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.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 Yg=Object.freeze({__proto__:null,default:Ng,OverlayHeader:Fg,OverlayDescription:Lg,OverlayButton:Bg,OverlayPadding:Og,OverlayLong:Gg,OverlayLeft:jg,OverlayCenter:Vg,OverlayRight:zg,OverlayCustomColors:Mg,OverlayCustomOpacity:Wg,Columns:Ug,ColumnsPadding:Hg,ColumnsLong:Jg,ColumnsReverse:$g,ColumnsCustomPercentage:Kg,ColumnsCustomColors:Xg});var Zg='@author:kutay\r\n@owner:kutay\r\nFeature: Referral Card\r\n\r\n\tThe Referral Card component takes in two slots and displays them side by side.\r\n\r\n\tBackground: A user on the portal is viewing the widget\r\n\t\tGiven a user viewing the Referral Card component\r\n\r\n\t@motivating\r\n\tScenario: Referral Card component displays provided content in left and right slots side by side\r\n\t\tGiven a Referral Card component\r\n\t\tAnd a slot with the name "left"\r\n\t\tAnd a slot with the name "right"\r\n\t\tWhen the user views the referral card\r\n\t\tThen the slot contents are displayed the card with equal width\r\n\t\tWhen the component is scaled down to 499px\r\n\t\tThen the column layout switches to row layout\r\n\t\tAnd the "left" slot content is displayed above the "right" slot content\r\n\r\n\t@motivating\r\n\tScenario Outline: Referral Card component content can be vertically aligned start, center, end\r\n\t\tGiven a Referral Card component\r\n\t\tAnd a slot with the name "left"\r\n\t\tAnd a slot with the name "right"\r\n\t\tAnd the prop "vertical-alignment" has <value>\r\n\t\tThen slots contents are displayed inside the card\r\n\t\tAnd slots are vertically aligned to <alignment> of the card\r\n\t\tExamples:\r\n\t\t\t| value  | alignment  |\r\n\t\t\t| start  | the top    |\r\n\t\t\t| center | the center |\r\n\t\t\t| end    | the bottom |\r\n\t\t\t| N/A    | the top    |\r\n\r\n';var Qg={title:"Components/Referral Card",parameters:{scenario:Zg}};var ef=function(e){return r("sqm-portal-container",{gap:"large",slot:e},"Get rewarded when your friend uses Klip",r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829127/tenant_test_a7iws76wkk4az/tvazndfcipf4wyraefb3.png"}))};var rf=function(e){return r("sqm-portal-container",{gap:"large",slot:e},r("sqm-text",null,"Choose how you want to share:"),r("sqm-text",null,r("p",{light:true},"Your unique referral link:"),r("sqm-share-code",null)),r("sqm-portal-container",{gap:"x-small"},r("sqm-share-button",{medium:"email"},"Share via email"),r("sqm-share-button",{medium:"facebook"},"Share on Facebook"),r("sqm-share-button",{medium:"twitter"},"Tweet about us")))};var tf=function(e,t){return r("sqm-timeline",{slot:e,icon:"circle"},t>0&&r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),t>1&&r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),t>2&&r("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),t>3&&r("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"}))};var nf=function(){return r("sqm-referral-card",null,ef("left"),rf("right"))};var af=function(){return r("sqm-referral-card",null,tf("left",3),rf("right"))};var sf=function(){return r("sqm-referral-card",{"vertical-alignment":"start"},tf("left",4),rf("right"))};var of=function(){return r("sqm-referral-card",{"vertical-alignment":"center"},tf("left",4),rf("right"))};var lf=function(){return r("sqm-referral-card",{"vertical-alignment":"end"},tf("left",4),rf("right"))};var uf=function(){return r("sqm-referral-card",null,tf("right",3),rf("left"))};var df=Object.freeze({__proto__:null,default:Qg,media:ef,sharebutton:rf,ImageAndShareButtons:nf,TimelineAndShareButtons:af,StartAlignment:sf,CenterAlignment:of,EndAlignment:lf,FlippedSlots:uf});var cf='@author:derek\r\n@owner:kutay\r\nFeature: Timeline\r\n\r\n    @motivating\r\n    Scenario: The timeline adds lines between timeline entries\r\n        Given a timeline\r\n        And it has many timeline entries as children\r\n        When a user views the timeline\r\n        Then they see all timeline entries are connected by brand colour lines\r\n        And see that the last entry does not have a line\r\n\r\n    @motivating\r\n    Scenario Outline: The timeline can set the icons used by its timeline entries\r\n        Given a timeline with "icon" <iconPropValue>\r\n        And it has many timeline entries as children\r\n        When a user views the timeline\r\n        Then they see the timeline entries have a <icon>\r\n        Examples:\r\n            | iconPropValue | icon                |\r\n            | gift          | gift icon           |\r\n            | gift          | gift icon           |\r\n            | circle        | brand colour circle |\r\n';var mf='@author:derek\r\n@owner:kutay\r\nFeature: Timeline Entry\r\n\r\n    @motivating\r\n    Scenario: Timeline entries have an icon, a reward and an entry desciption\r\n        Given an timeline entry with the following props\r\n            | prop   | value                                               |\r\n            | unit   | 50$                                                 |\r\n            | reward | Visa Giftcard                                       |\r\n            | desc   | Earn a 50$ Visa Giftcard for each referral you make |\r\n        When a user views the entry\r\n        Then they see a gift icon\r\n        And see "$50 VISA GIFTCARRD" to the right\r\n        And "$50" is bolded with x-large font size\r\n        And below they see "Earn a 50$ Visa Giftcard for each referral you make"\r\n\r\n    @motivating\r\n    Scenario Outline: Icon can either be a gift or a brand colour cirle\r\n        Given a timeline entry with "icon" <iconPropValue>\r\n        When a user views the entry\r\n        Then they see an <icon>\r\n        Examples:\r\n            | iconPropValue 1 | icon                |\r\n            | gift            | gift                |\r\n            | circle          | brand colour circle |\r\n            |                 | gift                |\r\n\r\n    @motivating\r\n    Scenario: A timeline entry can display a line to connect it to another entry\r\n        Given a timeline entry with "line" "true"\r\n        When a user views the entry\r\n        Then they see the entry\r\n        But it has a brand colour line connecting it to the next timeline entry\r\n';var pf=cf+mf;var hf={title:"Components/Timeline",parameters:{scenario:pf}};var gf=function(){return r("div",null,r("sqm-timeline",null,r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"})),r("br",null)," ",r("hr",null)," ",r("br",null),r("sqm-timeline",{icon:"circle"},r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"})))};var ff=function(){return r("div",null,r("sqm-timeline",null,r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"})),r("br",null)," ",r("hr",null)," ",r("br",null),r("sqm-timeline",{icon:"circle"},r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"})))};var bf=function(){return r("div",null,r("sqm-timeline",null,r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),r("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"})),r("br",null)," ",r("hr",null)," ",r("br",null),r("sqm-timeline",{icon:"circle"},r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),r("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"})))};var vf=function(){return r("div",null,r("sqm-timeline",null,r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),r("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),r("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"})),r("br",null)," ",r("hr",null)," ",r("br",null),r("sqm-timeline",{icon:"circle"},r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),r("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),r("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"})))};var wf=Object.freeze({__proto__:null,default:hf,TimelineWith1Reward:gf,TimelineWith2Rewards:ff,TimelineWith3Rewards:bf,TimelineWith4Rewards:vf});var xf='@author:kutay\r\n@owner:kutay\r\nFeature: Image\r\n\r\n\tBackground: A user on the portal is viewing the widget\r\n\t\tGiven a user viewing the image component\r\n\r\n\t@motivating\r\n\tScenario: Image is displayed from URL\r\n\t\tGiven an Image component\r\n\t\tAnd prop "image-url" is provided with a valid image url\r\n\t\tThen the image is displayed\r\n\t\tAnd it is centered\r\n\r\n\t@motivating\r\n\tScenario Outline: Images can be aligned left, center or right\r\n\t\tGiven an Image component\r\n\t\tAnd prop "image-url" is provided with a valid image url\r\n\t\tAnd prop "align" has <value>\r\n\t\tThen the image is displayed\r\n\t\tAnd it is aligned to the <value>\r\n\t\tExamples:\r\n\t\t\t| value  |\r\n\t\t\t| left   |\r\n\t\t\t| center |\r\n\t\t\t| right  |\r\n\r\n\t@motivating\r\n\tScenario: Image background\r\n\t\tGiven an Image component\r\n\t\tAnd prop "image-url" is provided with a valid image url\r\n\t\tAnd prop "background-color" is provided a color\r\n\t\tThen the image is displayed\r\n\t\tAnd the background is the provided color\r\n\r\n\t@motivating\r\n\tScenario: Image minimum height can be constrained\r\n\t\tGiven an Image component\r\n\t\tAnd prop "image-url" is provided\r\n\t\tAnd prop "min-height" is given a minimum value\r\n\t\tThen the image is displayed\r\n\t\tAnd the container size changes\r\n\t\tThen the image does not shrink below its minimum height';var yf={title:"Components/Image",parameters:{scenario:xf}};var Ef=function(){return r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829007/tenant_test_a7iws76wkk4az/oxghbkf3aazwqz3xusry.png"})};var qf=function(){return r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829007/tenant_test_a7iws76wkk4az/oxghbkf3aazwqz3xusry.png",alignment:"left"})};var Af=function(){return r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829007/tenant_test_a7iws76wkk4az/oxghbkf3aazwqz3xusry.png",alignment:"center"})};var kf=function(){return r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829007/tenant_test_a7iws76wkk4az/oxghbkf3aazwqz3xusry.png",alignment:"right"})};var Df=function(){return r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829007/tenant_test_a7iws76wkk4az/oxghbkf3aazwqz3xusry.png","background-color":"firebrick",alignment:"center"})};var Cf=function(){return r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829038/tenant_test_a7iws76wkk4az/fpqigwukfrsp12mc7kur.jpg",minHeight:"192px"})};var _f=Object.freeze({__proto__:null,default:yf,Image:Ef,ImageAlignmentLeft:qf,ImageAlignmentCenter:Af,ImageAlignmentRight:kf,ImageBackground:Df,MinimumHeight:Cf});var Tf='@author:derek\r\n@owner:noah\r\nFeature: Titled Section\r\n\r\n    Background: The titled section has a label and content\r\n        Given a titled section\r\n        And it has a label\r\n        And it has content in the content slot\r\n\r\n    @motivating\r\n    Scenario: Text alignment defaults to left align but can be configured\r\n        Given the titled section has "text-align" <textAlignPropValue>\r\n        When a user views the titled section\r\n        Then the text in the label is <aligned>\r\n        And the text in the content is <aligned>\r\n        Examples:\r\n            | textAlignPropValue | aligned |\r\n            | center             | center  |\r\n            | left               | left    |\r\n            | right              | right   |\r\n            |                    | left    |\r\n\r\n    @minutae\r\n    Scenario: Label margin is configurable\r\n        Given the titled section has "label-margin" <marginPropValue>\r\n        When a user views the titled section\r\n        Then <marginPropValue> margin is between the label and content\r\n        Examples:\r\n            | marginPropValue | margin     |\r\n            | none            | no         |\r\n            | xxx-small       | xxx-small  |\r\n            | xx-small        | xx-small   |\r\n            | x-small         | x-small    |\r\n            | small           | small      |\r\n            | medium          | medium     |\r\n            | large           | large      |\r\n            | x-large         | x-large    |\r\n            | xx-large        | xx-large   |\r\n            | xxx-large       | xxx-large  |\r\n            | xxxx-large      | xxxx-large |\r\n            |                 | no         |\r\n\r\n    @minutae\r\n    Scenario Outline: Titled section padding is configurable\r\n        Given the titled section has "padding" <paddingPropValue>\r\n        When a user views the titled section\r\n        Then <paddingPropValue> padding is applied around the titled section\r\n        Examples:\r\n            | paddingPropValue | padding    |\r\n            | none             | no         |\r\n            | xxx-small        | xxx-small  |\r\n            | xx-small         | xx-small   |\r\n            | x-small          | x-small    |\r\n            | small            | small      |\r\n            | medium           | medium     |\r\n            | large            | large      |\r\n            | x-large          | x-large    |\r\n            | xx-large         | xx-large   |\r\n            | xxx-large        | xxx-large  |\r\n            | xxxx-large       | xxxx-large |\r\n            |                  | no         |';var Rf={title:"Components/Titled Section",parameters:{scenario:Tf}};var If=function(){return r("sqm-titled-section",{"text-align":"left"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards"),r("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")),r("sqm-text",{slot:"content"},r("sqm-referral-card",null,ef("left"),rf("right"))))};var Sf=function(){return r("sqm-titled-section",{"text-align":"center"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards"),r("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")),r("sqm-text",{slot:"content"},r("sqm-referral-card",null,ef("left"),rf("right"))))};var Pf=function(){return r("sqm-titled-section",{"text-align":"right"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards"),r("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")),r("sqm-text",{slot:"content"},r("sqm-referral-card",null,ef("left"),rf("right"))))};var Nf=function(){return r("div",null,r("h3",null,"None"),r("sqm-titled-section",{padding:"none"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xxx-small"),r("sqm-titled-section",{padding:"xxx-small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xx-small"),r("sqm-titled-section",{padding:"xx-small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"x-small"),r("sqm-titled-section",{padding:"x-small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"small"),r("sqm-titled-section",{padding:"small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"medium"),r("sqm-titled-section",{padding:"medium"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"large"),r("sqm-titled-section",{padding:"large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"x-large"),r("sqm-titled-section",{padding:"x-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xx-large"),r("sqm-titled-section",{padding:"xx-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xxx-large"),r("sqm-titled-section",{padding:"xxx-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xxxx-large"),r("sqm-titled-section",{padding:"xxxx-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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 Ff=function(){return r("div",null,r("h3",null,"None"),r("sqm-titled-section",{"label-margin":"none"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xxx-small"),r("sqm-titled-section",{"label-margin":"xxx-small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xx-small"),r("sqm-titled-section",{"label-margin":"xx-small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"x-small"),r("sqm-titled-section",{"label-margin":"x-small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"small"),r("sqm-titled-section",{"label-margin":"small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"medium"),r("sqm-titled-section",{"label-margin":"medium"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"large"),r("sqm-titled-section",{"label-margin":"large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"x-large"),r("sqm-titled-section",{"label-margin":"x-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xx-large"),r("sqm-titled-section",{"label-margin":"xx-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xxx-large"),r("sqm-titled-section",{"label-margin":"xxx-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xxxx-large"),r("sqm-titled-section",{"label-margin":"xxxx-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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 Lf=Object.freeze({__proto__:null,default:Rf,AlignLeft:If,AlignCenter:Sf,AlignRight:Pf,Padding:Nf,LabelMargin:Ff});var Bf={title:"Components/Scroll"};var Of=function(){return r("div",{style:{position:"relative",height:"2000px"}},r("sqm-scroll",{"scroll-tag-name":"sqm-text"}),r("div",{style:{position:"absolute",bottom:"0"}},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards"),r("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 Gf=function(){return r("div",{style:{position:"relative",height:"2000px"}},r("sqm-scroll",{"scroll-id":"my-id"}),r("div",{style:{position:"absolute",bottom:"0"}},r("sqm-text",{slot:"label",id:"my-id"},r("h3",null,"Earn more rewards"),r("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 jf=function(){return r("div",{style:{position:"relative",height:"2000px"}},r("sqm-scroll",{"scroll-id":"tab-3"}),r("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 Vf=Object.freeze({__proto__:null,default:Bf,ScrollTag:Of,ScrollId:Gf,ScrollTabGroup:jf});var zf="@author:Zach\r\n@owner:Zach\r\nFeature: Tabs\r\n\r\n\tThe Tabs takes in the Tab component as children and maps through to display their header and content.\r\n\r\n\tBackground: A user on the portal is viewing the widget\r\n\t\tGiven a user viewing the Tabs component\r\n\r\n  @motivating\r\n\tScenario: Content inside the active tab is shown\r\n    Given the header is set to <tabHeader>\r\n    And the content inside is <tabContent>\r\n    And the user has clicked <tabHeader>\r\n    Then the <tabContent> is shown\r\n\r\n  Examples:\r\n  | tabHeader | tabContent               |\r\n  | Settings  | This is the settings tab |\r\n  | General   | This is the general tab  |\r\n  | History   | This is the history tab  |\r\n\r\n  @motivating\r\n\tScenario: The placement of the tabs is configurable\r\n    Given The placement prop has been passed a valid <placement>\r\n    Then tabs are placed on the <placementResult>\r\n\r\n    Examples:\r\n  | placement | placementResult                |\r\n  |           | top of the content             |\r\n  | left      | left hand side of the content  |\r\n  | right     | right hand side of the content |\r\n  | bottom    | bottom of the content          |\r\n\r\n\r\n  @minutae\r\n\tScenario Outline: Tabs are setup to use the brand color\r\n    Given the brand color is set to darkblue\r\n    Then the text inside the active tab is darkblue \r\n    And the underline of the active tab is darkblue\r\n\r\n  @ui\r\n\tScenario: Tabs are responsive\r\n    Given the user is on a mobile device \r\n    When there are more tabs than the horizontal space allows for\r\n    Then clickable arrows appear on the left and right of the tabs\r\n    And the tabs are scrollable\r\n\r\n\r\n  \r\n\r\n  \r\n\r\n\r\n\r\n\r\n\r\n";var Mf={title:"Components/Tabs",parameters:{scenario:zf}};var Wf=function(){return r("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 Uf=function(){return r("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>        <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 Hf=function(){return r("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 Jf=function(){return r("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></sqm-referral-table>\n        </sqm-tab>\n        <sqm-tab header="Reward history">\n          <sqm-rewards-table></sqm-rewards-table>\n        </sqm-tab>\n      </sqm-tabs>\n    '})};var $f=function(){return r("div",{style:{maxWidth:"700px",margin:"auto"},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          <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 Kf=function(){return r("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></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 Xf=function(){return r("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></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 Yf=function(){return r("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></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 Zf=Object.freeze({__proto__:null,default:Mf,SimpleTabs:Wf,ManyTabs:Uf,SingleTab:Hf,ReferralProgram:Jf,LoyaltyProgram:$f,BottomTabs:Kf,LeftTabs:Xf,RightTabs:Yf});var Qf='@author:johan\r\n@owner:johan\r\nFeature: Share Code\r\n\r\n  The share code component is a box that allows users to see and copy their referral code for a given program\r\n  \r\n  Background: Environment\r\n    Given there is a valid program ID in the environment\r\n    And there is a valid user ID and account ID in the environment\r\n\r\n  @motivating\r\n  Scenario: A Users referral code can be copied to their clipboard\r\n    Given tooltiptext is "hello tooltip"\r\n    When the component renders\r\n    Then there is a textbox with the user\'s share link\r\n    When the clipboard icon is clicked\r\n    Then the link is copied to clipboard\r\n    And a tooltip will appear for ~1 second\r\n\r\n  @minutae\r\n  Scenario: Tooltip lifespan defaults to 2000\r\n    Given the tooltip\'s lifespan is set to 2000\r\n    And there is tooltip text\r\n    When the component renders\r\n    And the clipboard icon is clicked\r\n    Then a tooltip will appear for ~2 seconds\r\n\r\n  @minutae\r\n  Scenario: Demo\r\n    Given isDemo() returns true\r\n    Then the share link is "https://www.example.com/sharelink/abc"\r\n    And the component won\'t be interactive\r\n    And the tooltip is hidden\r\n\r\n  @minutae\r\n  Scenario: Program ID can be sourced from prop\r\n    Given the programId prop is set to "program-a"\r\n    And window.widgetIdent.programId is set to "program-b"\r\n    When the component renders\r\n    Then the share link is for "program-a"\r\n\r\n  @minutae\r\n  Scenario: Program ID can be sourced from window\r\n    Given the programId prop is unset\r\n    And window.widgetIdent.programId is set to "program-b"\r\n    When the component renders\r\n    Then the share link is for "program-b"\r\n\r\n  @minutae\r\n  Scenario: An analytic event is fired when a user copies their code\r\n    Given a user viewing the share code component\r\n    And the component is rendered for "program-a"\r\n    When they click to copy their code\r\n    Then an "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT" analytic event is fired\r\n    And it is for "program-a"\r\n    And it has share medium "DIRECT"\r\n';var eb={title:"Components/Share Code",parameters:{scenario:Qf}};var rb=function(){return r("sqm-share-code",null)};var tb=function(){return r("sqm-share-code",{tooltiptext:"CUSTOM TOOLTIP TEXT"})};var nb=function(){return r("sqm-share-code",{tooltiplifespan:5e3})};var ab=Object.freeze({__proto__:null,default:eb,ShareCode:rb,CustomTooltipText:tb,CustomTooltipDuration:nb});var ib="\n // No CSS\n";var sb="\n:root{\n    "+ge("orange")+"\n}\n";var ob="\n:root{\n    "+ge("#e50914")+"\n}\n";var lb="\n:root{\n    "+ge("#65bd60")+"\n    --sl-font-sans: Arial;\n}\n";var ub="\n:root{\n    "+ge("black")+"\n    --sl-font-sans: Georgia, 'Times New Roman', serif;\n}\n";var db="\n:root{\n    "+ge("#4225C4")+";\n}\n\n";var cb=Object.freeze({__proto__:null,Default:ib,Orangey:sb,Netflix:ob,SaaSquatchCorporate:lb,NYTimes:ub,Klip:db});function mb(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(r){var t=e[r];if(typeof t=="object"&&!Object.isFrozen(t)){mb(t)}}));return e}var pb=mb;var hb=mb;pb.default=hb;var gb=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 fb(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function bb(e){var r=[];for(var t=1;t<arguments.length;t++){r[t-1]=arguments[t]}var n=Object.create(null);for(var a in e){n[a]=e[a]}r.forEach((function(e){for(var r in e){n[r]=e[r]}}));return n}var vb="</span>";var wb=function(e){return!!e.kind};var xb=function(){function e(e,r){this.buffer="";this.classPrefix=r.classPrefix;e.walk(this)}e.prototype.addText=function(e){this.buffer+=fb(e)};e.prototype.openNode=function(e){if(!wb(e))return;var r=e.kind;if(!e.sublanguage){r=""+this.classPrefix+r}this.span(r)};e.prototype.closeNode=function(e){if(!wb(e))return;this.buffer+=vb};e.prototype.value=function(){return this.buffer};e.prototype.span=function(e){this.buffer+='<span class="'+e+'">'};return e}();var yb=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 r={kind:e,children:[]};this.add(r);this.stack.push(r)};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,r){var t=this;if(typeof r==="string"){e.addText(r)}else if(r.children){e.openNode(r);r.children.forEach((function(r){return t._walk(e,r)}));e.closeNode(r)}return e};e._collapse=function(r){if(typeof r==="string")return;if(!r.children)return;if(r.children.every((function(e){return typeof e==="string"}))){r.children=[r.children.join("")]}else{r.children.forEach((function(r){e._collapse(r)}))}};return e}();var Eb=function(e){__extends(r,e);function r(r){var t=e.call(this)||this;t.options=r;return t}r.prototype.addKeyword=function(e,r){if(e===""){return}this.openNode(r);this.addText(e);this.closeNode()};r.prototype.addText=function(e){if(e===""){return}this.add(e)};r.prototype.addSublanguage=function(e,r){var t=e.root;t.kind=r;t.sublanguage=true;this.add(t)};r.prototype.toHTML=function(){var e=new xb(this,this.options);return e.value()};r.prototype.finalize=function(){return true};return r}(yb);function qb(e){return new RegExp(e.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")}function Ab(e){if(!e)return null;if(typeof e==="string")return e;return e.source}function kb(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t=e.map((function(e){return Ab(e)})).join("");return t}function Db(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t="("+e.map((function(e){return Ab(e)})).join("|")+")";return t}function Cb(e){return new RegExp(e.toString()+"|").exec("").length-1}function _b(e,r){var t=e&&e.exec(r);return t&&t.index===0}var Tb=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function Rb(e,r){if(r===void 0){r="|"}var t=0;return e.map((function(e){t+=1;var r=t;var n=Ab(e);var a="";while(n.length>0){var i=Tb.exec(n);if(!i){a+=n;break}a+=n.substring(0,i.index);n=n.substring(i.index+i[0].length);if(i[0][0]==="\\"&&i[1]){a+="\\"+String(Number(i[1])+r)}else{a+=i[0];if(i[0]==="("){t++}}}return a})).map((function(e){return"("+e+")"})).join(r)}var Ib=/\b\B/;var Sb="[a-zA-Z]\\w*";var Pb="[a-zA-Z_]\\w*";var Nb="\\b\\d+(\\.\\d+)?";var Fb="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)";var Lb="\\b(0b[01]+)";var Bb="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~";var Ob=function(e){if(e===void 0){e={}}var r=/^#![ ]*\//;if(e.binary){e.begin=kb(r,/.*\b/,e.binary,/\b.*/)}return bb({className:"meta",begin:r,end:/$/,relevance:0,"on:begin":function(e,r){if(e.index!==0)r.ignoreMatch()}},e)};var Gb={begin:"\\\\[\\s\\S]",relevance:0};var jb={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[Gb]};var Vb={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[Gb]};var zb={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 Mb=function(e,r,t){if(t===void 0){t={}}var n=bb({className:"comment",begin:e,end:r,contains:[]},t);n.contains.push(zb);n.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):",relevance:0});return n};var Wb=Mb("//","$");var Ub=Mb("/\\*","\\*/");var Hb=Mb("#","$");var Jb={className:"number",begin:Nb,relevance:0};var $b={className:"number",begin:Fb,relevance:0};var Kb={className:"number",begin:Lb,relevance:0};var Xb={className:"number",begin:Nb+"("+"%|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 Yb={begin:/(?=\/[^/\n]*\/)/,contains:[{className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[Gb,{begin:/\[/,end:/\]/,relevance:0,contains:[Gb]}]}]};var Zb={className:"title",begin:Sb,relevance:0};var Qb={className:"title",begin:Pb,relevance:0};var ev={begin:"\\.\\s*"+Pb,relevance:0};var rv=function(e){return Object.assign(e,{"on:begin":function(e,r){r.data._beginMatch=e[1]},"on:end":function(e,r){if(r.data._beginMatch!==e[1])r.ignoreMatch()}})};var tv=Object.freeze({__proto__:null,MATCH_NOTHING_RE:Ib,IDENT_RE:Sb,UNDERSCORE_IDENT_RE:Pb,NUMBER_RE:Nb,C_NUMBER_RE:Fb,BINARY_NUMBER_RE:Lb,RE_STARTERS_RE:Bb,SHEBANG:Ob,BACKSLASH_ESCAPE:Gb,APOS_STRING_MODE:jb,QUOTE_STRING_MODE:Vb,PHRASAL_WORDS_MODE:zb,COMMENT:Mb,C_LINE_COMMENT_MODE:Wb,C_BLOCK_COMMENT_MODE:Ub,HASH_COMMENT_MODE:Hb,NUMBER_MODE:Jb,C_NUMBER_MODE:$b,BINARY_NUMBER_MODE:Kb,CSS_NUMBER_MODE:Xb,REGEXP_MODE:Yb,TITLE_MODE:Zb,UNDERSCORE_TITLE_MODE:Qb,METHOD_GUARD:ev,END_SAME_AS_BEGIN:rv});function nv(e,r){var t=e.input[e.index-1];if(t==="."){r.ignoreMatch()}}function av(e,r){if(!r)return;if(!e.beginKeywords)return;e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)";e.__beforeBegin=nv;e.keywords=e.keywords||e.beginKeywords;delete e.beginKeywords;if(e.relevance===undefined)e.relevance=0}function iv(e,r){if(!Array.isArray(e.illegal))return;e.illegal=Db.apply(void 0,e.illegal)}function sv(e,r){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 ov(e,r){if(e.relevance===undefined)e.relevance=1}var lv=["of","and","for","in","not","or","if","then","parent","list","value"];var uv="keyword";function dv(e,r,t){if(t===void 0){t=uv}var n={};if(typeof e==="string"){a(t,e.split(" "))}else if(Array.isArray(e)){a(t,e)}else{Object.keys(e).forEach((function(t){Object.assign(n,dv(e[t],r,t))}))}return n;function a(e,t){if(r){t=t.map((function(e){return e.toLowerCase()}))}t.forEach((function(r){var t=r.split("|");n[t[0]]=[e,cv(t[0],t[1])]}))}}function cv(e,r){if(r){return Number(r)}return mv(e)?0:1}function mv(e){return lv.includes(e.toLowerCase())}function pv(e,r){var t=r.plugins;function n(r,t){return new RegExp(Ab(r),"m"+(e.case_insensitive?"i":"")+(t?"g":""))}var a=function(){function e(){this.matchIndexes={};this.regexes=[];this.matchAt=1;this.position=0}e.prototype.addRule=function(e,r){r.position=this.position++;this.matchIndexes[this.matchAt]=r;this.regexes.push([r,e]);this.matchAt+=Cb(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=n(Rb(e),true);this.lastIndex=0};e.prototype.exec=function(e){this.matcherRe.lastIndex=this.lastIndex;var r=this.matcherRe.exec(e);if(!r){return null}var t=r.findIndex((function(e,r){return r>0&&e!==undefined}));var n=this.matchIndexes[t];r.splice(0,t);return Object.assign(r,n)};return e}();var i=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 r=new a;this.rules.slice(e).forEach((function(e){var t=e[0],n=e[1];return r.addRule(t,n)}));r.compile();this.multiRegexes[e]=r;return r};e.prototype.resumingScanAtSamePosition=function(){return this.regexIndex!==0};e.prototype.considerAll=function(){this.regexIndex=0};e.prototype.addRule=function(e,r){this.rules.push([e,r]);if(r.type==="begin")this.count++};e.prototype.exec=function(e){var r=this.getMatcher(this.regexIndex);r.lastIndex=this.lastIndex;var t=r.exec(e);if(this.resumingScanAtSamePosition()){if(t&&t.index===this.lastIndex);else{var n=this.getMatcher(0);n.lastIndex=this.lastIndex+1;t=n.exec(e)}}if(t){this.regexIndex+=t.position+1;if(this.regexIndex===this.count){this.considerAll()}}return t};return e}();function s(e){var r=new i;e.contains.forEach((function(e){return r.addRule(e.begin,{rule:e,type:"begin"})}));if(e.terminatorEnd){r.addRule(e.terminatorEnd,{type:"end"})}if(e.illegal){r.addRule(e.illegal,{type:"illegal"})}return r}function o(r,t){var a=r;if(r.isCompiled)return a;[sv].forEach((function(e){return e(r,t)}));e.compilerExtensions.forEach((function(e){return e(r,t)}));r.__beforeBegin=null;[av,iv,ov].forEach((function(e){return e(r,t)}));r.isCompiled=true;var i=null;if(typeof r.keywords==="object"){i=r.keywords.$pattern;delete r.keywords.$pattern}if(r.keywords){r.keywords=dv(r.keywords,e.case_insensitive)}if(r.lexemes&&i){throw new Error("ERR: Prefer `keywords.$pattern` to `mode.lexemes`, BOTH are not allowed. (see mode reference) ")}i=i||r.lexemes||/\w+/;a.keywordPatternRe=n(i,true);if(t){if(!r.begin)r.begin=/\B|\b/;a.beginRe=n(r.begin);if(r.endSameAsBegin)r.end=r.begin;if(!r.end&&!r.endsWithParent)r.end=/\B|\b/;if(r.end)a.endRe=n(r.end);a.terminatorEnd=Ab(r.end)||"";if(r.endsWithParent&&t.terminatorEnd){a.terminatorEnd+=(r.end?"|":"")+t.terminatorEnd}}if(r.illegal)a.illegalRe=n(r.illegal);if(!r.contains)r.contains=[];r.contains=[].concat.apply([],r.contains.map((function(e){return gv(e==="self"?r:e)})));r.contains.forEach((function(e){o(e,a)}));if(r.starts){o(r.starts,t)}a.matcher=s(a);return a}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=bb(e.classNameAliases||{});return o(e)}function hv(e){if(!e)return false;return e.endsWithParent||hv(e.starts)}function gv(e){if(e.variants&&!e.cachedVariants){e.cachedVariants=e.variants.map((function(r){return bb(e,{variants:null},r)}))}if(e.cachedVariants){return e.cachedVariants}if(hv(e)){return bb(e,{starts:e.starts?bb(e.starts):null})}if(Object.isFrozen(e)){return bb(e)}return e}var fv="10.7.3";function bv(e){return Boolean(e||e==="")}function vv(e){var r={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 fb(this.code)}var r={};if(this.autoDetect){r=e.highlightAuto(this.code);this.detectedLanguage=r.language}else{r=e.highlight(this.language,this.code,this.ignoreIllegals);this.detectedLanguage=this.language}return r.value},autoDetect:function(){return!this.language||bv(this.autodetect)},ignoreIllegals:function(){return true}},render:function(e){return e("pre",{},[e("code",{class:this.className,domProps:{innerHTML:this.highlighted}})])}};var t={install:function(e){e.component("highlightjs",r)}};return{Component:r,VuePlugin:t}}var wv={"after:highlightElement":function(e){var r=e.el,t=e.result,n=e.text;var a=yv(r);if(!a.length)return;var i=document.createElement("div");i.innerHTML=t.value;t.value=Ev(a,yv(i),n)}};function xv(e){return e.nodeName.toLowerCase()}function yv(e){var r=[];(function e(t,n){for(var a=t.firstChild;a;a=a.nextSibling){if(a.nodeType===3){n+=a.nodeValue.length}else if(a.nodeType===1){r.push({event:"start",offset:n,node:a});n=e(a,n);if(!xv(a).match(/br|hr|img|input/)){r.push({event:"stop",offset:n,node:a})}}}return n})(e,0);return r}function Ev(e,r,t){var n=0;var a="";var i=[];function s(){if(!e.length||!r.length){return e.length?e:r}if(e[0].offset!==r[0].offset){return e[0].offset<r[0].offset?e:r}return r[0].event==="start"?e:r}function o(e){function r(e){return" "+e.nodeName+'="'+fb(e.value)+'"'}a+="<"+xv(e)+[].map.call(e.attributes,r).join("")+">"}function l(e){a+="</"+xv(e)+">"}function u(e){(e.event==="start"?o:l)(e.node)}while(e.length||r.length){var d=s();a+=fb(t.substring(n,d[0].offset));n=d[0].offset;if(d===e){i.reverse().forEach(l);do{u(d.splice(0,1)[0]);d=s()}while(d===e&&d.length&&d[0].offset===n);i.reverse().forEach(o)}else{if(d[0].event==="start"){i.push(d[0].node)}else{i.pop()}u(d.splice(0,1)[0])}}return a+fb(t.substr(n))}var qv={};var Av=function(e){console.error(e)};var kv=function(e){var r=[];for(var t=1;t<arguments.length;t++){r[t-1]=arguments[t]}console.log.apply(console,__spreadArrays(["WARN: "+e],r))};var Dv=function(e,r){if(qv[e+"/"+r])return;console.log("Deprecated as of "+e+". "+r);qv[e+"/"+r]=true};var Cv=fb;var _v=bb;var Tv=Symbol("nomatch");var Rv=function(e){var r=Object.create(null);var t=Object.create(null);var n=[];var a=true;var i=/(^(<[^>]+>|\t|)+|\n)/gm;var s="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:Eb};function u(e){return l.noHighlightRe.test(e)}function d(e){var r=e.className+" ";r+=e.parentNode?e.parentNode.className:"";var t=l.languageDetectRe.exec(r);if(t){var n=I(t[1]);if(!n){kv(s.replace("{}",t[1]));kv("Falling back to no-highlight mode for this block.",e)}return n?t[1]:"no-highlight"}return r.split(/\s+/).find((function(e){return u(e)||I(e)}))}function c(e,r,t,n){var a="";var i="";if(typeof r==="object"){a=e;t=r.ignoreIllegals;i=r.language;n=undefined}else{Dv("10.7.0","highlight(lang, code, ...args) has been deprecated.");Dv("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277");i=e;a=r}var s={code:a,language:i};L("before:highlight",s);var o=s.result?s.result:m(s.language,s.code,t,n);o.code=s.code;L("after:highlight",o);return o}function m(e,t,i,o){function u(e,r){var t=q.case_insensitive?r[0].toLowerCase():r[0];return Object.prototype.hasOwnProperty.call(e.keywords,t)&&e.keywords[t]}function d(){if(!D.keywords){_.addText(T);return}var e=0;D.keywordPatternRe.lastIndex=0;var r=D.keywordPatternRe.exec(T);var t="";while(r){t+=T.substring(e,r.index);var n=u(D,r);if(n){var a=n[0],i=n[1];_.addText(t);t="";R+=i;if(a.startsWith("_")){t+=r[0]}else{var s=q.classNameAliases[a]||a;_.addKeyword(r[0],s)}}else{t+=r[0]}e=D.keywordPatternRe.lastIndex;r=D.keywordPatternRe.exec(T)}t+=T.substr(e);_.addText(t)}function c(){if(T==="")return;var e=null;if(typeof D.subLanguage==="string"){if(!r[D.subLanguage]){_.addText(T);return}e=m(D.subLanguage,T,true,C[D.subLanguage]);C[D.subLanguage]=e.top}else{e=h(T,D.subLanguage.length?D.subLanguage:null)}if(D.relevance>0){R+=e.relevance}_.addSublanguage(e.emitter,e.language)}function p(){if(D.subLanguage!=null){c()}else{d()}T=""}function g(e){if(e.className){_.openNode(q.classNameAliases[e.className]||e.className)}D=Object.create(e,{parent:{value:D}});return D}function f(e,r,t){var n=_b(e.endRe,t);if(n){if(e["on:end"]){var a=new gb(e);e["on:end"](r,a);if(a.isMatchIgnored)n=false}if(n){while(e.endsParent&&e.parent){e=e.parent}return e}}if(e.endsWithParent){return f(e.parent,r,t)}}function b(e){if(D.matcher.regexIndex===0){T+=e[0];return 1}else{N=true;return 0}}function v(e){var r=e[0];var t=e.rule;var n=new gb(t);var a=[t.__beforeBegin,t["on:begin"]];for(var i=0,s=a;i<s.length;i++){var o=s[i];if(!o)continue;o(e,n);if(n.isMatchIgnored)return b(r)}if(t&&t.endSameAsBegin){t.endRe=qb(r)}if(t.skip){T+=r}else{if(t.excludeBegin){T+=r}p();if(!t.returnBegin&&!t.excludeBegin){T=r}}g(t);return t.returnBegin?0:r.length}function w(e){var r=e[0];var n=t.substr(e.index);var a=f(D,e,n);if(!a){return Tv}var i=D;if(i.skip){T+=r}else{if(!(i.returnEnd||i.excludeEnd)){T+=r}p();if(i.excludeEnd){T=r}}do{if(D.className){_.closeNode()}if(!D.skip&&!D.subLanguage){R+=D.relevance}D=D.parent}while(D!==a.parent);if(a.starts){if(a.endSameAsBegin){a.starts.endRe=a.endRe}g(a.starts)}return i.returnEnd?0:r.length}function x(){var e=[];for(var r=D;r!==q;r=r.parent){if(r.className){e.unshift(r.className)}}e.forEach((function(e){return _.openNode(e)}))}var y={};function E(r,n){var s=n&&n[0];T+=r;if(s==null){p();return 0}if(y.type==="begin"&&n.type==="end"&&y.index===n.index&&s===""){T+=t.slice(n.index,n.index+1);if(!a){var o=new Error("0 width match regex");o.languageName=e;o.badRule=y.rule;throw o}return 1}y=n;if(n.type==="begin"){return v(n)}else if(n.type==="illegal"&&!i){var o=new Error('Illegal lexeme "'+s+'" for mode "'+(D.className||"<unnamed>")+'"');o.mode=D;throw o}else if(n.type==="end"){var l=w(n);if(l!==Tv){return l}}if(n.type==="illegal"&&s===""){return 1}if(P>1e5&&P>n.index*3){var o=new Error("potential infinite loop, way more iterations than matches");throw o}T+=s;return s.length}var q=I(e);if(!q){Av(s.replace("{}",e));throw new Error('Unknown language: "'+e+'"')}var A=pv(q,{plugins:n});var k="";var D=o||A;var C={};var _=new l.__emitter(l);x();var T="";var R=0;var S=0;var P=0;var N=false;try{D.matcher.considerAll();for(;;){P++;if(N){N=false}else{D.matcher.considerAll()}D.matcher.lastIndex=S;var F=D.matcher.exec(t);if(!F)break;var L=t.substring(S,F.index);var B=E(L,F);S=F.index+B}E(t.substr(S));_.closeAllNodes();_.finalize();k=_.toHTML();return{relevance:Math.floor(R),value:k,language:e,illegal:false,emitter:_,top:D}}catch(r){if(r.message&&r.message.includes("Illegal")){return{illegal:true,illegalBy:{msg:r.message,context:t.slice(S-100,S+100),mode:r.mode},sofar:k,relevance:0,value:Cv(t),emitter:_}}else if(a){return{illegal:false,relevance:0,value:Cv(t),emitter:_,language:e,top:D,errorRaised:r}}else{throw r}}}function p(e){var r={relevance:0,emitter:new l.__emitter(l),value:Cv(e),illegal:false,top:o};r.emitter.addText(e);return r}function h(e,t){t=t||l.languages||Object.keys(r);var n=p(e);var a=t.filter(I).filter(P).map((function(r){return m(r,e,false)}));a.unshift(n);var i=a.sort((function(e,r){if(e.relevance!==r.relevance)return r.relevance-e.relevance;if(e.language&&r.language){if(I(e.language).supersetOf===r.language){return 1}else if(I(r.language).supersetOf===e.language){return-1}}return 0}));var s=i[0],o=i[1];var u=s;u.second_best=o;return u}function g(e){if(!(l.tabReplace||l.useBR)){return e}return e.replace(i,(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,r,n){var a=r?t[r]:n;e.classList.add("hljs");if(a)e.classList.add(a)}var b={"before:highlightElement":function(e){var r=e.el;if(l.useBR){r.innerHTML=r.innerHTML.replace(/\n/g,"").replace(/<br[ /]*>/g,"\n")}},"after:highlightElement":function(e){var r=e.result;if(l.useBR){r.value=r.value.replace(/\n/g,"<br>")}}};var v=/^(<[^>]+>|\t)+/gm;var w={"after:highlightElement":function(e){var r=e.result;if(l.tabReplace){r.value=r.value.replace(v,(function(e){return e.replace(/\t/g,l.tabReplace)}))}}};function x(e){var r=null;var t=d(e);if(u(t))return;L("before:highlightElement",{el:e,language:t});r=e;var n=r.textContent;var a=t?c(n,{language:t,ignoreIllegals:true}):h(n);L("after:highlightElement",{el:e,result:a,text:n});e.innerHTML=a.value;f(e,t,a.language);e.result={language:a.language,re:a.relevance,relavance:a.relevance};if(a.second_best){e.second_best={language:a.second_best.language,re:a.second_best.relevance,relavance:a.second_best.relevance}}}function y(e){if(e.useBR){Dv("10.3.0","'useBR' will be removed entirely in v11.0");Dv("10.3.0","Please see https://github.com/highlightjs/highlight.js/issues/2559")}l=_v(l,e)}var E=function(){if(E.called)return;E.called=true;Dv("10.6.0","initHighlighting() is deprecated.  Use highlightAll() instead.");var e=document.querySelectorAll("pre code");e.forEach(x)};function q(){Dv("10.6.0","initHighlightingOnLoad() is deprecated.  Use highlightAll() instead.");A=true}var A=false;function k(){if(document.readyState==="loading"){A=true;return}var e=document.querySelectorAll("pre code");e.forEach(x)}function D(){if(A)k()}if(typeof window!=="undefined"&&window.addEventListener){window.addEventListener("DOMContentLoaded",D,false)}function C(t,n){var i=null;try{i=n(e)}catch(e){Av("Language definition for '{}' could not be registered.".replace("{}",t));if(!a){throw e}else{Av(e)}i=o}if(!i.name)i.name=t;r[t]=i;i.rawDefinition=n.bind(null,e);if(i.aliases){S(i.aliases,{languageName:t})}}function _(e){delete r[e];for(var n=0,a=Object.keys(t);n<a.length;n++){var i=a[n];if(t[i]===e){delete t[i]}}}function T(){return Object.keys(r)}function R(e){Dv("10.4.0","requireLanguage will be removed entirely in v11.");Dv("10.4.0","Please see https://github.com/highlightjs/highlight.js/pull/2844");var r=I(e);if(r){return r}var t=new Error("The '{}' language is required, but not loaded.".replace("{}",e));throw t}function I(e){e=(e||"").toLowerCase();return r[e]||r[t[e]]}function S(e,r){var n=r.languageName;if(typeof e==="string"){e=[e]}e.forEach((function(e){t[e.toLowerCase()]=n}))}function P(e){var r=I(e);return r&&!r.disableAutodetect}function N(e){if(e["before:highlightBlock"]&&!e["before:highlightElement"]){e["before:highlightElement"]=function(r){e["before:highlightBlock"](Object.assign({block:r.el},r))}}if(e["after:highlightBlock"]&&!e["after:highlightElement"]){e["after:highlightElement"]=function(r){e["after:highlightBlock"](Object.assign({block:r.el},r))}}}function F(e){N(e);n.push(e)}function L(e,r){var t=e;n.forEach((function(e){if(e[t]){e[t](r)}}))}function B(e){Dv("10.2.0","fixMarkup will be removed entirely in v11.0");Dv("10.2.0","Please see https://github.com/highlightjs/highlight.js/issues/2534");return g(e)}function O(e){Dv("10.7.0","highlightBlock will be removed entirely in v12.0");Dv("10.7.0","Please use highlightElement now.");return x(e)}Object.assign(e,{highlight:c,highlightAuto:h,highlightAll:k,fixMarkup:B,highlightElement:x,highlightBlock:O,configure:y,initHighlighting:E,initHighlightingOnLoad:q,registerLanguage:C,unregisterLanguage:_,listLanguages:T,getLanguage:I,registerAliases:S,requireLanguage:R,autoDetection:P,inherit:_v,addPlugin:F,vuePlugin:vv(e).VuePlugin});e.debugMode=function(){a=false};e.safeMode=function(){a=true};e.versionString=fv;for(var G in tv){if(typeof tv[G]==="object"){pb(tv[G])}}Object.assign(e,tv);e.addPlugin(b);e.addPlugin(wv);e.addPlugin(w);return e};var Iv=Rv({});var Sv=Iv;function Pv(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 Nv=Pv;Sv.registerLanguage("gherkin",Nv);var Fv=function(e,t){var n=e.story;var a;var i=(a=n.parent.parameters)===null||a===void 0?void 0:a.scenario;var s;try{s=Sv.highlight("gherkin",i)}catch(e){}return r("div",null,r("details",null,r("summary",null,"Specs"),s&&r("pre",{innerHTML:s.value})),t)};var Lv=[Jn,ea,ca,Da,za,ui,hi,Ji,Yi,is,Ga,Ya,ni,cs,Xs,eo,no,mo,Ao,Fo,Ho,ol,hl,wl,_l,Ml,nu,kd,Ld,Zu,jd,Ud,wc,hm,xm,km,Nm,Hm,Zm,ip,kp,ys,Bs,Is,Rp,Fp,Wp,rh,mh,ig,Eg,Sg,Yg,df,wf,_f,Lf,Vf,Zf,ab];var Bv=e("sqm_stencilbook",function(){function e(e){t(this,e);this.ignored=true;u(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=Pn(Lv,{h:r,title:"Mint Components",addons:[Fv,fe,Ca]}),t=e.class,a=e.children;var i=s("Default"),o=i[0],l=i[1];var u=s(true),d=u[0],c=u[1];var m=Object.keys(cb);var p=cb[o];return r(n,{class:t,onClick:{}},r("div",{style:{position:"absolute",top:"0",right:"0",zIndex:"999999"}},"Branding:",r("select",{onChange:function(e){return l(e.target.value)}},m.map((function(e){return r("option",{selected:e===o},e)}))),r("div",null,r("div",null)),r(Ov,null),r("br",null),r("input",{type:"checkbox",id:"checkerboard",onClick:function(){return c(!d)},onChange:function(){return document.documentElement.style.setProperty("--checker-color-1",d?"#ebebeb":"#ffffff00")}}),r("label",{htmlFor:"checkerboard"},"Checkerboard?")),r("style",null,p),r("style",null,Yd),a)};return e}());function Ov(){return r("span",null,r(Gv,null),r(Gv,{type:"success"}),r(Gv,{type:"warning"}),r(Gv,{type:"danger"}),r(Gv,{type:"neutral"}))}function Gv(e){var t=e.type,n=t===void 0?"primary":t;return r("span",{style:{background:"var(--sl-color-"+n+"-500)",width:"1em",marginRight:"2px",padding:"0 4px"},title:n},n.charAt(0))}}}}));
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __extends=this&&this.__extends||function(){var e=function(r,t){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)if(Object.prototype.hasOwnProperty.call(r,t))e[t]=r[t]};return e(r,t)};return function(r,t){e(r,t);function n(){this.constructor=r}r.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++){r=arguments[t];for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a))e[a]=r[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,t,n){function a(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,i){function s(e){try{l(n.next(e))}catch(e){i(e)}}function o(e){try{l(n["throw"](e))}catch(e){i(e)}}function l(e){e.done?t(e.value):a(e.value).then(s,o)}l((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(r){return l([e,r])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;a=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){t.label=s[1];break}if(s[0]===6&&t.label<i[1]){t.label=i[1];i=s;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(s);break}if(i[2])t.ops.pop();t.trys.pop();continue}s=r.call(e,t)}catch(e){s=[6,e];a=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,r=0,t=arguments.length;r<t;r++)e+=arguments[r].length;for(var n=Array(e),a=0,r=0;r<t;r++)for(var i=arguments[r],s=0,o=i.length;s<o;s++,a++)n[a]=i[s];return n};System.register(["./p-ff17b3a4.system.js","./p-48ec6605.system.js","./p-4ceaa514.system.js","./p-71ecbb3b.system.js","./p-8a8d0514.system.js","./p-1c17892a.system.js","./p-4bd679a7.system.js","./p-126bcba1.system.js","./p-3bbb90a9.system.js","./p-c5ce6c37.system.js","./p-bbf96ff3.system.js","./p-c3f300e8.system.js","./p-8bcaafaf.system.js","./p-91d119ad.system.js","./p-ea110693.system.js","./p-59e4405d.system.js","./p-3e65453b.system.js","./p-bf055b6c.system.js","./p-4279da4b.system.js","./p-a09e3176.system.js","./p-a13b5757.system.js","./p-1122f7df.system.js","./p-266268d2.system.js","./p-1959da16.system.js","./p-bc19e1c2.system.js","./p-838242f3.system.js","./p-ce0ec1c4.system.js","./p-6b43e4cc.system.js","./p-b8434fc0.system.js","./p-820617d3.system.js","./p-53af4433.system.js"],(function(e){"use strict";var r,t,n,a,i,s,o,l,u,d,c,m,p,h,g,f,b,v,w,x,y,E,q,A,k,D,C,_,T,R,I,S,P,N,F,L,B,O,G,j,V,z,M,W,U,H,J,$,K,X,Y,Z,Q,ee,re,te,ne,ae,ie,se,oe,le,ue,de,ce,me,pe,he,ge,fe,be;return{setters:[function(e){r=e.h;t=e.r;n=e.c},function(e){a=e.a;i=e.i;s=e.k;o=e.e;l=e.c;u=e.m},function(){},function(){},function(e){d=e.p;c=e.h;m=e.Y;p=e.d;h=e.K;g=e.A},function(){},function(){},function(){},function(e){f=e.c},function(e){b=e.G},function(e){v=e.l},function(e){w=e.g},function(){},function(e){x=e.A},function(e){y=e.B},function(e){E=e.a;q=e.u},function(e){A=e.H},function(e){k=e.L},function(e){D=e.N},function(e){C=e.N},function(e){_=e.N},function(e){T=e.P},function(e){R=e.a;I=e.P},function(e){S=e.P},function(e){P=e.P},function(e){N=e.P},function(e){F=e.P},function(e){L=e.P},function(e){B=e.S},function(e){O=e.S;G=e.a;j=e.L;V=e.P;z=e.E;M=e.u;W=e.b;U=e.c;H=e.d;J=e.e;$=e.T;K=e.f;X=e.R;Y=e.g;Z=e.r;Q=e.h;ee=e.i;re=e.j;te=e.k;ne=e.l;ae=e.m;ie=e.n;se=e.o;oe=e.p;le=e.q;ue=e.s;de=e.t;ce=e.v;me=e.w;pe=e.x;he=e.C;ge=e.y;fe=e.z},function(e){be=e.P}],execute:function(){var ve=this;var we=1/0;var xe="[object Symbol]";var ye=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var Ee=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;var qe="\\ud800-\\udfff",Ae="\\u0300-\\u036f\\ufe20-\\ufe23",ke="\\u20d0-\\u20f0",De="\\u2700-\\u27bf",Ce="a-z\\xdf-\\xf6\\xf8-\\xff",_e="\\xac\\xb1\\xd7\\xf7",Te="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",Re="\\u2000-\\u206f",Ie=" \\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",Se="A-Z\\xc0-\\xd6\\xd8-\\xde",Pe="\\ufe0e\\ufe0f",Ne=_e+Te+Re+Ie;var Fe="['’]",Le="["+qe+"]",Be="["+Ne+"]",Oe="["+Ae+ke+"]",Ge="\\d+",je="["+De+"]",Ve="["+Ce+"]",ze="[^"+qe+Ne+Ge+De+Ce+Se+"]",Me="\\ud83c[\\udffb-\\udfff]",We="(?:"+Oe+"|"+Me+")",Ue="[^"+qe+"]",He="(?:\\ud83c[\\udde6-\\uddff]){2}",Je="[\\ud800-\\udbff][\\udc00-\\udfff]",$e="["+Se+"]",Ke="\\u200d";var Xe="(?:"+Ve+"|"+ze+")",Ye="(?:"+$e+"|"+ze+")",Ze="(?:"+Fe+"(?:d|ll|m|re|s|t|ve))?",Qe="(?:"+Fe+"(?:D|LL|M|RE|S|T|VE))?",er=We+"?",rr="["+Pe+"]?",tr="(?:"+Ke+"(?:"+[Ue,He,Je].join("|")+")"+rr+er+")*",nr=rr+er+tr,ar="(?:"+[je,He,Je].join("|")+")"+nr,ir="(?:"+[Ue+Oe+"?",Oe,He,Je,Le].join("|")+")";var sr=RegExp(Fe,"g");var or=RegExp(Oe,"g");var lr=RegExp(Me+"(?="+Me+")|"+ir+nr,"g");var ur=RegExp([$e+"?"+Ve+"+"+Ze+"(?="+[Be,$e,"$"].join("|")+")",Ye+"+"+Qe+"(?="+[Be,$e+Xe,"$"].join("|")+")",$e+"?"+Xe+"+"+Ze,$e+"+"+Qe,Ge,ar].join("|"),"g");var dr=RegExp("["+Ke+qe+Ae+ke+Pe+"]");var cr=/[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var mr={"À":"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 pr=typeof a=="object"&&a&&a.Object===Object&&a;var hr=typeof self=="object"&&self&&self.Object===Object&&self;var gr=pr||hr||Function("return this")();function fr(e,r,t,n){var a=-1,i=e?e.length:0;if(n&&i){t=e[++a]}while(++a<i){t=r(t,e[a],a,e)}return t}function br(e){return e.split("")}function vr(e){return e.match(ye)||[]}function wr(e){return function(r){return e==null?undefined:e[r]}}var xr=wr(mr);function yr(e){return dr.test(e)}function Er(e){return cr.test(e)}function qr(e){return yr(e)?Ar(e):br(e)}function Ar(e){return e.match(lr)||[]}function kr(e){return e.match(ur)||[]}var Dr=Object.prototype;var Cr=Dr.toString;var _r=gr.Symbol;var Tr=_r?_r.prototype:undefined,Rr=Tr?Tr.toString:undefined;function Ir(e,r,t){var n=-1,a=e.length;if(r<0){r=-r>a?0:a+r}t=t>a?a:t;if(t<0){t+=a}a=r>t?0:t-r>>>0;r>>>=0;var i=Array(a);while(++n<a){i[n]=e[n+r]}return i}function Sr(e){if(typeof e=="string"){return e}if(Br(e)){return Rr?Rr.call(e):""}var r=e+"";return r=="0"&&1/e==-we?"-0":r}function Pr(e,r,t){var n=e.length;t=t===undefined?n:t;return!r&&t>=n?e:Ir(e,r,t)}function Nr(e){return function(r){r=Or(r);var t=yr(r)?qr(r):undefined;var n=t?t[0]:r.charAt(0);var a=t?Pr(t,1).join(""):r.slice(1);return n[e]()+a}}function Fr(e){return function(r){return fr(zr(Gr(r).replace(sr,"")),e,"")}}function Lr(e){return!!e&&typeof e=="object"}function Br(e){return typeof e=="symbol"||Lr(e)&&Cr.call(e)==xe}function Or(e){return e==null?"":Sr(e)}function Gr(e){e=Or(e);return e&&e.replace(Ee,xr).replace(or,"")}var jr=Fr((function(e,r,t){return e+(t?" ":"")+Vr(r)}));var Vr=Nr("toUpperCase");function zr(e,r,t){e=Or(e);r=t?undefined:r;if(r===undefined){return Er(e)?kr(e):vr(e)}return e.match(r)||[]}var Mr=jr;function Wr(e){if(e.sheet){return e.sheet}for(var r=0;r<document.styleSheets.length;r++){if(document.styleSheets[r].ownerNode===e){return document.styleSheets[r]}}}function Ur(e){var r=document.createElement("style");r.setAttribute("data-emotion",e.key);if(e.nonce!==undefined){r.setAttribute("nonce",e.nonce)}r.appendChild(document.createTextNode(""));r.setAttribute("data-s","");return r}var Hr=function(){function e(e){var r=this;this._insertTag=function(e){var t;if(r.tags.length===0){t=r.prepend?r.container.firstChild:r.before}else{t=r.tags[r.tags.length-1].nextSibling}r.container.insertBefore(e,t);r.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 r=e.prototype;r.hydrate=function e(r){r.forEach(this._insertTag)};r.insert=function e(r){if(this.ctr%(this.isSpeedy?65e3:1)===0){this._insertTag(Ur(this))}var t=this.tags[this.tags.length-1];if(this.isSpeedy){var n=Wr(t);try{n.insertRule(r,n.cssRules.length)}catch(e){}}else{t.appendChild(document.createTextNode(r))}this.ctr++};r.flush=function e(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)}));this.tags=[];this.ctr=0};return e}();var Jr="-ms-";var $r="-moz-";var Kr="-webkit-";var Xr="comm";var Yr="rule";var Zr="decl";var Qr="@import";var et="@keyframes";var rt=Math.abs;var tt=String.fromCharCode;function nt(e,r){return(((r<<2^lt(e,0))<<2^lt(e,1))<<2^lt(e,2))<<2^lt(e,3)}function at(e){return e.trim()}function it(e,r){return(e=r.exec(e))?e[0]:e}function st(e,r,t){return e.replace(r,t)}function ot(e,r){return e.indexOf(r)}function lt(e,r){return e.charCodeAt(r)|0}function ut(e,r,t){return e.slice(r,t)}function dt(e){return e.length}function ct(e){return e.length}function mt(e,r){return r.push(e),e}function pt(e,r){return e.map(r).join("")}var ht=1;var gt=1;var ft=0;var bt=0;var vt=0;var wt="";function xt(e,r,t,n,a,i,s){return{value:e,root:r,parent:t,type:n,props:a,children:i,line:ht,column:gt,length:s,return:""}}function yt(e,r,t){return xt(e,r.root,r.parent,t,r.props,r.children,0)}function Et(){return vt}function qt(){vt=bt>0?lt(wt,--bt):0;if(gt--,vt===10)gt=1,ht--;return vt}function At(){vt=bt<ft?lt(wt,bt++):0;if(gt++,vt===10)gt=1,ht++;return vt}function kt(){return lt(wt,bt)}function Dt(){return bt}function Ct(e,r){return ut(wt,e,r)}function _t(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 Tt(e){return ht=gt=1,ft=dt(wt=e),bt=0,[]}function Rt(e){return wt="",e}function It(e){return at(Ct(bt-1,Nt(e===91?e+2:e===40?e+1:e)))}function St(e){while(vt=kt())if(vt<33)At();else break;return _t(e)>2||_t(vt)>3?"":" "}function Pt(e,r){while(--r&&At())if(vt<48||vt>102||vt>57&&vt<65||vt>70&&vt<97)break;return Ct(e,Dt()+(r<6&&kt()==32&&At()==32))}function Nt(e){while(At())switch(vt){case e:return bt;case 34:case 39:return Nt(e===34||e===39?e:vt);case 40:if(e===41)Nt(e);break;case 92:At();break}return bt}function Ft(e,r){while(At())if(e+vt===47+10)break;else if(e+vt===42+42&&kt()===47)break;return"/*"+Ct(r,bt-1)+"*"+tt(e===47?e:At())}function Lt(e){while(!_t(kt()))At();return Ct(e,bt)}function Bt(e){return Rt(Ot("",null,null,null,[""],e=Tt(e),0,[0],e))}function Ot(e,r,t,n,a,i,s,o,l){var u=0;var d=0;var c=s;var m=0;var p=0;var h=0;var g=1;var f=1;var b=1;var v=0;var w="";var x=a;var y=i;var E=n;var q=w;while(f)switch(h=v,v=At()){case 34:case 39:case 91:case 40:q+=It(v);break;case 9:case 10:case 13:case 32:q+=St(h);break;case 92:q+=Pt(Dt()-1,7);continue;case 47:switch(kt()){case 42:case 47:mt(jt(Ft(At(),Dt()),r,t),l);break;default:q+="/"}break;case 123*g:o[u++]=dt(q)*b;case 125*g:case 59:case 0:switch(v){case 0:case 125:f=0;case 59+d:if(p>0&&dt(q)-c)mt(p>32?Vt(q+";",n,t,c-1):Vt(st(q," ","")+";",n,t,c-2),l);break;case 59:q+=";";default:mt(E=Gt(q,r,t,u,d,a,o,w,x=[],y=[],c),i);if(v===123)if(d===0)Ot(q,r,E,E,x,i,c,o,y);else switch(m){case 100:case 109:case 115:Ot(e,E,E,n&&mt(Gt(e,E,E,0,0,a,o,w,a,x=[],c),y),a,y,c,o,n?x:y);break;default:Ot(q,E,E,E,[""],y,c,o,y)}}u=d=p=0,g=b=1,w=q="",c=s;break;case 58:c=1+dt(q),p=h;default:if(g<1)if(v==123)--g;else if(v==125&&g++==0&&qt()==125)continue;switch(q+=tt(v),v*g){case 38:b=d>0?1:(q+="\f",-1);break;case 44:o[u++]=(dt(q)-1)*b,b=1;break;case 64:if(kt()===45)q+=It(At());m=kt(),d=dt(w=q+=Lt(Dt())),v++;break;case 45:if(h===45&&dt(q)==2)g=0}}return i}function Gt(e,r,t,n,a,i,s,o,l,u,d){var c=a-1;var m=a===0?i:[""];var p=ct(m);for(var h=0,g=0,f=0;h<n;++h)for(var b=0,v=ut(e,c+1,c=rt(g=s[h])),w=e;b<p;++b)if(w=at(g>0?m[b]+" "+v:st(v,/&\f/g,m[b])))l[f++]=w;return xt(e,r,t,a===0?Yr:o,l,u,d)}function jt(e,r,t){return xt(e,r,t,Xr,tt(Et()),ut(e,2,-2),0)}function Vt(e,r,t,n){return xt(e,r,t,Zr,ut(e,0,n),ut(e,n+1,-1),n)}function zt(e,r){switch(nt(e,r)){case 5103:return Kr+"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 Kr+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return Kr+e+$r+e+Jr+e+e;case 6828:case 4268:return Kr+e+Jr+e+e;case 6165:return Kr+e+Jr+"flex-"+e+e;case 5187:return Kr+e+st(e,/(\w+).+(:[^]+)/,Kr+"box-$1$2"+Jr+"flex-$1$2")+e;case 5443:return Kr+e+Jr+"flex-item-"+st(e,/flex-|-self/,"")+e;case 4675:return Kr+e+Jr+"flex-line-pack"+st(e,/align-content|flex-|-self/,"")+e;case 5548:return Kr+e+Jr+st(e,"shrink","negative")+e;case 5292:return Kr+e+Jr+st(e,"basis","preferred-size")+e;case 6060:return Kr+"box-"+st(e,"-grow","")+Kr+e+Jr+st(e,"grow","positive")+e;case 4554:return Kr+st(e,/([^-])(transform)/g,"$1"+Kr+"$2")+e;case 6187:return st(st(st(e,/(zoom-|grab)/,Kr+"$1"),/(image-set)/,Kr+"$1"),e,"")+e;case 5495:case 3959:return st(e,/(image-set\([^]*)/,Kr+"$1"+"$`$1");case 4968:return st(st(e,/(.+:)(flex-)?(.*)/,Kr+"box-pack:$3"+Jr+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+Kr+e+e;case 4095:case 3583:case 4068:case 2532:return st(e,/(.+)-inline(.+)/,Kr+"$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(dt(e)-1-r>6)switch(lt(e,r+1)){case 109:if(lt(e,r+4)!==45)break;case 102:return st(e,/(.+:)(.+)-([^]+)/,"$1"+Kr+"$2-$3"+"$1"+$r+(lt(e,r+3)==108?"$3":"$2-$3"))+e;case 115:return~ot(e,"stretch")?zt(st(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(lt(e,r+1)!==115)break;case 6444:switch(lt(e,dt(e)-3-(~ot(e,"!important")&&10))){case 107:return st(e,":",":"+Kr)+e;case 101:return st(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+Kr+(lt(e,14)===45?"inline-":"")+"box$3"+"$1"+Kr+"$2$3"+"$1"+Jr+"$2box$3")+e}break;case 5936:switch(lt(e,r+11)){case 114:return Kr+e+Jr+st(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return Kr+e+Jr+st(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return Kr+e+Jr+st(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return Kr+e+Jr+e+e}return e}function Mt(e,r){var t="";var n=ct(e);for(var a=0;a<n;a++)t+=r(e[a],a,e,r)||"";return t}function Wt(e,r,t,n){switch(e.type){case Qr:case Zr:return e.return=e.return||e.value;case Xr:return"";case Yr:e.value=e.props.join(",")}return dt(t=Mt(e.children,n))?e.return=e.value+"{"+t+"}":""}function Ut(e){var r=ct(e);return function(t,n,a,i){var s="";for(var o=0;o<r;o++)s+=e[o](t,n,a,i)||"";return s}}function Ht(e){return function(r){if(!r.root)if(r=r.return)e(r)}}function Jt(e,r,t,n){if(!e.return)switch(e.type){case Zr:e.return=zt(e.value,e.length);break;case et:return Mt([yt(st(e.value,"@","@"+Kr),e,"")],n);case Yr:if(e.length)return pt(e.props,(function(r){switch(it(r,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Mt([yt(st(r,/:(read-\w+)/,":"+$r+"$1"),e,"")],n);case"::placeholder":return Mt([yt(st(r,/:(plac\w+)/,":"+Kr+"input-$1"),e,""),yt(st(r,/:(plac\w+)/,":"+$r+"$1"),e,""),yt(st(r,/:(plac\w+)/,Jr+"input-$1"),e,"")],n)}return""}))}}function $t(e){var r=Object.create(null);return function(t){if(r[t]===undefined)r[t]=e(t);return r[t]}}var Kt=function e(r,t){var n=-1;var a=44;do{switch(_t(a)){case 0:if(a===38&&kt()===12){t[n]=1}r[n]+=Lt(bt-1);break;case 2:r[n]+=It(a);break;case 4:if(a===44){r[++n]=kt()===58?"&\f":"";t[n]=r[n].length;break}default:r[n]+=tt(a)}}while(a=At());return r};var Xt=function e(r,t){return Rt(Kt(Tt(r),t))};var Yt=new WeakMap;var Zt=function e(r){if(r.type!=="rule"||!r.parent||!r.length){return}var t=r.value,n=r.parent;var a=r.column===n.column&&r.line===n.line;while(n.type!=="rule"){n=n.parent;if(!n)return}if(r.props.length===1&&t.charCodeAt(0)!==58&&!Yt.get(n)){return}if(a){return}Yt.set(r,true);var i=[];var s=Xt(t,i);var o=n.props;for(var l=0,u=0;l<s.length;l++){for(var d=0;d<o.length;d++,u++){r.props[u]=i[l]?s[l].replace(/&\f/g,o[d]):o[d]+" "+s[l]}}};var Qt=function e(r){if(r.type==="decl"){var t=r.value;if(t.charCodeAt(0)===108&&t.charCodeAt(2)===98){r["return"]="";r.value=""}}};var en=[Jt];var rn=function e(r){var t=r.key;if(t==="css"){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,(function(e){var r=e.getAttribute("data-emotion");if(r.indexOf(" ")===-1){return}document.head.appendChild(e);e.setAttribute("data-s","")}))}var a=r.stylisPlugins||en;var i={};var s;var o=[];{s=r.container||document.head;Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),(function(e){var r=e.getAttribute("data-emotion").split(" ");for(var t=1;t<r.length;t++){i[r[t]]=true}o.push(e)}))}var l;var u=[Zt,Qt];{var d;var c=[Wt,Ht((function(e){d.insert(e)}))];var m=Ut(u.concat(a,c));var p=function e(r){return Mt(Bt(r),m)};l=function e(r,t,n,a){d=n;p(r?r+"{"+t.styles+"}":t.styles);if(a){h.inserted[t.name]=true}}}var h={key:t,sheet:new Hr({key:t,container:s,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend}),nonce:r.nonce,inserted:i,registered:{},insert:l};h.sheet.hydrate(o);return h};function tn(e){var r=0;var t,n=0,a=e.length;for(;a>=4;++n,a-=4){t=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24;t=(t&65535)*1540483477+((t>>>16)*59797<<16);t^=t>>>24;r=(t&65535)*1540483477+((t>>>16)*59797<<16)^(r&65535)*1540483477+((r>>>16)*59797<<16)}switch(a){case 3:r^=(e.charCodeAt(n+2)&255)<<16;case 2:r^=(e.charCodeAt(n+1)&255)<<8;case 1:r^=e.charCodeAt(n)&255;r=(r&65535)*1540483477+((r>>>16)*59797<<16)}r^=r>>>13;r=(r&65535)*1540483477+((r>>>16)*59797<<16);return((r^r>>>15)>>>0).toString(36)}var nn={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 an=/[A-Z]|^ms/g;var sn=/_EMO_([^_]+?)_([^]*?)_EMO_/g;var on=function e(r){return r.charCodeAt(1)===45};var ln=function e(r){return r!=null&&typeof r!=="boolean"};var un=$t((function(e){return on(e)?e:e.replace(an,"-$&").toLowerCase()}));var dn=function e(r,t){switch(r){case"animation":case"animationName":{if(typeof t==="string"){return t.replace(sn,(function(e,r,t){hn={name:r,styles:t,next:hn};return r}))}}}if(nn[r]!==1&&!on(r)&&typeof t==="number"&&t!==0){return t+"px"}return t};function cn(e,r,t){if(t==null){return""}if(t.__emotion_styles!==undefined){return t}switch(typeof t){case"boolean":{return""}case"object":{if(t.anim===1){hn={name:t.name,styles:t.styles,next:hn};return t.name}if(t.styles!==undefined){var n=t.next;if(n!==undefined){while(n!==undefined){hn={name:n.name,styles:n.styles,next:hn};n=n.next}}var a=t.styles+";";return a}return mn(e,r,t)}case"function":{if(e!==undefined){var i=hn;var s=t(e);hn=i;return cn(e,r,s)}break}}if(r==null){return t}var o=r[t];return o!==undefined?o:t}function mn(e,r,t){var n="";if(Array.isArray(t)){for(var a=0;a<t.length;a++){n+=cn(e,r,t[a])+";"}}else{for(var i in t){var s=t[i];if(typeof s!=="object"){if(r!=null&&r[s]!==undefined){n+=i+"{"+r[s]+"}"}else if(ln(s)){n+=un(i)+":"+dn(i,s)+";"}}else{if(i==="NO_COMPONENT_SELECTOR"&&"production"!=="production"){throw new Error("Component selectors can only be used in conjunction with @emotion/babel-plugin.")}if(Array.isArray(s)&&typeof s[0]==="string"&&(r==null||r[s[0]]===undefined)){for(var o=0;o<s.length;o++){if(ln(s[o])){n+=un(i)+":"+dn(i,s[o])+";"}}}else{var l=cn(e,r,s);switch(i){case"animation":case"animationName":{n+=un(i)+":"+l+";";break}default:{n+=i+"{"+l+"}"}}}}}}return n}var pn=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var hn;var gn=function e(r,t,n){if(r.length===1&&typeof r[0]==="object"&&r[0]!==null&&r[0].styles!==undefined){return r[0]}var a=true;var i="";hn=undefined;var s=r[0];if(s==null||s.raw===undefined){a=false;i+=cn(n,t,s)}else{i+=s[0]}for(var o=1;o<r.length;o++){i+=cn(n,t,r[o]);if(a){i+=s[o]}}pn.lastIndex=0;var l="";var u;while((u=pn.exec(i))!==null){l+="-"+u[1]}var d=tn(i)+l;return{name:d,styles:i,next:hn}};var fn="object"!=="undefined";function bn(e,r,t){var n="";t.split(" ").forEach((function(t){if(e[t]!==undefined){r.push(e[t]+";")}else{n+=t+" "}}));return n}var vn=function e(r,t,n){var a=r.key+"-"+t.name;if((n===false||fn===false)&&r.registered[a]===undefined){r.registered[a]=t.styles}if(r.inserted[t.name]===undefined){var i=t;do{var s=r.insert(t===i?"."+a:"",i,r.sheet,true);i=i.next}while(i!==undefined)}};function wn(e,r){if(e.inserted[r.name]===undefined){return e.insert("",r,e.sheet,true)}}function xn(e,r,t){var n=[];var a=bn(e,n,t);if(n.length<2){return t}return a+r(n)}var yn=function e(r){var t=rn(r);t.sheet.speedy=function(e){this.isSpeedy=e};t.compat=true;var n=function e(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++){n[a]=arguments[a]}var i=gn(n,t.registered,undefined);vn(t,i,false);return t.key+"-"+i.name};var a=function e(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++){n[a]=arguments[a]}var i=gn(n,t.registered);var s="animation-"+i.name;wn(t,{name:i.name,styles:"@keyframes "+s+"{"+i.styles+"}"});return s};var i=function e(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++){n[a]=arguments[a]}var i=gn(n,t.registered);wn(t,i)};var s=function e(){for(var r=arguments.length,a=new Array(r),i=0;i<r;i++){a[i]=arguments[i]}return xn(t.registered,n,En(a))};return{css:n,cx:s,injectGlobal:i,keyframes:a,hydrate:function e(r){r.forEach((function(e){t.inserted[e]=true}))},flush:function e(){t.registered={};t.inserted={};t.sheet.flush()},sheet:t.sheet,cache:t,getRegisteredStyles:bn.bind(null,t.registered),merge:xn.bind(null,t.registered,n)}};var En=function e(r){var t="";for(var n=0;n<r.length;n++){var a=r[n];if(a==null)continue;var i=void 0;switch(typeof a){case"boolean":break;case"object":{if(Array.isArray(a)){i=e(a)}else{i="";for(var s in a){if(a[s]&&s){i&&(i+=" ");i+=s}}}break}default:{i=a}}if(i){t&&(t+=" ");t+=i}}return t};var qn=yn({key:"css"}),An=qn.css;function kn(){return(kn=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function Dn(e,r){return r||(r=e.slice(0)),e.raw=r,e}var Cn,_n,Tn,Rn=An(Cn||(Cn=Dn(['\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 In(e,r){var t,n=r.story.title.split("/"),a=n[1]?n[0]:"_";return kn({},e,((t={})[a]=[].concat(e[a]||[],[{story:kn({},r.story,{title:n[1]||n[0]}),subs:r.subs}]).sort((function(e,r){return e.story.title.localeCompare(r.story.title)})),t))}function Sn(e){return{story:e.default,subs:function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||(a[t]=e[t]);return a}(e,["default"])}}function Pn(e,t){var n=t.h,a=void 0===n?r:n,o=t.title,l=void 0===o?"Stencilbook":o,u=t.homepage,d=void 0===u?a("h3",null,"Select a story!"):u,c=t.addons,m=void 0===c?[]:c,p=i((function(){return e.map(Sn).reduce(In,{_:[]})}),e),h=s(void 0),g=h[0],f=h[1],b=null==g?void 0:g.key,v=s("desktop"),w=v[0],x=v[1],y=s(!0),E=y[0],q=y[1],A=s(!1),k=A[0],D=A[1],C=function(){return a("div",{class:"dynamic-display-wrapper"},a("div",{class:"button-wrapper"},a("button",{class:"desktop"===w?"active":"",onClick:function(){return x("desktop")}},"Desktop"),a("button",{class:"tablet"===w?"active":"",onClick:function(){return x("tablet")}},"Tablet"),a("button",{class:"mobile"===w?"active":"",onClick:function(){return x("mobile")}},"Mobile")),a("p",null,"Note: Currently doesn't test breakpoints, use the native tester for now"),a("hr",null),a("button",{class:k?"active":"",onClick:function(){return D((function(e){return!e}))}},"Toggle Dark Background"),a("hr",null),a("button",{class:E?"active":"",onClick:function(){return q((function(e){return!e}))}},"Toggle Sidebar"))},_="mobile"===w?"375px":"tablet"===w?"768px":"1124px",T=An(_n||(_n=Dn(["\n    max-width: ",";\n    margin-left: ",";\n  "])),_,E?"250px":"0px"),R=An(Tn||(Tn=Dn(["\n    display: none;\n  "])));document.body.style.backgroundColor=k?"#232323":"#fafafa";var I=function(e){var r=e.selected,t=m.reduce((function(e,t){return function(){return a(t,{story:kn({},r)},a(e,null))}}),null==r?void 0:r.story);return a(t,null)},S=function(){return a("div",{class:"story-book-outer-div"},a("div",{class:"story-div "+(E?"":R)},a("div",{class:"header",onClick:function(){f(void 0)}},a("h2",null,l)),a("ul",{class:"parentStoryList"},Object.keys(p).sort().map((function(e){return a("div",{class:"group-wrapper"},"_"!==e&&a("h4",{class:"group-header"},e),p[e].map((function(r){return a("li",{class:"parentStory"},a("details",{style:{marginBottom:"10px"}},a("summary",{style:{outline:"none"}},r.story.title),r.subs&&Object.keys(r.subs).map((function(t){var n=e+"/"+t,i=r.subs[t],s=i.storyName||Mr(t);return a("div",{class:"subStory "+(b===n?"selected":"")},a("a",{onClick:function(){return function(e,r,t,n){f({key:r,story:e,parent:t,label:n})}(i,n,r.story,s)}},s))}))))})))})))),a(C,null),a("div",{class:"component "+T},!b&&d,b&&a("div",null,a("h3",null,g.label),a(I,{selected:g}))))};return{class:Rn,children:a(S,null),View:S,selected:g}}var Nn='@author:noah\r\n@owner:noah\r\nFeature: Share Button\r\n\r\n  The share button redirects users to a platform where they can share their referral link\r\n\r\n  @motivating\r\n  Scenario Outline: Share button displays for various platforms\r\n    Given the share button\'s medium prop is "<medium>"\r\n    And the button\'s child is text saying "BUTTON_TEXT"\r\n    When the share button is rendered\r\n    Then the button has text "BUTTON_TEXT"\r\n    And the button is <colour>\r\n    And it displays an <icon> beside the text\r\n    And clicking the button redirects to an appropriate link\r\n    Examples:\r\n      | medium        | colour       | icon               |\r\n      | facebook      | #1877f2      | facebook logo      |\r\n      | twitter       | #1da1f2      | twitter logo       |\r\n      | email         | #666666      | envelope           |\r\n      | direct        | brand colour | paper plane        |\r\n      | linkedin      | #0077b5      | linkedIn logo      |\r\n      | sms           | #34DA50      | chat bubble        |\r\n      | fbmessenger   | #0084ff      | messenger logo     |\r\n      | whatsapp      | #25d366      | whatsapp logo      |\r\n      | linemessenger | #00B300      | linemessenger logo |\r\n      | pinterest     | #e60023      | pinterest logo     |\r\n\r\n  @minutae\r\n  Scenario Outline: Default icons can be overwritten\r\n    Given a share button for any medium with <iconPropValue>\r\n    When the share button is rendered\r\n    Then it displays a <iconPropValue> instead of the share mediums default icon\r\n    Examples:\r\n      | iconPropValue |\r\n      | basket        |\r\n      | bluetooth     |\r\n      | bandaid       |\r\n\r\n  @motivating\r\n  Scenario Outline: Default share medium colours can be overwritten\r\n    Given a share button for any medium with <backgroundColourPropValue>\r\n    When the share button is rendered\r\n    Then the share button is <backgroundColourPropValue>\r\n    Examples:\r\n      | backgroundColourPropValue |\r\n      | blue                      |\r\n      | black                     |\r\n      | green                     |\r\n\r\n  @minutae\r\n  Scenario Outline: Share medium icons and text can be hidden\r\n    Given a share button with <prop> <value>\r\n    When the share button is rendered\r\n    Then <element> is hidden\r\n    Examples:\r\n      | prop     | value | element |\r\n      | hideicon | true  | icon    |\r\n      | hidetext | true  | text    |\r\n\r\n  @minutae\r\n  Scenario Outline: Icons can be on either side of the text\r\n    Given a share button with <iconslotPropValue>\r\n    When the share button is rendered\r\n    Then the icon is displayed to the <direction> of the text\r\n    Examples:\r\n      | iconslotPropValue | direction |\r\n      | suffix            | right     |\r\n      | prefix            | left      |\r\n      | prefix            | left      |\r\n\r\n  @minutae\r\n  Scenario: Unsupported browsers hide native share buttons\r\n    Given the share button\'s medium prop is "direct"\r\n    And your browser does not support the Web Share API\r\n    Then the share button is hidden\r\n\r\n  @minutae\r\n  Scenario: SMS share buttons are hidden on non Android and iOS devices\r\n    Given the share button\'s medium is "sms"\r\n    And the share button is being viewed on a device which is not an Android or iOS device\r\n    Then the share button is hidden\r\n\r\n  @motivating\r\n  Scenario: Facebook share buttons uses SquatchAndroid sharing features\r\n    Given the share button\'s medium is "facebook"\r\n    And the share button is being viewed in a web view with the SquatchAndroid API\r\n    And the Facebook app is available\r\n    Then tapping the share button opens the phone\'s Facebook app\r\n    And a share activity is opened with the share link prefilled\r\n\r\n  @motivating\r\n  Scenario: SquatchAndroid falls back to the Facebook website if no app is available\r\n    Given the share button\'s medium is "facebook"\r\n    And the share button is being viewed in a web view with the SquatchAndroid API\r\n    And the Facebook app is not available\r\n    Then tapping the share button opens the the Facebook mobile site in the device\'s browser\r\n    And a share activity is opened with the share link prefilled\r\n\r\n  @minutae\r\n  Scenario: A supplied program ID is used if available\r\n    Given the program id is supplied to the component in the "programId" prop\r\n    Then the program ID in the "programId" prop is used to retrieve share links\r\n\r\n  @minutae\r\n  Scenario: The program ID is automatically fetched from context\r\n    Given the program id is not supplied to the component in the "programId" prop\r\n    Then the program ID is retrieved from context';var Fn={title:"Components/Share Button",parameters:{scenario:Nn}};var Ln=function(){var e={medium:"whatsapp",iconslot:"prefix"};return r(O,Object.assign({},e),"Share")};var Bn=function(){var e={medium:"whatsapp",iconslot:"suffix"};return r(O,Object.assign({},e),"Share")};var On=function(){var e={medium:"facebook",icon:"person-badge"};return r(O,Object.assign({},e),"Share")};var Gn=function(){var e={medium:"facebook",type:"text"};return r(O,Object.assign({},e),"Share")};var jn=function(){var e={medium:"facebook",hideicon:true};return r(O,Object.assign({},e),"Share")};var Vn=function(){var e={medium:"facebook",hidetext:true};return r(O,Object.assign({},e),"Share")};var zn=function(){var e={medium:"facebook",type:"text",hideicon:true};return r(O,Object.assign({},e),"Share")};var Mn=function(){var e={medium:"facebook",type:"text",backgroundcolor:"var(--sl-color-primary-500)",textcolor:"white",iconslot:"prefix"};return r(O,Object.assign({},e),"Facebook")};var Wn=function(){var e={medium:"facebook",type:"text",borderradius:8,iconslot:"prefix"};return r(O,Object.assign({},e),"Facebook")};var Un=function(){return r("div",null,r("sqm-share-button",{medium:"facebook"},r("span",null,"Facebook")),r("br",null),r("sqm-share-button",{medium:"email"},r("span",null,"Email")))};var Hn=function(){return r("div",null,r("sqm-share-button",{medium:"facebook"},r("span",null,"Facebook")),r("br",null),r("sqm-share-button",{medium:"email"},r("span",null,"Email")),r("br",null),r("sqm-share-button",{medium:"whatsapp"},r("span",null,"WhatsApp")),r("br",null),r("sqm-share-button",{medium:"linkedin"},r("span",null,"Linkedin")),r("br",null),r("sqm-share-button",{medium:"twitter"},r("span",null,"Twitter")),r("br",null),r("sqm-share-button",{medium:"pinterest"},r("span",null,"Pinterest")),r("br",null),r("sqm-share-button",{medium:"fbmessenger"},r("span",null,"Messenger")),r("br",null),r("sqm-share-button",{medium:"sms"},r("span",null,"SMS")),r("br",null),r("sqm-share-button",{medium:"linemessenger"},r("span",null,"Line Messenger")),r("br",null),r("sqm-share-button",{medium:"direct"},r("span",null,"Share")))};var Jn=Object.freeze({__proto__:null,default:Fn,WithIconPrefix:Ln,WithIconSuffix:Bn,WithIconOverride:On,TextStyle:Gn,WithoutIcon:jn,WithoutText:Vn,TextStyleWithoutIcon:zn,WithCustomColors:Mn,WithCustomBorderRadius:Wn,FullStackIcon:Un,AllMediums:Hn});var $n='@author:johan\r\n@owner:johan\r\nFeature: Share Link\r\n\r\n  The share link component is a box that allows users to see and copy their share link for a given program\r\n\r\n  Background: Environment\r\n    Given there is a valid program ID in the environment\r\n    And there is a valid user ID and account ID in the environment\r\n\r\n  @motivating\r\n  Scenario: A Users sharelink can be copied to their clipboard\r\n    Given tooltiptext is "hello tooltip"\r\n    When the component renders\r\n    Then there is a textbox with the user\'s share link\r\n    When the clipboard icon is clicked\r\n    Then the link is copied to clipboard\r\n    And a tooltip appears for ~1 second\r\n\r\n  @minutae\r\n  Scenario: Tooltip lifespan defaults to 2000\r\n    Given the tooltip\'s lifespan is set to 2000\r\n    And there is tooltip text\r\n    When the component renders\r\n    And the clipboard icon is clicked\r\n    Then a tooltip appears for ~2 seconds\r\n\r\n  @minutae\r\n  Scenario: Demo\r\n    Given isDemo() returns true\r\n    Then the share link is "https://www.example.com/sharelink/abc"\r\n    And the component won\'t be interactive\r\n    And the tooltip is hidden\r\n\r\n  @minutae\r\n  Scenario: Program ID can be sourced from prop\r\n    Given the programId prop is set to "program-a"\r\n    And window.widgetIdent.programId is set to "program-b"\r\n    When the component renders\r\n    Then the share link is for "program-a"\r\n\r\n  @minutae\r\n  Scenario: Program ID can be sourced from window\r\n    Given the programId prop is unset\r\n    And window.widgetIdent.programId is set to "program-b"\r\n    When the component renders\r\n    Then the share link is for "program-b"\r\n\r\n  @minutae\r\n  Scenario: An analytic event is fired when a user copies their sharelink\r\n    Given a user viewing the share link component\r\n    And the component is rendered for "program-a"\r\n    When they click to copy their link\r\n    Then an "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT" analytic event is fired\r\n    And it is for "program-a"\r\n    And it has share medium "DIRECT"\r\n';var Kn={title:"Components/Share Link",parameters:{scenario:$n}};var Xn=function(){var e={shareString:"https://noah.example.com",open:false,tooltiptext:"Copied!"};return r(G,Object.assign({},e))};var Yn=function(){var e={shareString:"https://noah.example.com",tooltiptext:"Some text for the tooltip",open:true};return r(G,Object.assign({},e))};var Zn=function(){var e={shareString:"https://noah.example.com",disabled:true,open:true,tooltiptext:"Copied!"};return r(G,Object.assign({},e))};var Qn=function(){return r("sqm-share-link",null)};var ea=Object.freeze({__proto__:null,default:Kn,Default:Xn,Tooltip:Yn,Disabled:Zn,FullStack:Qn});var ra='@author:sam\r\n@owner:sam\r\nFeature: Big Stat\r\n\r\n  Big stat is a component for displaying a statistic as a large number with a label\r\n\r\n  @minutae\r\n  Scenario: Demo hook retrieves label using stat pattern\r\n    Given isDemo() returns true\r\n    And the component renders with props:\r\n      | type            |\r\n      | /referralsCount |\r\n    Then the label is: "REFERRALS - COUNT"\r\n    And the value is: "12345"\r\n\r\n  @minutae\r\n  Scenario: Demo hook falls back to default label on invalid path\r\n    Given isDemo() returns true\r\n    And the component renders with props:\r\n      | type       |\r\n      | a bad path |\r\n    Then the label is: "Demo Label"\r\n    And the value is: "12345"\r\n\r\n  @motivating\r\n  Scenario: Displays error on unrecognized path\r\n    Given isDemo() returns false\r\n    And the component renders with props:\r\n      | type                       |\r\n      | /(doesNotExistNopeNotHere) |\r\n    Then the label is: "BAD PROP TYPE"\r\n    And the value is: "!!!"\r\n\r\n  @motivating\r\n  Scenario Outline: Label displays correctly\r\n    Given the type prop is set to <type>\r\n    When the component renders\r\n    Then the label is <label>\r\n    Given isDemo() returns true\r\n    When the component renders\r\n    Then the label is <inferredLabel>\r\n    Examples:\r\n      | path             | label                   | inferredLabel     |\r\n      | rewardsAssigned  | Rewards Earned          | Rewards Assigned  |\r\n      | rewardsRedeemed  | Rewards Paid            | Rewards Redeemed  |\r\n      | rewardsAvailable | Rewards Available       | Rewards Available |\r\n      | referralsCount   | Referrals - Count       | Referrals Count   |\r\n      | referralsMonth   | Referrals - This Month  | Referrals Month   |\r\n      | referralsWeek    | Referrals - This Week   | Referrals Week    |\r\n      | rewardsCount     | Rewards - Count         | Rewards Count     |\r\n      | rewardsMonth     | Rewards - This Month    | Rewards Month     |\r\n      | rewardsWeek      | Rewards - This Week     | Rewards Week      |\r\n      | rewardBalance    | Balance - Credit Earned | Reward Balance    |\r\n      | customField      | Custom Field            | Custom Field      |\r\n      | programGoals     | Program Goals           | Program Goals     |\r\n\r\n  @motivating\r\n  Scenario: Display user\'s credit\r\n    Given isDemo() returns false\r\n    And the user has earned 34 COFFEE from the program\r\n    And the component renders with props:\r\n      | type                                     |\r\n      | /rewardBalance/CREDIT/COFFEE/prettyValue |\r\n    Then the label is: "Balance - Credit Earned"\r\n    And the value is: "34 COFFEE"\r\n\r\n  @minutae\r\n  Scenario: Memoizes most recent query\r\n    Given isDemo() returns false\r\n    And the component\'s type prop is set to a variable named PATH\r\n    And PATH is "/referralsWeek"\r\n    Then the component shows a loading state before showing the result\r\n    When the component reloads given some external reload\r\n    Then the component doesn\'t show a loading state\r\n    When PATH is set to "/rewardsWeek"\r\n    Then the component shows a loading state before showing the result\r\n    When PATH is set to "/referralsWeek"\r\n    Then the component shows a loading state before showing the result\r\n\r\n  @motivating\r\n  Scenario: Stat has a loading state\r\n    Given isDemo() returns false\r\n    And the component\'s stat type prop is valid\r\n    When the component renders\r\n    Then The stat value displays "..."\r\n    And when the stat query is completed\r\n    And the stat value displays a value\r\n\r\n  @motivating\r\n  Scenario Outline: Program Goal stat requires metricType and goalId\r\n    Given the statType prop is <statType>\r\n    When the component renders\r\n    Then the label is <label>\r\n    And the stat value is <InvalidStatValue>\r\n    Examples:\r\n      | statType                              | label         | InvalidStatValue |\r\n      | /programGoals                         | BAD PROP TYPE | true             |\r\n      | /programGoals/count                   | BAD PROP TYPE | true             |\r\n      | /programGoals/conversionCount         | BAD PROP TYPE | true             |\r\n      | /programGoals/My-Goal                 | BAD PROP TYPE | true             |\r\n      | /programGoals/count/My-Goal           | Program Goals | false            |\r\n      | /programGoals/conversionCount/My-Goal | Program Goals | false            |\r\n\r\n  @motivating\r\n  Scenario Outline: rewardCountFiltered supports many formats\r\n    Given the statType begins with "/rewardCountFiltered"\r\n    When the component renders with <statType>\r\n    Then the stat <mayRender> a value\r\n    Examples:\r\n      | statType                                               | mayRender      |\r\n      | /rewardsCountFiltered                                  | renders        |\r\n      | /rewardsCountFiltered/COFFEE                           | doesn\'t render |\r\n      | /rewardsCountFiltered/global                           | renders        |\r\n      | /rewardsCountFiltered/INTEGRATION                      | renders        |\r\n      | /rewardsCountFiltered/INTEGRATION/global               | renders        |\r\n      | /rewardsCountFiltered/PCT_DISCOUNT                     | renders        |\r\n      | /rewardsCountFiltered/PCT_DISCOUNT/global              | renders        |\r\n      | /rewardsCountFiltered/CREDIT                           | renders        |\r\n      | /rewardsCountFiltered/CREDIT/COFFEE                    | renders        |\r\n      | /rewardsCountFiltered/CREDIT/global                    | renders        |\r\n      | /rewardsCountFiltered/CREDIT/COFFEE/PENDING            | renders        |\r\n      | /rewardsCountFiltered/CREDIT/COFFEE/AVAILABLE          | renders        |\r\n      | /rewardsCountFiltered/CREDIT/CASH%2FUSD                | renders        |\r\n      | /rewardsCountFiltered/CREDIT/CASH%2FUSD/global         | renders        |\r\n      | /rewardsCountFiltered/CREDIT/CASH%2FUSD/PENDING        | renders        |\r\n      | /rewardsCountFiltered/CREDIT/CASH%2FUSD/PENDING/global | renders        |\r\n\r\n  @motivating\r\n  Scenario Outline: Program Goals and Reward units with currencies must be encoded\r\n    Given the statType is <statType>\r\n    When the stat is queried\r\n    Then the stat is filtered by <decodedFilter>\r\n    And a value <mayBe> rendered\r\n    Examples:\r\n      | statType                                | decodedFilter     | may   |\r\n      | /rewardBalance/CREDIT/COFFEE            | COFFEE            | is    |\r\n      | /rewardBalance/CREDIT/CENTS             | CENTS             | is    |\r\n      | /rewardBalance/CREDIT/COFFEE%2FUSD      | COFFEE/USD        | is    |\r\n      | /rewardBalance/CREDIT/COFFEE/USD        | COFFEE            | is    |\r\n      | /rewardBalance/CREDIT/CASH              | CASH              | is    |\r\n      | /rewardBalance/CREDIT/CASH/USD          | CASH              | is    |\r\n      | /rewardBalance/CREDIT/CASH%2FUSD        | CASH/USD          | is    |\r\n      | /programGoals/count/My-Goal             | My-Goal           | is    |\r\n      | /programGoals/count/My-Goal/referrals   |                   | isn\'t |\r\n      | /programGoals/count/My-Goal%2Freferrals | My-Goal/referrals | is    |\r\n\r\n  @motivating\r\n  Scenario Outline: User custom fields can be queried\r\n    Given the StatType is <statType>\r\n    When the stat is queried\r\n    Then the value matches that of the users <customField>\r\n    Examples:\r\n      | statType                         | customField        |\r\n      | /customFields/videosShared       | videosShared       |\r\n      | /customFields/totalPurchaseCount | totalPurchaseCount |\r\n\r\n  @motivating\r\n  Scenario Outline: Some stats can use a global value instead of filtered by program\r\n    Given the stat <statName>\r\n    Then the global value <mayBe> available\r\n    Examples:\r\n      | statName                        | mayBe |\r\n      | referralsCount                  | isn\'t |\r\n      | referralsMonth                  | isn\'t |\r\n      | referralsWeek                   | isn\'t |\r\n      | rewardsCount                    | is    |\r\n      | rewardsCountFiltered            | is    |\r\n      | integrationRewardsCountFiltered | is    |\r\n      | rewardsMonth                    | is    |\r\n      | rewardsWeek                     | is    |\r\n      | rewardsAssigned                 | is    |\r\n      | rewardsRedeemed                 | is    |\r\n      | rewardsAvailable                | is    |\r\n      | rewardBalance                   | is    |\r\n\r\n  @motivating\r\n  Scenario Outline: referralsCount stat can be filtered by Converted and Started\r\n    Given statType prop is <statType>\r\n    Then the stat returned has a <filter>\r\n    Examples:\r\n      | statType                  | filter                                                   |\r\n      | /referralsCount           | { programId_eq: programId }                              |\r\n      | /referralsCount/converted | { programId_eq: programId, dateConverted_exists: true }  |\r\n      | /referralsCount/started   | { programId_eq: programId, dateConverted_exists: false } |\r\n\r\n  @motivating\r\n  Scenario: Program context is used by default to source the programId used for queries\r\n    Given a valid "statType"\r\n    And its not a global stat\r\n    And the stat is loaded in an environment for "program-a"\r\n    And the "program-id" prop is not used\r\n    When the stat is queried\r\n    Then the query is filtered by "{ programId_eq: \'program-a\' }"\r\n    And only results from "program-a" are returned\r\n\r\n  @motivating\r\n  Scenario Outline: ProgramId can be specified to overwrite the program context default\r\n    Given a valid "statType"\r\n    And its not a global stat\r\n    And the "program-id" prop has <value>\r\n    When the stat is queried\r\n    Then the query has a <filter>\r\n    And only results from <value> are returned\r\n    Examples:\r\n      | value     | filter                        |\r\n      | program-b | { programId_eq: "program-b" } |\r\n      | program-c | { programId_eq: "program-c" } |';var ta={title:"Components/Big Stat",parameters:{scenario:ra}};var na=function(){var e={value:99e4,statvalue:"9.900,00",loading:false};return r(y,Object.assign({},e),"Big stat")};var aa=function(){var e={value:500,statvalue:"500",alignment:"left",loading:false};return r(y,Object.assign({},e),"Big stat")};var ia=function(){var e={value:500,statvalue:"500",alignment:"right",loading:false};return r(y,Object.assign({},e),"Big stat")};var sa=function(){var e={value:500,statvalue:"500",flexReverse:true,loading:false};return r(y,Object.assign({},e),"Big stat")};var oa=function(){var e={value:500,statvalue:"500",flexReverse:true,alignment:"right",loading:false};return r(y,Object.assign({},e),"Big stat")};var la=function(){var e={value:500,statvalue:"500",flexReverse:true,alignment:"left",loading:false};return r(y,Object.assign({},e),"Big stat")};var ua=function(){var e={value:0,statvalue:"...",loading:false};return r(y,Object.assign({},e),"Big stat")};var da=function(){var e={value:0,statvalue:"!!!",loading:false};return r(y,Object.assign({},e),"Big stat")};var ca=Object.freeze({__proto__:null,default:ta,Default:na,LeftAlign:aa,RightAlign:ia,FlexReverse:sa,FlexReverseRight:oa,FlexReverseLeft:la,NoStatValue:ua,InvalidStatValue:da});var ma='@owner:noah\r\n@author:noah\r\nFeature: Leaderboard\r\n\r\n\tThe leaderboard displays the top referrers along with their scores\r\n\r\n\t@motivating\r\n\tScenario Outline: The leaderboard can be for referrals started or converted\r\n\t\tGiven a leaderboard is configured with "leaderboard-type" <value>\r\n\t\tAnd a user with started referrals\r\n\t\tAnd a user with converted referrals\r\n\t\tWhen they view the leaderboard\r\n\t\tThen then only <referralType> referrals are counted in the leaderboard\r\n\t\tExamples:\r\n\t\t\t| value                 | referralType |\r\n\t\t\t| topStartedReferrers   | started      |\r\n\t\t\t| topConvertedReferrers | converted    |\r\n\t\t\t|                       | started      |\r\n\r\n\t@motivating\r\n\tScenario: If there are any users with referrals the leaderboard is shown\r\n\t\tGiven there is aleast one user\r\n\t\tThen the leaderboard displays up to 10 top referrers\r\n\t\tAnd leaderboard is ordered by the referrers score in descending ordered\r\n\t\tAnd in the case of a tie the rows are ordered alphabetically\r\n\r\n\t@motivating\r\n\tScenario: The leaderboard can filter referrals within an time interval\r\n\t\tGiven a leaderboard is configured with "interval" "2021-11-02T07:00:00.000Z/2021-11-07T07:00:00.000Z"\r\n\t\tAnd a user with referrals\r\n\t\tWhen they view the leaderboard\r\n\t\tThen only referrals from within "2021-11-02T07:00:00.000Z/2021-11-07T07:00:00.000Z" are counted in the leaderboard\r\n\r\n\t@motivating\r\n\tScenario Outline: Rank Type can be configured\r\n\t\tGiven a leaderboard is configured with "rank-type" <value>\r\n\t\tAnd a user\r\n\t\tWhen they view the leaderboard\r\n\t\tThen their leaderboard rank is their <rank>\r\n\t\tExamples:\r\n\t\t\t| value     | rank       |\r\n\t\t\t| rowNumber | row number |\r\n\t\t\t| denseRank | dense rank |\r\n\t\t\t| rank      | rank       |\r\n\t\t\t|           | row number |\r\n\r\n\t@minutiae\r\n\tScenario: An empty state is displayed if no users\r\n\t\tGiven a user\r\n\t\tBut no users have made any referrals\r\n\t\tWhen they view the leaderboard\r\n\t\tThen an empty state is dislayed\r\n\t\tAnd they see an image of a leaderboard\r\n\t\tAnd below they see "View your rank in the leaderboard"\r\n\t\tAnd below they see "Be the first to refer a friend and reach the top of the leaderboard"\r\n\t\tAnd the text is center aligned\r\n\r\n\t@minutiae\r\n\tScenario: Leaderboard headings can be customized\r\n\t\tGiven a leaderboard\r\n\t\tAnd it has the following props\r\n\t\t\t| prop         | value          |\r\n\t\t\t| rankheading  | Place          |\r\n\t\t\t| usersheading | Customer       |\r\n\t\t\t| statsheading | Referral Count |\r\n\t\t\t| show-rank    | true           |\r\n\t\tAnd a user\r\n\t\tWhen they view the leaderboard\r\n\t\tThen they see the following columns with headings\r\n\t\t\t| column | heading        |\r\n\t\t\t| rank   | Place          |\r\n\t\t\t| user   | Customer       |\r\n\t\t\t| stat   | Referral Count |\r\n\r\n\t@motivating\r\n\tScenario Outline: Rank can be hidden or shown\r\n\t\tGiven a leaderboard\r\n\t\tAnd it has prop "show-rank" with <propValue>\r\n\t\tAnd a user\r\n\t\tWhen they view the leaderboard\r\n\t\tThen they <maySee> the rank column\r\n\t\tExamples:\r\n\t\t\t| propValue | maySee    |\r\n\t\t\t| true      | see       |\r\n\t\t\t| false     | don\'t see |\r\n\t\t\t|           | don\'t see |\r\n\r\n\t@motivating\r\n\tScenario: Users in the top 10 referrers see their leaderboard row highlighted\r\n\t\tGiven a user\r\n\t\tAnd they are in the top 10 referrers\r\n\t\tWhen they view the leaderboard\r\n\t\tThen they see the row with their name highlighted with brand colour\r\n\r\n\t@motivating\r\n\tScenario Outline: Users not in the top 10 referrers can see their progress at the bottom of the leaderboard\r\n\t\tGiven a user\r\n\t\tAnd they <mayHmayHaveReferralave>\r\n\t\tAnd they are not in the top 10 referrers\r\n\t\tAnd the leaderboard has prop "show-user" with <value>\r\n\t\tWhen they view the leaderboard\r\n\t\tThen they <maySee> "..." under the top 10 referrers\r\n\t\tAnd under "..." they <maySee> a row highlighted with brand colour\r\n\t\tAnd they <maySee> their name\r\n\t\tAnd they <maySee> their referral count\r\n\t\tAnd they <maySeeRank>\r\n\t\tExamples:\r\n\t\t\t| mayHaveReferral      | value | maySee    | maySeeRank           |\r\n\t\t\t| have referrals       | true  | see       | see their rank       |\r\n\t\t\t| don\'t have referrals | true  | see       | don\'t see their rank |\r\n\t\t\t|                      | false | don\'t see | don\'t see their rank |\r\n\t\t\t| have referrals       |       | see       | see their rank       |\r\n\r\n\t@minutiae\r\n\tScenario: Users without names are displayed as an "Anonymous User"\r\n\t\tGiven a user\r\n\t\tAnd they do not have a first name\r\n\t\tAnd they do not have a last initial\r\n\t\tWhen they view the leaderboard\r\n\t\tThen they see the user displayed as "Anonymous User"';var pa={title:"Components/Leaderboard",parameters:{scenario:ma}};var ha={usersheading:"TOP REFERRERS",statsheading:"NEW TITANS"};var ga={empty:r("slot",{name:"empty"},r("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828457/tenant_test_a7iws76wkk4az/pomgkfyhc2mb3cuapauq.png","max-width":"100px"}),r("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},r("sqm-text",{slot:"label"},r("h3",null,"View your rank in the leaderboard")),r("sqm-text",{slot:"content"},"Be the first to refer a friend and reach the top of the leaderboard")))),loadingstate:r("slot",{name:"loading"},r("table",null,__spreadArrays(Array(10)).map((function(){return r("tr",null,r("td",null,r("sl-skeleton",null)))}))))};var fa=function(){var e={states:{loading:false,hasLeaders:false,styles:__assign({},ha)},data:{rankType:"rowNumber",leaderboard:[],showUser:true,userRank:{firstName:"Kutay",lastInitial:"C",value:8,rowNumber:11,rank:23}},elements:__assign({},ga)};return r(j,Object.assign({},e))};var ba=function(){var e={states:{loading:true,hasLeaders:false,styles:__assign({},ha)},data:{rankType:"rowNumber",leaderboard:[]},elements:__assign({},ga)};return r(j,Object.assign({},e))};var va=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign({},ha)},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1}]},elements:__assign({},ga)};return r(j,Object.assign({},e))};var wa=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign({},ha)},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",value:73,rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",value:64,rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",value:55,rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",value:46,rank:5,rowNumber:5}]},elements:__assign({},ga)};return r(j,Object.assign({},e))};var xa=function(){var e={states:{loading:false,hasLeaders:true,styles:{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:true}},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",value:73,rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",value:64,rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",value:55,rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",value:46,rank:5,rowNumber:5}]},elements:__assign({},ga)};return r(j,Object.assign({},e))};var ya=function(){var e={states:{loading:false,hasLeaders:true,styles:{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:false}},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",value:73,rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",value:64,rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",value:55,rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",value:46,rank:5,rowNumber:5},{firstName:"Joe",lastInitial:"S",value:42,rank:6,rowNumber:6},{firstName:"Zach",lastInitial:"H",value:41,rank:7,rowNumber:7},{firstName:"Sarah",lastInitial:"S",value:39,rank:8,rowNumber:8},{firstName:"James",lastInitial:"N",value:33,rank:9,rowNumber:9},{firstName:"Fahim",lastInitial:"J",value:29,rank:10,rowNumber:10}]},elements:__assign({},ga)};return r(j,Object.assign({},e))};var Ea=function(){var e={states:{loading:false,hasLeaders:true,styles:{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:true}},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",value:73,rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",value:64,rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",value:55,rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",value:46,rank:5,rowNumber:5},{firstName:"Joe",lastInitial:"S",value:42,rank:6,rowNumber:6},{firstName:"Zach",lastInitial:"H",value:41,rank:7,rowNumber:7},{firstName:"Sarah",lastInitial:"S",value:39,rank:8,rowNumber:8},{firstName:"James",lastInitial:"N",value:33,rank:9,rowNumber:9},{firstName:"Fahim",lastInitial:"J",value:29,rank:10,rowNumber:10}]},elements:__assign({},ga)};return r(j,Object.assign({},e))};var qa=function(){var e={states:{loading:false,hasLeaders:true,styles:{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:true}},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",value:73,rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",value:64,rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",value:55,rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",value:46,rank:5,rowNumber:5},{firstName:"Joe",lastInitial:"S",value:42,rank:6,rowNumber:6},{firstName:"Zach",lastInitial:"H",value:41,rank:7,rowNumber:7},{firstName:"Sarah",lastInitial:"S",value:39,rank:8,rowNumber:8},{firstName:"James",lastInitial:"N",value:33,rank:9,rowNumber:9},{firstName:"Fahim",lastInitial:"J",value:29,rank:10,rowNumber:10}],showUser:true,userRank:{firstName:"Viktor",lastInitial:"V",value:82,rowNumber:1,rank:1}},elements:__assign({},ga)};return r(j,Object.assign({},e))};var Aa=function(){var e={states:{loading:false,hasLeaders:true,styles:{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:true}},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",value:73,rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",value:64,rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",value:55,rank:4,rowNumber:4},{firstName:"Mos",lastInitial:"D",value:46,rank:5,rowNumber:5},{firstName:"Joe",lastInitial:"S",value:42,rank:6,rowNumber:6},{firstName:"Zach",lastInitial:"H",value:41,rank:7,rowNumber:7},{firstName:"Sarah",lastInitial:"S",value:39,rank:8,rowNumber:8},{firstName:"James",lastInitial:"N",value:33,rank:9,rowNumber:9},{firstName:"Fahim",lastInitial:"J",value:29,rank:10,rowNumber:10}],showUser:true,userRank:{firstName:"Kutay",lastInitial:"C",value:8,rowNumber:11,rank:23}},elements:__assign({},ga)};return r(j,Object.assign({},e))};var ka=function(){var e={states:{loading:false,hasLeaders:true,styles:{rankheading:"Rank",usersheading:"User",statsheading:"Referrals",showRank:true}},data:{rankType:"rowNumber",leaderboard:[{firstName:"Firstname",lastInitial:null,value:82,rank:1,rowNumber:1},{firstName:null,lastInitial:"Lastname",value:73,rank:2,rowNumber:2},{firstName:null,lastInitial:null,value:64,rank:3,rowNumber:3}],showUser:true,userRank:{firstName:null,lastInitial:null,value:null,rowNumber:null,rank:null}},elements:__assign({},ga)};return r(j,Object.assign({},e))};var Da=Object.freeze({__proto__:null,default:pa,Empty:fa,Loading:ba,One:va,Five:wa,FiveWithRank:xa,Ten:ya,TenWithRank:Ea,UserInList:qa,UserOutside:Aa,UserEmpty:ka});var Ca=function(e,t){var n=e.story;var a;var i=(a=n.story.parameters)===null||a===void 0?void 0:a.hookStory;if(!i){return t}var s=Math.round(Math.random()*1e5);var o="sqm-hook-story-container-"+s;return r(o,null,r("sqm-hook-story-container",{hookStory:i}))};function _a(e){var t=function(){return r("div",null)};t.parameters={hookStory:e};return t}var Ta={title:"Tests/Router"};var Ra='\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 Ia='\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 Sa=_a((function(){return r("div",null,r("button",{onClick:function(){return d.push("/")}},"/"),r("button",{onClick:function(){return d.push("/foo")}},"/foo"),r("button",{onClick:function(){return d.push("/bar")}},"/bar"),r("button",{onClick:function(){return d.push("/baz/bang")}},"/baz/bang"),r("button",{onClick:function(){return d.push("/refer")}},"/refer"),r("button",{onClick:function(){return d.push("/refer/1")}},"/refer/1"),r("button",{onClick:function(){return d.push("/refer/2")}},"/refer/2"),r("button",{onClick:function(){return d.back()}},"Back"),r("button",{onClick:function(){return d.forward()}},"Forward"),r("hr",null),r("sqm-router",{innerHTML:Ra}))}));var Pa=_a((function(){return r("div",null,r("button",{onClick:function(){return d.push("/")}},"/"),r("button",{onClick:function(){return d.push("/foo")}},"/foo"),r("button",{onClick:function(){return d.push("/bar")}},"/bar"),r("button",{onClick:function(){return d.push("/baz/bang")}},"/baz/bang"),r("button",{onClick:function(){return d.push("/refer")}},"/refer"),r("button",{onClick:function(){return d.push("/refer/1")}},"/refer/1"),r("button",{onClick:function(){return d.push("/refer/2")}},"/refer/2"),r("button",{onClick:function(){return d.back()}},"Back"),r("button",{onClick:function(){return d.forward()}},"Forward"),r("hr",null),r("sqm-router",{innerHTML:Ia}))}));var Na=_a((function(){return r("div",null,r("button",{onClick:function(){return d.push("/")}},"/"),r("button",{onClick:function(){return d.push("/foo")}},"/foo"),r("hr",null),r("div",{style:{display:"flex",justifyContent:"space-around"}},r("sqm-router",{innerHTML:'<template path="/">\n      \n      <div>Column 1</div>\n      <div>Column 2 </div>\n      </template>'})))}));function Fa(e){var r=s(e),t=r[0],n=r[1];var a=s(e),i=a[0],o=a[1];function l(e){d.push(e.target.value)}return{states:{previewTemplate:i,editedTemplate:t},callbacks:{setEditedTemplate:n,setPreviewTemplate:o,setPath:l}}}var La='\n<sqm-router>\n  <template path="/">\n  <div>hello world</div>\n  </template>\n</sqm-router>\n';function Ba(e){var t=e.states,n=e.callbacks;return[r("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return n.setEditedTemplate(e.target.value)}},t.editedTemplate),r("button",{onClick:function(){return n.setPreviewTemplate(t.editedTemplate)}},"Update Preview"),r("label",null,"Current path:",r("input",{onInput:n.setPath,value:"/"})),r("div",{innerHTML:t.previewTemplate})]}var Oa=_a((function(){var e=Fa(La),t=e.states,n=e.callbacks;return r(Ba,{states:t,callbacks:n})}));var Ga=Object.freeze({__proto__:null,default:Ta,TemplateNavigation:Sa,RouteNavigation:Pa,Styling:Na,RouterPlayground:Oa});var ja={title:"Components/Leaderboard Rank"};var Va=function(){var e={data:{rank:"1st"}};return r("p",null,"Your rank is ",r(k,Object.assign({},e))," on the leaderboard")};var za=Object.freeze({__proto__:null,default:ja,First:Va});function Ma(){var e="worried-camera@uexwltgh.mailosaur.net";var r=e;var t="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:r,programId:t};return{id:e,accountId:r}}function Wa(){var e="a-referral-program";window.SquatchAndroid=true;window.widgetIdent={tenantAlias:"test_as36zjtpfy7oo",appDomain:"https://staging.referralsaasquatch.com",programId:e}}var Ua={title:"Components/Portal Frame"};var Ha={data:{footer:r("span",null,"example@example.com"),header:r("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},r("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),r("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:function(){}},ref:{current:undefined}};var Ja=function(){var e=__assign({},Ha);return r(V,Object.assign({},e),r("sqm-navigation-menu",{"menu-label":"Menu"},r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),r("sl-menu-divider",null),r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")))};var $a=function(){var e=__assign({},Ha);return r(V,Object.assign({},e))};var Ka=function(){var e;Ma();return r("div",null,r("sqm-portal-frame",null,r("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},r("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),r("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal")),r("a",{slot:"footer",class:"FooterEmail",href:"mailto:referrals@servicetitan.com"},"referrals@servicetitan.com"),r("sqm-navigation-menu",{"menu-label":"Menu"},r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),r("sl-menu-divider",null),r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")),r("h1",null,"Something")),r("p",null,"Current path:"," ",r("code",null,r("strong",null,(e=c())===null||e===void 0?void 0:e.pathname))),r("button",{onClick:d.back},"Go Back"))};var Xa=function(){var e;Wa();return r("div",null,r("sqm-portal-frame",null,r("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},r("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),r("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal")),r("span",{slot:"footer"},"sample@example.com"),r("sqm-navigation-menu",{"menu-label":"Menu"},r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),r("sl-menu-divider",null),r("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")),r("h1",null,"Something")),r("p",null,"Current path:"," ",r("code",null,r("strong",null,(e=c())===null||e===void 0?void 0:e.pathname))),r("button",{onClick:d.back},"Go Back"))};var Ya=Object.freeze({__proto__:null,default:Ua,FrameWithMenu:Ja,FrameWithoutMenu:$a,FullStackFrame:Ka,FullStackFrameLoggedOut:Xa});var Za={title:"Components/Edit Profile Form"};var Qa={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 ei=function(){var e=Qa;return r(z,Object.assign({},e))};var ri=function(){var e=__assign(__assign({},Qa),{states:__assign(__assign({},Qa.states),{showEdit:true})});return r(z,Object.assign({},e))};var ti=function(){return r("sqm-edit-profile",{editprofileheader:"Edit Profile",editprofiletext:"Update your profile.",firstnametext:"Bill",lastnametext:"Bob",canceltext:"Cancel",updatetext:"Update",currentregiontext:"Current Region",showregion:true})};var ni=Object.freeze({__proto__:null,default:Za,EditProfileFormDisabled:ei,EditProfileFormEnabled:ri,FullStackFrameWithMenu:ti});var ai={title:"Hooks / useShareLink"};function ii(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;m(undefined)}}),[])}var si=_a((function(){ii();var e=M({programId:"sam-partner-test-2",tooltiplifespan:0,tooltiptext:""});return r("div",null,"Sharelink:"," ",r("code",{style:{borderStyle:"solid",borderWidth:"1px",padding:"2px"}},e.shareString))}));var oi=_a((function(){ii();return r(G,Object.assign({},M({programId:"sam-partner-test-2",tooltiptext:"Copied to clipboard",tooltiplifespan:1e3})))}));var li=_a((function(){ii();return r(G,Object.assign({},M({programId:"sam-partner-test-2",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 ui=Object.freeze({__proto__:null,default:ai,BareBonesView:si,RegularView:oi,FastTooltip:li});var di={title:"Hooks / useShareButton"};function ci(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;m(undefined)}}),[])}var mi=_a((function(){ci();var e="sam-partner-test-2";var t=[W({programId:e,medium:"facebook"}),W({programId:e,medium:"twitter"}),W({programId:e,medium:"email"}),W({programId:e,medium:"direct"}),W({programId:e,medium:"sms"})];return r("div",null,t.map((function(e){return r("div",null,r("button",{onClick:e.onClick},"Share link (",e.medium,")"))})))}));var pi=_a((function(){ci();var e="sam-partner-test-2";var t=["facebook","twitter","email","direct","sms"];return r("div",null,t.map((function(t){return r("div",null,r("sqm-share-button",Object.assign({},{programId:e,medium:t}),"BUTTON_TEXT"))})))}));var hi=Object.freeze({__proto__:null,default:di,BareBonesView:mi,RegularView:pi});var gi={title:"Hooks / useBigStat"};function fi(){var e="nynellie";var r=e;var t="ny-post-referrals";window.widgetIdent={tenantAlias:"test_a7yoz8854cf6x",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6Im55bmVsbGllIiwiaWQiOiJueW5lbGxpZSJ9fQ.3KV974VPLgk4tD8LQfJTi4IPkKCmnaB8w48HzVJYDuI"});return function(){window.widgetIdent=undefined;m(undefined)}}),[])}var bi=function(e,t){console.log('View("'+e+'") - CALLED');fi();var n=E({statType:e,render:function(){},disconnectedCallback:function(){},ignored:true}),a=n.props,i=n.label;return r("div",null,r("b",null,"Stat format:"),r("pre",null,t),r("br",null),r("b",null,"Stat selected:")," ",r("pre",{style:{color:"green"}},e),r(y,Object.assign({},a),i))};var vi=function(){var e=s("/someRandomThing/with/someArguments/1234"),t=e[0],n=e[1];var a=q({statType:t,render:function(){},disconnectedCallback:function(){},ignored:true}),i=a.props,o=a.label;return r("div",null,r("div",null,"Stat type:"," ",r("input",{style:{width:"300px"},type:"text",value:t,onInput:function(e){return n(e.target.value)}})),r("hr",null),r("div",null,r(y,Object.assign({},i),o)))};var wi=_a(vi);var xi=_a((function(){return bi("/referralsCount","/(referralsCount)/:status?")}));var yi=_a((function(){return bi("/referralsCount/converted","/(referralsCount)/:status?")}));var Ei=_a((function(){return bi("/referralsCount/started","/(referralsCount)/:status?")}));var qi=_a((function(){return bi("/referralsMonth","/(referralsMonth)")}));var Ai=_a((function(){return bi("/referralsWeek","/(referralsWeek)")}));var ki=_a((function(){return bi("/rewardsCount","/(rewardsCount)/:global?")}));var Di=_a((function(){return bi("/rewardsCount/global","/(rewardsCount)/:global")}));var Ci=_a((function(){return bi("/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 _i=_a((function(){return bi("/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 Ti=_a((function(){return bi("/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 Ri=_a((function(){return bi("/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 Ii=_a((function(){return bi("/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 Si=_a((function(){return bi("/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 Pi=_a((function(){return bi("/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 Ni=_a((function(){return bi("/integrationRewardsCountFiltered/AVAILABLE/global","/(integrationRewardsCountFiltered)/:format([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var Fi=_a((function(){return bi("/integrationRewardsCountFiltered/PENDING/global","/(integrationRewardsCountFiltered)/:format([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var Li=_a((function(){return bi("/rewardsMonth","/(rewardsMonth)/:global?")}));var Bi=_a((function(){return bi("/rewardsWeek","/(rewardsWeek)/:global?")}));var Oi=_a((function(){return bi("/rewardsAssigned/CREDIT/COFFEE","/(rewardsAssigned)/:statType/:unit/:global?")}));var Gi=_a((function(){return bi("/rewardsAssigned/CREDIT/CASH%2FUSD","/(rewardsAssigned)/:statType/:unit/:global?")}));var ji=_a((function(){return bi("/rewardsRedeemed/CREDIT/COFFEE","/(rewardsRedeemed)/:statType/:unit/:global?")}));var Vi=_a((function(){return bi("/rewardsAvailable/CREDIT/COFFEE","/(rewardsAvailable)/:statType/:unit/:global?")}));var zi=_a((function(){return bi("/rewardsAvailable/CREDIT/CASH%2FUSD","/(rewardsAvailable)/:statType/:unit/:global?")}));var Mi=_a((function(){return bi("/rewardBalance/CREDIT/COFFEE/prettyValue","/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?")}));var Wi=_a((function(){var e=encodeURIComponent("CASH/USD");return bi("/rewardBalance/CREDIT/"+e+"/prettyValue","/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?")}));var Ui=_a((function(){var e=encodeURIComponent("Paid-Member-Goal/referrals");return bi("/programGoals/count/"+e,"/(programGoals)/:metricType/:goalId")}));var Hi=_a((function(){return bi("/customFields/thingCount","/(customFields)/:customField")}));var Ji=Object.freeze({__proto__:null,default:gi,Demo:wi,ReferralsCount:xi,referralsConvertedCount:yi,referralsStartedCount:Ei,ReferralsMonth:qi,ReferralsWeek:Ai,RewardsCount:ki,GlobalRewardsCount:Di,GlobalRewardsCountFiltered:Ci,GlobalRewardsCountPctDiscount:_i,GlobalRewardsCountPctDiscountPending:Ti,RewardsCountByUnit:Ri,GlobalRewardsCountByUnit:Ii,GlobalPendingRewardsCount:Si,RewardsAvailableCount:Pi,GlobalRewardsCountByIntegration:Ni,GlobalRewardsCountByPendingIntegration:Fi,RewardsMonth:Li,RewardsWeek:Bi,RewardsAssigned:Oi,RewardsAssignedCashUSD:Gi,RewardsRedeemed:ji,RewardsAvailable:Vi,RewardsAvailableWithSlash:zi,RewardBalance:Mi,RewardBalanceCashUSD:Wi,ProgramGoals:Ui,CustomField:Hi});function $i(){var e="worried-camera@uexwltgh.mailosaur.net";var r=e;var t="a-referral-program";window.widgetIdent={tenantAlias:"test_as36zjtpfy7oo",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJpZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJmaXJzdE5hbWUiOiJ0ZXN0IiwibGFzdE5hbWUiOiJ0ZXN0In19.ziDWbdCwsTo1ijxl8d2__Ga-6iFOVShaJUPp2ZBMeO0"});return function(){window.widgetIdent=undefined;m(undefined)}}),[])}var Ki={title:"Hooks / useEditProfile"};var Xi=_a((function(){$i();return r("sqm-edit-profile",Object.assign({},{editprofileheader:"HEADER",editprofiletext:"TEXT",firstnametext:"FIRST NAME",lastnametext:"LAST NAME",canceltext:"CANCEL",updatetext:"UPDATE",currentregiontext:"CURRENT REGION TEXT"}))}));var Yi=Object.freeze({__proto__:null,default:Ki,RegularView:Xi});var Zi={title:"Hooks / useLeaderboard"};function Qi(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;m(undefined)}}),[])}function es(){var e="sam+klip@saasquat.ch";var r=e;var t="klip-referral-program";var n="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2giLCJsb2NhbGUiOiJlbiJ9fQ.a2nYYrSJ81FHXlCU-Sqp_-wquQizinHBhzwzULDzimg";window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:n});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:e,accountId:r}}var rs=function(e){var t=__assign({leaderboardType:"topConvertedReferrers",showRank:true,rankType:"rowNumber",usersheading:"Top Referrers",statsheading:"Completed Referrals",interval:""},e);var n=t.leaderboardType,a=t.rankType;console.log('View("'+n+'") - CALLED');e.setup();return r("div",{style:{marginBottom:"20px"}},r("sqm-divided-layout",{direction:"row"},r("div",{style:{padding:"10px"}},r("b",null,"Leaderboard Type"),r("pre",null,n)),r("div",{style:{padding:"10px"}},r("b",null,"Rank Type"),r("pre",null,a))),r("sqm-leaderboard",Object.assign({},w(t))),r("hr",null))};var ts=_a((function(){var e=Qi;return[rs({setup:e}),rs({rankType:"rank",setup:e}),rs({rankType:"denseRank",setup:e})]}));var ns=_a((function(){var e=Qi;return[rs({leaderboardType:"topStartedReferrers",statsheading:"New Referrals",setup:e}),rs({leaderboardType:"topStartedReferrers",rankType:"rank",statsheading:"New Referrals",setup:e}),rs({leaderboardType:"topStartedReferrers",rankType:"denseRank",statsheading:"New Referrals",setup:e})]}));var as=_a((function(){var e=es;return[rs({leaderboardType:"topStartedReferrers",statsheading:"New Referrals",setup:e}),rs({leaderboardType:"topStartedReferrers",rankType:"rank",statsheading:"New Referrals",setup:e}),rs({leaderboardType:"topStartedReferrers",rankType:"denseRank",statsheading:"New Referrals",interval:"2022-02-11T08:00:00.000Z/2022-02-13T08:00:00.000Z",setup:e})]}));var is=Object.freeze({__proto__:null,default:Zi,TopConvertedReferrers:ts,TopStartedReferrers:ns,EmptyLeaderboard:as});var ss={title:"Components/Form Message"};var os=function(){return r("sqm-form-message",{type:"success"},r("div",null,"This is a success message."))};var ls=function(){return r("sqm-form-message",{type:"error"},r("div",null,"This is an error message"))};var us=function(){return r("sqm-form-message",{type:"info"},r("div",null,"This is an info message"))};var ds=function(){return r("sqm-form-message",{type:"success",exportparts:"successalert-icon"},r("div",{class:"AlertContent"},r("div",{part:"successalert-text"},"Title"),r("div",{part:"successalert-subtext"},"Body text."),r("sl-button",{type:"default",exportparts:"base: defaultbutton-base",onClick:function(){console.log("click")}},"Primary Action"),r("sl-button",{class:"SecondaryTextButton",type:"text",onClick:function(){console.log("click")}},"Secondary Action")))};var cs=Object.freeze({__proto__:null,default:ss,SuccessAlert:os,ErrorAlert:ls,InfoAlert:us,FullStackSuccess:ds});var ms=p.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 ps={title:"Hooks / useRewardExchange"};function hs(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:e,accountId:r}}function gs(){var e=hs(),r=e.id,t=e.accountId;var n=s(10),a=n[0],i=n[1];var o=s(100),l=o[0],u=o[1];var d=h(ms),c=d[0],m=d[1],p=m.data,g=m.errors;return{states:{points:a,rate:l},data:{id:r,accountId:t,data:p,errors:g},callbacks:{exchange:c,setPoints:i,setRate:u}}}var fs=function(e){var t=e.states,n=e.data,a=e.callbacks;return r("div",null,r("div",null,r("label",null,"Rate:"),r("input",{value:t.rate,onInput:function(e){return a.setRate(e.target.value)}})),r("input",{value:t.points,onInput:function(e){return a.setPoints(e.target.value)}}),r("button",{onClick:function(){return a.exchange(e.input)}},"Exchange"),r("details",null,r("summary",null,"response"),r("h4",null,"data"),r("div",{style:{maxWidth:"500px"}},r("pre",{style:{width:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(n.data))),r("h4",null,"errors"),r("div",{style:{maxWidth:"500px"}},r("pre",{style:{maxWidth:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(n.errors)))))};var bs=_a((function(){hs();return r("sqm-reward-exchange-list",{"list-type":"something"})}));var vs=_a((function(){var e=gs(),t=e.states,n=e.data,a=e.callbacks;return r(fs,{states:t,data:n,callbacks:a,input:{exchangeRewardInput:{userId:n.id,accountId:n.accountId,redeemCreditInput:{amount:t.points,unit:"POINT"},globalRewardKey:"gc1"}}})}));var ws=_a((function(){var e=gs(),t=e.states,n=e.data,a=e.callbacks;return r(fs,{states:t,data:n,callbacks:a,input:{exchangeRewardInput:{userId:n.id,accountId:n.accountId,redeemCreditInput:{amount:t.points,unit:"POINT"},globalRewardKey:"gc1",rewardInput:{valueInCents:Math.ceil(t.points*t.rate)}}}})}));var xs=_a((function(){var e=gs(),t=e.states,n=e.data,a=e.callbacks;return r(fs,{states:t,data:n,callbacks:a,input:{exchangeRewardInput:{userId:n.id,accountId:n.accountId,redeemCreditInput:{amount:t.points,unit:"POINT"},rewardInput:{type:"CREDIT",unit:"foo",assignedCredit:Math.ceil(t.points*t.rate)}}}})}));var ys=Object.freeze({__proto__:null,default:ps,RewardList:bs,FixedGlobalReward:vs,VariableGlobalReward:ws,VariableCreditReward:xs});var Es={title:"Hooks / useRewardsTable"};function qs(){var e="testestest";var r=e;window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com"};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:e,accountId:r}}function As(e){var r=e.token,t=e.id;var n=t;window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com"};o((function(){m({accountId:n,id:t,jwt:r});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:t,accountId:n}}var ks=_a((function(){return r("sqm-rewards-table",{"per-page":"4"},r("sqm-rewards-table-reward-column",null),r("sqm-rewards-table-source-column",null),r("sqm-rewards-table-status-column",null),r("sqm-rewards-table-date-column",null))}));var Ds=_a((function(){qs();g("sam-partner-test-2");return r("sqm-rewards-table",null,r("sqm-rewards-table-reward-column",null),r("sqm-rewards-table-status-column",null),r("sqm-rewards-table-source-column",null),r("sqm-rewards-table-date-column",null))}));var Cs=_a((function(){qs();g(undefined);return r("sqm-rewards-table",null,r("sqm-rewards-table-reward-column",null),r("sqm-rewards-table-status-column",null),r("sqm-rewards-table-source-column",null),r("sqm-rewards-table-date-column",null))}));var _s=_a((function(){As({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",id:"samenglish"});g(undefined);return r("sqm-rewards-table",{"per-page":"4"},r("sqm-rewards-table-reward-column",null),r("sqm-rewards-table-status-column",null),r("sqm-rewards-table-source-column",null),r("sqm-rewards-table-date-column",null))}));var Ts=_a((function(){As({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",id:"samturkey"});g(undefined);return r("sqm-rewards-table",{"per-page":"4","more-label":"Daha","prev-label":"Öncesi","empty-state-text":"Henüz Referans Yok"},r("sqm-rewards-table-reward-column",{"column-title":"Ödüller","redeemed-text":"{redeemedAmount} kullanıldı","available-text":"{availableAmount} mevcut"}),r("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 {}}"}),r("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 "}),r("sqm-rewards-table-date-column",{"column-title":"Tarih"}))}));var Rs=_a((function(){As({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",id:"samfrench"});g(undefined);return r("sqm-rewards-table",{"per-page":"4","more-label":"Plus","prev-label":"Précédent","empty-state-text":"Aucune Récompenses Maintenant"},r("sqm-rewards-table-reward-column",{"column-title":"Récompenses","redeemed-text":"{redeemedAmount} rachetée","available-text":"{availableAmount} disponible"}),r("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 {}}"}),r("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 "}),r("sqm-rewards-table-date-column",{"column-title":"Date de Réception"}))}));var Is=Object.freeze({__proto__:null,default:Es,RewardTableDemoHook:ks,RewardsTableWithProgram:Ds,RewardsTableNoProgram:Cs,RewardsTableEn:_s,RewardsTableTr:Ts,RewardsTableFr:Rs});var Ss="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2giLCJsb2NhbGUiOiJlbiJ9fQ.a2nYYrSJ81FHXlCU-Sqp_-wquQizinHBhzwzULDzimg";var Ps={title:"Hooks / useTaskCard"};function Ns(){var e="sam+klip@saasquat.ch";var r=e;var t="klip-referral-program";window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com",programId:t};o((function(){m({accountId:r,id:e,jwt:Ss});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:e,accountId:r}}var Fs=_a((function(){Ns();return r("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 Ls=_a((function(){Ns();return r("sqm-card-feed",null,r("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"}),r("sqb-program-section",{"program-id":"klip-loyalty"},r("sqm-task-card",{"reward-amount":"50","card-title":"Follow Us on Twitter",description:"Earn 50 points when you follow us on Twitter!","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"})),r("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"}),r("sqb-program-section",{"program-id":"klip-loyalty"},r("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"})),r("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"}),r("sqb-program-section",{"program-id":"klip-loyalty"},r("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"})),r("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"}),r("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"}),r("sqb-program-section",{"program-id":"klip-loyalty"},r("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"})),r("sqb-conditional-section",{condition:"'champion' in user.segments"},r("sqb-program-section",{"program-id":"klip-loyalty"},r("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 Bs=Object.freeze({__proto__:null,default:Ps,TaskCard:Fs,TaskCardFeed:Ls});var Os={title:"New Portal"};var Gs={HeaderSubtitleBold:{"font-weight":500,"text-decoration":"underline"}};var js=f(Gs);var Vs=js.toString();var zs={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}};var Ms={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var Ws={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};var Us=function(){return r(C,Object.assign({},zs),r(_,Object.assign({},Ms)),r(_,Object.assign({},Ws)))};var Hs=function(){var e={shareString:"https://ssqt.co/johnsmithrox",open:false,disabled:false,tooltiptext:"Share link copied",onClick:function(){return console.log("Share link copied")}};var t={shareString:"JOHNSMITH1",open:false,disabled:false,tooltiptext:"Share code copied",onClick:function(){return console.log("Share code copied")}};var n={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 a={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 i={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 r("sqm-divided-layout",{direction:"row"},r("style",{type:"text/css"},Vs),r(Us,null),r("sqm-divided-layout",{direction:"column"},r(P,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),r(be,Object.assign({},{labelMargin:"xx-small",padding:"none",label:r("sqm-text",null,r("p",null,"Welcome back,")),content:r("sqm-text",null,r("h1",null,"John Smith"))})),r(B,Object.assign({},{space:"64px"}),r(y,Object.assign({},{statvalue:"2,345",value:234500,loading:false}),"Clicks"),r(y,Object.assign({},{statvalue:"58",value:58,loading:false}),"Referrals"),r(y,Object.assign({},{statvalue:"$10,540",value:1054e3,loading:false}),"Earned"),r(y,Object.assign({},{statvalue:"$2,305",value:230500,loading:false}),"Awaiting Payout"))),r(P,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),r(be,Object.assign({},{labelMargin:"x-large",padding:"none",label:r("sqm-text",null,r("h2",null,"Partner and Profit")),content:r("sqm-text",null,r("p",null,"Get rewarded for referring potential customers to MyCompany. Earn commission for each successful lead you send our way"))})),r(be,Object.assign({},{labelMargin:"small",padding:"none",label:r("sqm-text",null,r("h3",null,"Share your referral link")),content:r(G,Object.assign({},e))})),r(be,Object.assign({},{labelMargin:"small",padding:"none",label:r("sqm-text",null,r("h3",null,"Share your referral code")),content:r(G,Object.assign({},t))})),r(be,Object.assign({},{labelMargin:"small",padding:"none",label:r("sqm-text",null,r("h3",null,"Share via social media")),content:r(P,Object.assign({},{direction:"row",padding:"large",gap:"xxx-large",minWidth:"150px"}),r(O,Object.assign({},n),"Tweet about us"),r(O,Object.assign({},a),"Share on Facebook"),r(O,Object.assign({},i),"Post on Linkedin"))})))))};var Js=function(){return r("sqm-divided-layout",{direction:"row"},r("style",{type:"text/css"},Vs),r(Us,null),r("sqm-divided-layout",{direction:"column"},r(N,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)}}})),r(U,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 $s=function(){return r("sqm-divided-layout",{direction:"row"},r("style",{type:"text/css"},Vs),r(Us,null),r("sqm-divided-layout",{direction:"column"},r(P,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),r(be,Object.assign({},{labelMargin:"xx-small",padding:"none",label:r("sqm-text",null,r("h2",null,"Commissions")),content:r("sqm-text",null,r("p",null,"for the"," ",r("span",{class:js.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),r(B,Object.assign({},{space:"64px"}),r(y,Object.assign({},{statvalue:"$ 1,000",value:1e5,loading:false}),"Total Earned"),r(y,Object.assign({},{statvalue:"$ 800",value:8e4,loading:false}),"Available"),r(y,Object.assign({},{statvalue:"$ 180",value:18e3,loading:false}),"Pending"),r(y,Object.assign({},{statvalue:"$ 20",value:2e3,loading:false}),"Redeemed")))))};var Ks=function(){return r("sqm-divided-layout",{direction:"row"},r("style",{type:"text/css"},Vs),r(Us,null),r("sqm-divided-layout",{direction:"column"},r(P,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),r(be,Object.assign({},{labelMargin:"xx-small",padding:"none",label:r("sqm-text",null,r("h2",null,"Activity")),content:r("sqm-text",null,r("p",null,"for the"," ",r("span",{class:js.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),r(be,Object.assign({},{labelMargin:"x-large",padding:"none",label:r("sqm-text",null,r("h3",null,"Referral Activity")),content:r(B,Object.assign({},{space:"64px"}),r(y,Object.assign({},{statvalue:"1,000",value:1e5,loading:false}),"Total Referrals"),r(y,Object.assign({},{statvalue:"800",value:800,loading:false}),"Converted"),r(y,Object.assign({},{statvalue:"180",value:180,loading:false}),"Pending"),r(y,Object.assign({},{statvalue:"20",value:20,loading:false}),"Disqualified"))}))),r(be,Object.assign({},{labelMargin:"x-large",padding:"xxx-large",label:r("sqm-text",null,r("h3",null,"Traffic Generated")),content:r(B,Object.assign({},{space:"64px"}),r(y,Object.assign({},{statvalue:"1,000",value:1e3,loading:false}),"Clicks"),r(y,Object.assign({},{statvalue:"800",value:800,loading:false}),"From share link"),r(y,Object.assign({},{statvalue:"180",value:180,loading:false}),"From share mediums"))}))))};var Xs=Object.freeze({__proto__:null,default:Os,Dashboard:Hs,EditProfile:Js,Commissions:$s,Activity:Ks});var Ys={title:"Components/Sidebar Item"};var Zs=function(){var e={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};return r(_,Object.assign({},e))};var Qs=function(){var e={states:{active:true},data:{label:"Dashboard",icon:"house",path:"/"}};return r(_,Object.assign({},e))};var eo=Object.freeze({__proto__:null,default:Ys,InactiveItem:Zs,ActiveItem:Qs});var ro={title:"Components/Navigation Sidebar"};var to=function(){var e={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}};var t={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var n={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};return r(C,Object.assign({},e),r(_,Object.assign({},t)),r(_,Object.assign({},n)))};var no=Object.freeze({__proto__:null,default:ro,DefaultNavigationSidebar:to});var ao={title:"Components/Portal Login"};var io={states:{error:"",loading:false,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{pageLabel:"Sign in to your account"}};var so={states:{error:"Something went wrong. Please try again.",loading:false,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{pageLabel:"Sign in to your account"}};var oo={states:{error:"",loading:true,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{pageLabel:"Sign in to your account"}};var lo=function(){return r(H,Object.assign({},io))};var uo=function(){return r(H,Object.assign({},so))};var co=function(){return r(H,Object.assign({},oo))};var mo=Object.freeze({__proto__:null,default:ao,Default:lo,LoginWithError:uo,LoginLoading:co});var po={title:"Components/Portal Register"};var ho={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 go={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 fo={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 bo={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:r("div",null,r("sl-input",{style:{marginBottom:"var(--sl-spacing-x-large)"},exportparts:"label: input-label",label:"Slotted Input",required:true}),r("sl-input",{exportparts:"label: input-label",label:"Slotted Input 2",required:true}))}};var vo=function(){return r(J,Object.assign({},ho))};var wo=function(){return r(J,Object.assign({},go))};var xo=function(){return r(J,Object.assign({},fo))};var yo=function(){return r("sqm-portal-register",{demoData:{states:{error:"",loading:true,confirmPassword:true,hideInputs:true,loginPath:"/login"}}})};var Eo=function(){return r(J,Object.assign({},bo))};var qo=function(){return r(J,Object.assign({},ho,{content:__assign(__assign({},ho.content),{terms:r("p",null,"By signing up you agree to the"," ",r("a",{href:"https://example.com",target:"_blank"},"Terms and Conditions"))})}))};var Ao=Object.freeze({__proto__:null,default:po,Default:vo,RegisterWithError:wo,RegisterLoading:xo,FieldsHidden:yo,SlottedInputs:Eo,TermsAndConditions:qo});var ko='@author:derek\r\n@owner:ian\r\nFeature: Forgot Password\r\n\r\n  @motivating\r\n  Scenario: Users can request to reset their password\r\n    Given a user enters their email address\r\n    And that email address is linked to a previously created account\r\n    When they click "Reset Password"\r\n    Then the button enters a loading state\r\n    When the password reset email is sent\r\n    Then a confirmation banner is shown stating a password reset email was sent\r\n\r\n  @motivating\r\n  Scenario: Users are notified if sending their password reset email fails\r\n    Given a user enters their email address\r\n    And that email address is linked to a previously created account\r\n    When they click "Reset Password"\r\n    Then the button enters a loading state\r\n    When the password reset email fails to send\r\n    Then the user does not receive a password reset email\r\n    And an error banner is shown stating that they should try again\r\n\r\n  @motivating\r\n  @landmine\r\n  Scenario: If the input email is not associated to an account a success banner is shown but an email is not be sent\r\n    Given the user entered an email address that is not associated to an accoun\r\n    When they click "Reset Password"\r\n    Then the button enters a loading state\r\n    But no email is sent\r\n    And a success banner is shown stating a password reset email was sent if the given email was associated to an account\r\n\r\n  @motivating\r\n  Scenario: Users can resend password reset email\r\n    Given a user had previously requested to reset their password\r\n    When they enter their email address\r\n    And that email address is linked to a previously created account\r\n    And they click "Reset Password"\r\n    Then the user receives a second password reset email\r\n    And a success banner is shown stating that their email was sent\r\n\r\n  @motivating\r\n  Scenario Outline: The email link can be configured to redirect users to a specific base path but defaults to "/resetPassword"\r\n    Given a user viewing the password reset component\r\n    And the component <mayHave> "redirect-path" with <value>\r\n    When they request a password reset email\r\n    And they click the link in the email\r\n    Then they are redirected to <redirectPath>\r\n    Examples:\r\n      | mayHave      | value            | redirectPath     |\r\n      | doesn\'t have | N/A              | /resetPassword   |\r\n      | has          | /resetMyPassword | /resetMyPassword |\r\n\r\n  @minutae\r\n  Scenario Outline: Navigation back to the login page can be customized but defaults to "/login"\r\n    Given a user viewing the password reset component\r\n    And the component <mayHave> "login-path" with <value>\r\n    Then they see a "Sign In" text button\r\n    When they click "Sign In"\r\n    Then they are redirected to <redirectPath>\r\n    Examples:\r\n      | mayHave      | value   | redirectPath |\r\n      | doesn\'t have | N/A     | /login       |\r\n      | has          | /signin | /signin      |';var Do={title:"Components/Portal Forgot Password",parameters:{scenario:ko}};var Co={states:{error:"",loading:false,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}};var _o={states:{error:"Something went wrong. Please try again.",loading:false,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}};var To={states:{error:"",loading:true,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}};var Ro={states:{error:"",loading:false,success:true,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}};var Io=function(){return r(S,Object.assign({},Co))};var So=function(){return r(S,Object.assign({},_o))};var Po=function(){return r(S,Object.assign({},To))};var No=function(){return r(S,Object.assign({},Ro))};var Fo=Object.freeze({__proto__:null,default:Do,Default:Io,ForgotPasswordWithError:So,ForgotPasswordLoading:Po,ForgotPasswordSuccess:No});var Lo='@author:derek\r\n@owner:ian\r\nFeature: Email Verification\r\n\r\n    @minutae\r\n    Scenario: User\'s redirected from registration can re-send their verification email\r\n        Given a user has registered\r\n        And they have been sent a verification email\r\n        When they are redirected to the email verification page\r\n        Then a message is displayed\r\n        And it reflects that a email has been sent to their email\r\n        But they can still re-send the email\r\n        When they click to "Resend-Email"\r\n        Then they receive a verification email\r\n\r\n    @motivating\r\n    Scenario: Users are notified if sending the email verification message fails\r\n        Given a user viewing the email verification component\r\n        And they have an email stored in session data from registration\r\n        When they click to "Resend-Email"\r\n        Then the button enters a loading state\r\n        When an error occurs trying to send the verification email\r\n        Then the user does not receive a verification email\r\n        And an error banner is shown stating that they should try again\r\n\r\n    @motivating\r\n    Scenario: Users are notified if sending the email verification message succeeds\r\n        Given a user viewing the email verification component\r\n        And they have an email stored in session data from registration\r\n        When they click to "Resend-Email"\r\n        Then the button enters a loading state\r\n        When the email verification message sends\r\n        Then the user receives a verification email\r\n        And a success banner is shown stating that their email was resent\r\n\r\n    @motivating\r\n    Scenario Outline: The email link can be configured to redirect users to a specific base path but defaults to "/verifyEmail"\r\n        Given a user viewing the email verification component\r\n        And they have an email stored in session data from registration\r\n        And the component <mayHave> "redirect-path" with <value>\r\n        When they resend their verification email\r\n        And they click the link in the email\r\n        Then they are redirected to <redirectPath>\r\n        Examples:\r\n            | mayHave      | value          | redirectPath   |\r\n            | doesn\'t have | N/A            | /verifyEmail   |\r\n            | has          | /verifyMyEmail | /verifyMyEmail |';var Bo={title:"Components/Portal Email Verification",parameters:{scenario:Lo}};var Oo={states:{error:"",loading:false,success:false},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{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"}};var Go={states:{error:"Something went wrong. Please try again.",loading:false,success:false},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{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"}};var jo={states:{error:"",loading:true,success:false},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{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"}};var Vo={states:{error:"",loading:false,success:true},callbacks:{submit:function(e){return __awaiter(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))}},content:{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"}};var zo=function(){return r(T,Object.assign({},Oo))};var Mo=function(){return r(T,Object.assign({},Go))};var Wo=function(){return r(T,Object.assign({},jo))};var Uo=function(){return r(T,Object.assign({},Vo))};var Ho=Object.freeze({__proto__:null,default:Bo,Default:zo,EmailVerificationWithError:Mo,EmailVerificationLoading:Wo,EmailVerificationSuccess:Uo});var Jo='@author:derek\r\n@owner:ian\r\nFeature: Reset Password\r\n\r\n    Background: A user in on the password reset page\r\n        Given a user who has been redirected to the password reset page\r\n\r\n    @motivating\r\n    Scenario: Users can reset their password\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they enter their password twice\r\n        And they click "Update"\r\n        Then their password is updated\r\n        And a banner with a success message is displayed\r\n        And they can log in with their new password\r\n\r\n    @motivating\r\n    Scenario Outline: Users cannot reset their password with an invalid or missing oob code\r\n        Given a user has a <oobCode> as a url query parameter\r\n        And the component <mayHave> "failed-page" with <value>\r\n        Then they see an error message saying that their password reset code is invalid/expired\r\n        When they click "Continue"\r\n        Then they are redirected to <redirectPath>\r\n        Examples:\r\n            | oobCode               | mayHave      | value  | redirectPath |\r\n            | invalid oob code      | doesn\'t have | N/A    | /            |\r\n            | non existant oob code | doesn\'t have | N/A    | /            |\r\n            | invalid oob code      | has          | /login | /login       |\r\n            | non existant oob code | has          | /login | /login       |\r\n\r\n    @motivating\r\n    Scenario: Users must enter the same password twice to successfully reset their password\r\n        Given a user has been redirected to the password reset page\r\n        And they have a valid oob code as a url query parameter\r\n        When they enter two different passwords into the password reset form\r\n        And they click "Update"\r\n        Then their password is not be reset\r\n        And an error banner stating the input passwords must match appears\r\n        And their password is not be reset\r\n        When they enter the same password twice\r\n        And they click "Update"\r\n        Then a banner appears with a success message\r\n        And they can log in with their new password\r\n\r\n    @motivating\r\n    Scenario: Users are redirected to "/" by default\r\n        Given the component does not have prop "nextPage"\r\n        And the users url does not contain a "nextPage" query parameter\r\n        And a user has entered their password twice\r\n        When they click "Update"\r\n        Then their password is updated\r\n        And they are redirected to "/"\r\n\r\n    @motivating\r\n    Scenario: Custom redirection can be configured\r\n        Given the component has prop "nextPage" with value "/activity"\r\n        And the users url does not contain a "nextPage" query parameter\r\n        And a user has entered their password twice\r\n        When they click "Update"\r\n        Then their password is updated\r\n        And they are redirected to "/activity"';var $o={title:"Components/Portal Reset Password",parameters:{scenario:Jo}};var Ko={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(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var Xo={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(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var Yo={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(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var Zo={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(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var Qo={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(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var el={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(ve,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,e];case 1:return[2,r.sent()]}}))}))},gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var rl=function(){return r(F,Object.assign({},Ko))};var tl=function(){return r(F,Object.assign({},Xo))};var nl=function(){return r(F,Object.assign({},Yo))};var al=function(){return r(F,Object.assign({},Zo))};var il=function(){return r(F,Object.assign({},Qo))};var sl=function(){return r(F,Object.assign({},el))};var ol=Object.freeze({__proto__:null,default:$o,Default:rl,DefaultWithoutConfirmField:tl,ResetPasswordWithError:nl,ResetPasswordLoading:al,ResetPasswordSuccess:il,CodeValidating:sl});var ll='@author:derek\r\n@owner:ian\r\nFeature: Verify Email\r\n\r\n    Background: A user is on the email verification page\r\n        Given a user who has been redirected to the email verification page\r\n\r\n    @motivating\r\n    Scenario: Verifying your email takes you to the portal login page\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they click "Verify Email"\r\n        Then the button enters a loading state\r\n        When their email is validated\r\n        Then a button that says "Continue" appears\r\n        When they click "Continue"\r\n        Then they are redirected to login\r\n\r\n    @motivating\r\n    Scenario: Users are automatically redirected if they dont click "Continue"\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they click "Verify Email"\r\n        Then the button enters a loading state\r\n        When their email is validated\r\n        Then a button that says "Continue" appears\r\n        When they wait 5 seconds\r\n        Then they are redirected to login\r\n\r\n    @motivating\r\n    Scenario: Users are notified if verifying their email has failed\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they click "Verify Email"\r\n        Then the button enters a loading state\r\n        When their email fails to be validated\r\n        Then an banner is shown stating that an error occured\r\n\r\n    @motivating\r\n    Scenario Outline: Users cannot verify their email with an invalid or missing oob code\r\n        Given a user has a <oobCode> as a url query parameter\r\n        And the component <mayHave> "failed-page" with <value>\r\n        Then they see an error message saying that their verification code is invalid/expired\r\n        When they click "Continue"\r\n        Then they are redirected to <redirectPath>\r\n        Examples:\r\n            | oobCode               | mayHave      | value  | redirectPath |\r\n            | invalid oob code      | doesn\'t have | N/A    | /            |\r\n            | non existant oob code | doesn\'t have | N/A    | /            |\r\n            | invalid oob code      | has          | /login | /login       |\r\n            | non existant oob code | has          | /login | /login       |\r\n\r\n    @motivating\r\n    Scenario: Users are redirected to "/" by default\r\n        Given the component does not have prop "nextPage"\r\n        And the users url does not contain a "nextPage" query parameter\r\n        And a user has verified their email\r\n        When they click "Continue"\r\n        Then they are redirected to "/"\r\n\r\n    @motivating\r\n    Scenario: Custom redirection can be configured\r\n        Given the component has prop "nextPage" with value "/activity"\r\n        And the users url does not contain a "nextPage" query parameter\r\n        And a user has verified their email\r\n        When they click "Continue"\r\n        Then they are redirected to "/activity"\r\n\r\n    @motivating\r\n    Scenario Outline: Users are redirected to the value of the nextPage url parameter if it exists\r\n        Given the component <mayHave> prop "nextPage" with <nextPageValue>\r\n        And the users url contains a "nextPage" query paramater with <nextPageParamValue>\r\n        And the user has verified their email\r\n        When they click "Continue"\r\n        Then they are redirected to <nextPageParamValue>\r\n        Examples:\r\n            | mayHave       | nextPageValue | nextPageParamValue |\r\n            | has           | /dashboard    | /activity          |\r\n            | does not have | N/A           | /activity          |';var ul={title:"Components/Portal Verify Email",parameters:{scenario:ll}};var dl={states:{error:"Something went wrong. Please try again.",loading:false,verified:false},data:{oobCode:"abc123"},callbacks:{gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var cl={states:{error:"",loading:false,verified:true},data:{oobCode:"abc123"},callbacks:{gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var ml=function(){return r(L,Object.assign({},dl))};var pl=function(){return r(L,Object.assign({},cl))};var hl=Object.freeze({__proto__:null,default:ul,EmailVerificationWithError:ml,EmailVerificationSuccess:pl});var gl={title:"Components/Asset Card"};var fl=function(){var e={text:{titleText:"Marketing Banner"},imgUrl:"../../assets/saasquatch-logo.png",callbacks:{}};return r(x,Object.assign({},e))};var bl=function(){var e={text:{titleText:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, sunt dolores? Dolore temporibus autem officia blanditiis minus in voluptatem molestiae!"},imgUrl:"../../assets/saasquatch-logo.png",callbacks:{}};return r(x,Object.assign({},e))};var vl=function(){var e={text:{titleText:"Marketing Banner"},imgUrl:"",callbacks:{}};return r(x,Object.assign({},e))};var wl=Object.freeze({__proto__:null,default:gl,Default:fl,CardWithLongText:bl,CardWithNoImg:vl});var xl={title:"Components/Divided Layout"};var yl={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}};var El={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var ql={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};var Al=function(){return r(C,Object.assign({},yl),r(_,Object.assign({},El)),r(_,Object.assign({},ql)))};var kl=function(){return r("sqm-divided-layout",{direction:"row"},r(Al,null),r("div",{style:{padding:"48px"}},r(be,Object.assign({},{labelMargin:"xx-small",padding:"none",label:r("sqm-text",null,r("p",null,"Welcome back,")),content:r("sqm-text",null,r("h1",null,"Joe Smith"))}))))};var Dl=function(){return r("sqm-divided-layout",{direction:"column"},r(Al,null),r("div",{style:{padding:"48px"}},r(be,Object.assign({},{labelMargin:"xx-small",padding:"none",label:r("sqm-text",null,r("p",null,"Welcome back,")),content:r("sqm-text",null,r("h1",null,"Joe Smith"))}))))};var Cl=function(){return r("sqm-divided-layout",{direction:"column",dividerStyle:"1px solid red"},r(Al,null),r("div",{style:{padding:"48px"}},r(be,Object.assign({},{labelMargin:"xx-small",padding:"none",label:r("sqm-text",null,r("p",null,"Welcome back,")),content:r("sqm-text",null,r("h1",null,"Joe Smith"))}))))};var _l=Object.freeze({__proto__:null,default:xl,Row:kl,Column:Dl,ColumnCustomDivider:Cl});var Tl='Feature: Change Password\r\n\r\n    @motivating\r\n    Scenario: Users can change their password\r\n        Given a user has registered for the portal\r\n        And they have a password\r\n        When they navigate to the edit profile page\r\n        And click "Change your password..."\r\n        Then a popup will appear\r\n        When they enter their new password\r\n        And confirm it\r\n        And click "Change Password"\r\n        Then they will see a success banner stating that the change was successful\r\n        When they logout\r\n        And try to login\r\n        Then they will not be able to login with their old password\r\n        But they will be able to login with their new password\r\n\r\n    @motivating\r\n    Scenario: Users must confirm their password change\r\n        Given a user has registered for the portal\r\n        When they navigate to the edit profile page\r\n        And click "Change your password..."\r\n        Then a popup will appear\r\n        When they enter their new password\r\n        But they enter a different password to confirm\r\n        And click "Change Password"\r\n        Then they will see an error banner stating that the passwords didnt match\r\n        When they logout\r\n        And try to login\r\n        Then they will be able to login with their existing password\r\n\r\n    @motivating\r\n    Scenario: Users must enter a new password and confirm it to change their password\r\n        Given a user has registered for the portal\r\n        When they navigate to the edit profile page\r\n        And click "Change your password..."\r\n        Then a popup will appear\r\n        When they click "Change password"\r\n        Then a validation error will appear for the new password field\r\n        And their password will not be changed\r\n        When they enter a new password\r\n        And they click "Change password"\r\n        Then a validation error will appear for the confirm new password field\r\n        And their password will not be changed\r\n\r\n    @motivating\r\n    Scenario: An error banner will be displayed if the password change fails\r\n        Given a user has registered for the portal\r\n        When they navigate to the edit profile page\r\n        And click "Change your password..."\r\n        When they enter their new password\r\n        And confirm it\r\n        And click "Change Password"\r\n        But the change fails\r\n        Then they will see an error banner stating that the change failed\r\n        When they logout\r\n        And try to login\r\n        Then they will be able to login with their existing password';var Rl={title:"Components/Change Password",parameters:{scenario:Tl}};var Il={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 Sl={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 Pl={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 Nl={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 Fl={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 Ll={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 Bl=function(){return r(U,Object.assign({},Il))};var Ol=function(){return r(U,Object.assign({},Sl))};var Gl=function(){return r(U,Object.assign({},Pl))};var jl=function(){return r(U,Object.assign({},Nl))};var Vl=function(){return r(U,Object.assign({},Fl))};var zl=function(){return r(U,Object.assign({},Ll))};var Ml=Object.freeze({__proto__:null,default:Rl,Default:Bl,Open:Ol,Error:Gl,PaswordError:jl,Loading:Vl,Success:zl});var Wl={title:"Components/Portal Profile"};var Ul={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 Hl={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 Jl={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 $l={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 Kl={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 Xl={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 Yl=function(){return r(N,Object.assign({},Ul))};var Zl=function(){return r(N,Object.assign({},Hl))};var Ql=function(){return r(N,Object.assign({},Jl))};var eu=function(){return r(N,Object.assign({},$l))};var ru=function(){return r(N,Object.assign({},Kl))};var tu=function(){return r(N,Object.assign({},Xl))};var nu=Object.freeze({__proto__:null,default:Wl,Default:Yl,DefaultNoCountry:Zl,Loading:Ql,Disabled:eu,Error:ru,Success:tu});var au='@author:noah\r\n@owner:noah\r\nFeature: Referral Table User Column\r\n\r\n    Shows the same custom content for each referral\r\n\r\n    Background:\r\n        Given the column in included in the referral table\r\n\r\n    @motivating\r\n    Scenario: The title of the date column is configurable\r\n        Given the "column-title" prop is set to "My column title"\r\n        Then the date column is shown with "My column title"\r\n\r\n    @motivating\r\n    Scenario: The same custom content is shown for each referral\r\n        Given there is at least one referral\r\n        Then for each referral custom content is shown\r\n        And the custom content is provided as slot content';var iu='@author:noah\r\n@owner:noah\r\nFeature: Referral Table Date Column\r\n\r\n    Shows the date of each referral\r\n\r\n    Background:\r\n        Given the date column is included in the referral table\r\n\r\n    @motivating\r\n    Scenario Outline: The title of the date column is configurable\r\n        Given the "column-title" prop is set to <value>\r\n        Then the date column is shown with <columTitle>\r\n        Examples:\r\n            | value           | columnTitle     |\r\n            |                 | Date Converted  |\r\n            | My column title | My column title |\r\n\r\n    @motivating\r\n    Scenario Outline: A configurable date associated with the referral is shown for each referral\r\n        Given the "date-shown" prop is set to <dateType>\r\n        And referrals exist\r\n        Then for each referral the <referralDate> is shown in the table\r\n        And the date is localized to the users locale\r\n        Examples:\r\n            | dateType            | referralDate          |\r\n            | dateReferralStarted | date referral started |\r\n            | dateReferralPaid    | date referral paid    |\r\n            | dateReferralEnded   | date referral ended   |\r\n            | dateModerated       | date moderated        |\r\n            | dateUserModified    | date user modified    |\r\n            | dateConverted       | date converted        |\r\n            | dateModified        | date modified         |\r\n            |                     | date converted        |';var su='@author:noah\r\n@owner:noah\r\nFeature: Referral Table Reward Column\r\n\r\n    Shows the reward associated with each referral\r\n\r\n    Background:\r\n        Given the status column is included in the referral table\r\n        And at least one referral exists\r\n\r\n    @motivating\r\n    Scenario Outline: The referral reward and it\'s status are shown for each referral\r\n        Then for each referral reward there exists a reward cell\r\n        And the reward type and value is displayed in the cell\r\n        And the status of each reward is displayed as a pill in the cell\r\n        And rewards of <status> have a <pillColour> pill with the text <statusText>\r\n        Examples:\r\n            | status    | pillColour | statusText |\r\n            | Available | green      | Available  |\r\n            | Pending   | orange     | Pending    |\r\n            | Cancelled | red        | Cancelled  |\r\n            | Expired   | red        | Expired    |\r\n            | Redeemed  | blue       | Redeemed   |\r\n\r\n    @motivating\r\n    Scenario: The pending period of a referral reward is shown if it exists\r\n        Given a reward that is pending\r\n        And the reward has a set pending period\r\n        Then the status pill of the reward will instead have the text "Pending for <relativeTime>"\r\n        And all dates are localized to the users locale\r\n        Examples:\r\n            | relativeTime |\r\n            | 2 days       |\r\n            | 1 week       |\r\n            | 3 months     |\r\n            | 2 years      |\r\n\r\n    @motivating\r\n    Scenario: The expiry date of a reward is shown if it exists\r\n        Given a reward that is available\r\n        And the reward has a set expiry date\r\n        Then an additional grey pill will appear next to the status pill with the text "Expiring in <relativeTime>"\r\n        And all dates are localized to the users locale\r\n        Examples:\r\n            | relativeTime |\r\n            | 2 days       |\r\n            | 1 week       |\r\n            | 3 months     |\r\n            | 2 years      |\r\n\r\n    @motivating\r\n    Scenario: Each reward can be expanded to show additional details about the reward\r\n        When a reward cell is clicked\r\n        Then it expands to show the following additional information (if it\'s available):\r\n            | Date the reward was received     |\r\n            | Date the reward was cancelled    |\r\n            | Date the reward expires          |\r\n            | Date the reward is pending until |\r\n            | Coupon code                      |\r\n        And all dates are localized to a users locale';var ou='@author:noah\r\n@owner:noah\r\nFeature: Referral Table Status Column\r\n\r\n    Shows the status of each referral\r\n\r\n    Background:\r\n        Given the status column is included in the referral table\r\n\r\n    @motivating\r\n    Scenario: The title of the date column is configurable\r\n        Given the "column-title" prop is set to "My column title"\r\n        Then the date column is shown with "My column title"\r\n\r\n    @motivating\r\n    Scenario Outline: The status column displays the status of each referral\r\n        Given referrals exist\r\n        Then the status of each referral is displayed\r\n        And the status <status> is displayed as text from <statusTextProp> in a <pillColour> pill\r\n        Examples:\r\n            | status      | statusTextProp       | pillColour |\r\n            | IN PROGRESS | inProgressStatusText | Orange     |\r\n            | Converted   | convertedStatusText  | Green      |\r\n';var lu='@author:noah\r\n@owner:noah\r\nFeature: Referral Table User Column\r\n\r\n    Shows the user of each referral\r\n\r\n    Background:\r\n        Given the user column is included in the referral table\r\n\r\n    @motivating\r\n    Scenario: The title of the date column is configurable\r\n        Given the "column-title" prop is set to "My column title"\r\n        Then the date column is shown with "My column title"\r\n\r\n    @motivating\r\n    Scenario: The first and last name of the other user in the referral is displayed for each referral\r\n        Given at least one referral exists\r\n        Then for each referral where the other user\'s name is available their first and last name is displayed\r\n\r\n    @motivating\r\n    Scenario: Deleted users are displayed with a fallback name\r\n        Given a referral exists where the other user was deleted\r\n        Then in place of the name the text from the prop "deleted-user" is used\r\n\r\n    @motivating\r\n    Scenario: Anonymous users are displayed with a fallback name\r\n        Given a referral exists where the other user was anonymous\r\n        Then in place of the name the text from the prop "anonymous-user" is used';var uu=au+iu+su+ou+lu;var du={title:"Components/Referral Table Rewards Cell",parameters:{scenario:uu}};var cu={id:"123",type:"CREDIT",value:19,unit:"POINT",name:"test",dateGiven:1627427794891,dateScheduledFor:Nu(),dateExpires:Fu(),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 mu={dateExpires:null};var pu={dateScheduledFor:null};var hu={fuelTankCode:null};var gu={type:"PCT_DISCOUNT"};var fu={type:"CREDIT"};var bu={type:"FUELTANK"};var vu={type:"INTEGRATION"};var wu={statuses:["AVAILABLE","PENDING"]};var xu={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5};var yu={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5};var Eu={statuses:["AVAILABLE","EXPIRED","REDEEMED"]};var qu={statuses:["AVAILABLE"]};var Au=[];var ku=[__assign(__assign({},cu),qu)];var Du=[__assign(__assign(__assign({},cu),gu),wu),__assign(__assign({},cu),fu)];var Cu=[__assign(__assign(__assign({},cu),bu),mu),__assign(__assign(__assign({},cu),bu),yu),__assign(__assign(__assign({},cu),wu),hu)];var _u=[__assign(__assign({},cu),bu),__assign(__assign({},cu),vu),__assign(__assign({},cu),wu),__assign(__assign(__assign(__assign({},cu),xu),mu),hu),__assign(__assign(__assign({},cu),yu),hu)];var Tu=[__assign(__assign(__assign({},cu),Eu),hu),__assign(__assign(__assign({},cu),qu),mu),__assign(__assign({},cu),wu),__assign(__assign({},cu),xu),__assign(__assign({},cu),yu),__assign(__assign(__assign(__assign({},cu),wu),mu),pu),__assign(__assign({},cu),xu),__assign(__assign({},cu),yu)];var Ru=[__assign(__assign({},cu),vu),__assign(__assign({},cu),Eu),__assign(__assign({},cu),qu),__assign(__assign(__assign({},cu),xu),mu),__assign(__assign({},cu),yu),__assign(__assign({},cu),wu),__assign(__assign({},cu),gu),__assign(__assign({},cu),bu),__assign(__assign(__assign({},cu),xu),mu),__assign(__assign({},cu),fu)];function Iu(){return v.DateTime.now().toMillis()+1e4}function Su(){return v.DateTime.now().toMillis()+4e5}function Pu(){return v.DateTime.now().toMillis()+9e6}function Nu(){return v.DateTime.now().toMillis()+6e8}function Fu(){return v.DateTime.now().toMillis()+1e10}function Lu(){return v.DateTime.now().toMillis()+2e11}var Bu=function(){return r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),pu)],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 Ou=function(){return r("sqm-referral-table-rewards-cell",{hideDetails:true,rewards:[__assign(__assign(__assign({},cu),wu),pu)],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 Gu=function(){return[r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),{dateScheduledFor:Iu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),{dateScheduledFor:Su()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),{dateScheduledFor:Pu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),{dateScheduledFor:Nu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),{dateScheduledFor:Fu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),wu),{dateScheduledFor:Lu()})],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 ju=function(){return r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),mu)],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 Vu=function(){return[r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),{dateExpires:Iu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),{dateExpires:Su()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),{dateExpires:Pu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),{dateExpires:Nu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),{dateExpires:Fu()})],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}"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},cu),qu),{dateExpires:Lu()})],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 zu=function(){return r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},cu),Eu)],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 Mu=function(){return r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},cu),xu)],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 Wu=function(){return r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},cu),yu)],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 Uu=function(){return r("sqm-referral-table-rewards-cell",{rewards:Au,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 Hu=function(){return r("sqm-referral-table-rewards-cell",{rewards:ku,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 Ju=function(){return r("sqm-referral-table-rewards-cell",{rewards:Du,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 $u=function(){return r("sqm-referral-table-rewards-cell",{rewards:Cu,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 Ku=function(){return r("sqm-referral-table-rewards-cell",{rewards:_u,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 Xu=function(){return r("sqm-referral-table-rewards-cell",{rewards:Tu,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 Yu=function(){return r("sqm-referral-table-rewards-cell",{rewards:Ru,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 Zu=Object.freeze({__proto__:null,default:du,PendingNoUnpend:Bu,PendingNoUnpendNoDetails:Ou,PendingWithUnpend:Gu,AvailableNoExpiry:ju,AvailableWithExpiry:Vu,Redeemed:zu,Cancelled:Mu,Expired:Wu,EmptyCell:Uu,oneRewardCell:Hu,twoRewardsCell:Ju,threeRewardsCell:$u,fiveRewardsCell:Ku,eightRewardsCell:Xu,tenRewardsCell:Yu});var Qu='@owner:sam\r\n@author:sam\r\nFeature: Referral Table\r\n\r\n    The Referral table component shows users a list of their referrals. The referral table it\'s self can be customized\r\n    with a collection of columns.\r\n\r\n    @motivating\r\n    Scenario: The empty state is shown if there are no referrals\r\n        Given a user with no referrals\r\n        When they view the referral table\r\n        Then no referrals are displayed\r\n        And they see an image with a user icon\r\n        And "View your referral details" in bold\r\n        And "Track the status of your referrals and rewards earned by referring friends" below the bolded text\r\n        And the pagination buttons are disabled\r\n\r\n    @motivating\r\n    Scenario: The empty state image and text are customizable\r\n        Given the referral table has been given the following prop values\r\n            | prop                | value                                                                                                                           |\r\n            | empty-state-img-url | https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png |\r\n            | empty-state-title   | View your referral history                                                                                                      |\r\n            | empty-state-text    | See your previous referrals and what you earned!                                                                                |\r\n        And a user with no referrals\r\n        When they view the referral table\r\n        Then they see no referrals\r\n        And they see the SaaSquatch logo\r\n        And "View your referral history" in bold\r\n        And "See your previous referrals and what you earned!" below the bolded text\r\n        And the pagination buttons are disabled\r\n\r\n    @minutae\r\n    Scenario: A custom empty state can be provided\r\n        Given a user with no referrals\r\n        And a custom empty state has been supplied in the "empty" slot\r\n        When they view the referral table\r\n        Then they see the custom empty state\r\n        And the pagination buttons are disabled\r\n\r\n    @motivating\r\n    Scenario: The loading state is shown while referrals are loading\r\n        Given the table is loading\r\n        Then the loading state is shown in the table\r\n        And a custom loading state can be supplied in the "loading" slot\r\n        And the pagination buttons are disabled\r\n\r\n    @motivating\r\n    Scenario Outline: The table becomes paginated when the number of referrals exceeds the per page limit\r\n        Given the user has <number of referrals>\r\n        And the table is configured to show <page limit> referrals per page\r\n        Then the table will have <number of pages> page(s)\r\n        And pagination buttons will allow users to navigate between pages\r\n        And the pagination button to go to the next page is disabled on the last page of referrals\r\n        And the pagination button to go to the previous page is disabled on the first page of referrals\r\n        Examples:\r\n            | number of referrals | page limit | number of pages |\r\n            | 0                   | 4          | 1               |\r\n            | 1                   | 4          | 1               |\r\n            | 3                   | 4          | 1               |\r\n            | 5                   | 4          | 2               |\r\n            | 42                  | 4          | 11              |\r\n\r\n    @motivating\r\n    Scenario: The table converts to a card view on tablet and mobile window sizes\r\n        Given a user with referrals\r\n        When they view the table\r\n        And their window size is smaller than "899px"\r\n        Then referrals are displayed as cards\r\n        And they are in two columns\r\n        When their window size is smaller than "634px"\r\n        Then the referrals are displayed as cards in a singular column\r\n\r\n    @motivating\r\n    Scenario: Table and Mobile beakpoints can be configured\r\n        Given the referral table has been configured with the following props\r\n            | prop         | value |\r\n            | smBreakpoint | 599   |\r\n            | mdBreakpoint | 799   |\r\n        And a user with referrals\r\n        When they view the table\r\n        And their window size is smaller than "799px"\r\n        Then referrals are displayed as cards\r\n        And they are in two columns\r\n        When their window size is smaller than "599px"\r\n        Then the referrals are displayed as cards in a singular column\r\n\r\n    @motivating\r\n    Scenario Outline: By default the first column heading is hidden in mobile,\r\n        Given a referral table with 4 columns\r\n        And prop "hidden-columns" with <hideColumnValue>\r\n        And a user with referrals\r\n        When they view the referral table\r\n        And their window size is below the tablet breakpoint\r\n        Then referral cards are displayed\r\n        And the titles of <columnsArehidden> within the card\r\n        Examples:\r\n            | hideColumnValue | columnsArehidden                    |\r\n            |                 | the first column                    |\r\n            | 0,1,2           | the first, second and third columns |\r\n            | 3               | the fourth column                   |\r\n\r\n    @motivating\r\n    Scenario: The use who referred the current user can be shown in the table\r\n        Given the table is configured with <showReferrer> set to true\r\n        And the current user was referrered by <referrer>\r\n        Then the first table row on the first page of the table is for <referrer>\r\n\r\n    @motivating\r\n    Scenario: Only referrals which occured in the program specific by program-id are shown\r\n        Given the table is configured with "program-id"\r\n        Then only referrals from the program with "program-id" are shown\r\n\r\n    @motivating\r\n    Scenario: Classic program shows only classic referrals\r\n        Given the "program-id" of the table is set to "classic"\r\n        Then only classic referrals are shown in the table\r\n\r\n    @minutae\r\n    Scenario: Column heading can be hidden\r\n        Given the table is configured with "show-labels" set to false\r\n        Then the table is displayed without column headings';var ed={title:"Components/Referral Table",parameters:{scenario:Qu}};var rd=r("div",{slot:"loading",style:{display:"contents"}},r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))));var td=r("div",{slot:"empty",style:{display:"contents"}},r("sqm-table-row",null,r("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},r("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_3_1.png","max-width":"100px"}),r("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},r("sqm-text",{slot:"label"},r("h3",null,"View your referral details")),r("sqm-text",{slot:"content"},"Track the status of your referrals and rewards earned by referring friends"))))));var nd={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 ad={statuses:["AVAILABLE","PENDING"]};var id={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5};var sd={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5};var od={statuses:["AVAILABLE"]};var ld={dateExpires:null};var ud={states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:899,smBreakpoint:599},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},elements:{columns:["Customer","Status","Date converted","Rewards"],rows:[[r("sqm-referral-table-user-cell",{name:"Joe Smith"}),r("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),r("sqm-referral-table-user-cell",{name:"07/15/1902"}),r(Bu,null)],[r("sqm-referral-table-user-cell",{name:"Bob Williams"}),r("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),r("sqm-referral-table-user-cell",{name:"09/05/1999"}),r(ju,null)],[r("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),r("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),r("sqm-referral-table-user-cell",{name:"12/21/1984"}),r(Mu,null)]]}};var dd={data:{textOverrides:{showLabels:false,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:899,smBreakpoint:599}};var cd={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:899,smBreakpoint:599}};var md={states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:899,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:[[r("sqm-referral-table-user-cell",{name:"Bartholomew Christopher-Johnston Wallace"}),r("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),r("sqm-referral-table-date-cell",{date:-220896e5}),r("sqm-referral-table-user-cell",{name:"Vancouver"}),r("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),r("sqm-referral-table-user-cell",{name:"Canada"}),r("sqm-referral-table-user-cell",{name:"14,000,000"}),r("sqm-referral-table-user-cell",{name:"$800,000,000,000"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[r("sqm-referral-table-user-cell",{name:"Bob Williams"}),r("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),r("sqm-referral-table-date-cell",{date:8e11}),r("sqm-referral-table-user-cell",{name:"Los Angeles"}),r("sqm-referral-table-cell",{innerTemplate:"California"}),r("sqm-referral-table-user-cell",{name:"US"}),r("sqm-referral-table-user-cell",{name:"1"}),r("sqm-referral-table-user-cell",{name:"$5"}),r("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[r("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),r("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),r("sqm-referral-table-date-cell",{date:444703707e3}),r("sqm-referral-table-user-cell",{name:"Toronto"}),r("sqm-referral-table-cell",{innerTemplate:"Ontario"}),r("sqm-referral-table-user-cell",{name:"Canada"}),r("sqm-referral-table-user-cell",{name:"10"}),r("sqm-referral-table-user-cell",{name:"$71"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}};var pd={states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:899,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:[[r("sqm-referral-table-user-cell",{name:"Joe Smith"}),r("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),r("sqm-referral-table-date-cell",{date:-2128547493e3}),r("sqm-referral-table-user-cell",{name:"Vancouver"}),r("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),r("sqm-referral-table-user-cell",{name:"Canada"}),r("sqm-referral-table-user-cell",{name:"14"}),r("sqm-referral-table-user-cell",{name:"$88"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[r("sqm-referral-table-user-cell",{name:"Bob Williams"}),r("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),r("sqm-referral-table-date-cell",{date:8e11}),r("sqm-referral-table-user-cell",{name:"Los Angeles"}),r("sqm-referral-table-cell",{innerTemplate:"California"}),r("sqm-referral-table-user-cell",{name:"US"}),r("sqm-referral-table-user-cell",{name:"1"}),r("sqm-referral-table-user-cell",{name:"$5"}),r("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[r("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),r("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),r("sqm-referral-table-date-cell",{date:444703707e3}),r("sqm-referral-table-user-cell",{name:"Toronto"}),r("sqm-referral-table-cell",{innerTemplate:"Ontario"}),r("sqm-referral-table-user-cell",{name:"Canada"}),r("sqm-referral-table-user-cell",{name:"10"}),r("sqm-referral-table-user-cell",{name:"$71"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}};var hd=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:899,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:[[r("sqm-referral-table-user-cell",{name:"Joe Smith"}),r("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),r("sqm-referral-table-date-cell",{date:-2128547493e3}),r("sqm-referral-table-user-cell",{name:"Vancouver"}),r("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),r("sqm-referral-table-user-cell",{name:"Canada"}),r("sqm-referral-table-user-cell",{name:"14"}),r("sqm-referral-table-user-cell",{name:"$88"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[r("sqm-referral-table-user-cell",{name:"Bob Williams"}),r("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),r("sqm-referral-table-date-cell",{date:8e11}),r("sqm-referral-table-user-cell",{name:"Los Angeles"}),r("sqm-referral-table-cell",{innerTemplate:"California"}),r("sqm-referral-table-user-cell",{name:"US"}),r("sqm-referral-table-user-cell",{name:"1"}),r("sqm-referral-table-user-cell",{name:"$5"}),r("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[r("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),r("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),r("sqm-referral-table-date-cell",{date:444703707e3}),r("sqm-referral-table-user-cell",{name:"Toronto"}),r("sqm-referral-table-cell",{innerTemplate:"Ontario"}),r("sqm-referral-table-user-cell",{name:"Canada"}),r("sqm-referral-table-user-cell",{name:"10"}),r("sqm-referral-table-user-cell",{name:"$71"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}}};var gd=function(){return r(b,Object.assign({},ud))};var fd=function(){return r(b,Object.assign({},__assign(__assign({},ud),dd)))};var bd=function(){return r(b,Object.assign({},__assign(__assign({},ud),cd)))};var vd=function(){return r(b,Object.assign({},hd()))};var wd=function(){return r(b,Object.assign({},md))};var xd=function(){return r(b,Object.assign({},pd))};var yd=function(){return r("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:899,smBreakpoint:599},elements:{emptyElement:td,loadingElement:rd,columns:["Name","Email","DOB"],rows:[]}}})};var Ed=function(){return r("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:899,smBreakpoint:599},elements:{emptyElement:td,loadingElement:rd,columns:["Name","Email","DOB"],rows:[]}}})};var qd=function(){return r("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:"",mdBreakpoint:899,smBreakpoint:599},elements:{emptyElement:td,loadingElement:rd,columns:["User","Rewards","Status","Date Started","Date Converted"],rows:[[r("sqm-referral-table-user-cell",{name:"Joe Smith"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},nd),od),__assign(__assign({},nd),ad),__assign(__assign({},nd),id)],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}"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),r("sqm-referral-table-date-cell",{date:16267644e5}),r("sqm-referral-table-date-cell",{date:1627427794891})],[r("sqm-referral-table-user-cell",{name:"Sarah Williams"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},nd),sd)],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}"}),r("sqm-referral-table-status-cell",{statusText:"Incomplete",converted:false}),r("sqm-referral-table-date-cell",{date:16267644e5}),r("sqm-referral-table-date-cell",{date:null})],[r("sqm-referral-table-user-cell",{name:"Marvin Smith"}),r("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},nd),ld),__assign(__assign({},nd),ad)],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}"}),r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),r("sqm-referral-table-date-cell",{date:16267644e5}),r("sqm-referral-table-date-cell",{date:1627427794891})]]}}})};var Ad=function(){return r(b,Object.assign({},hd(true)))};var kd=Object.freeze({__proto__:null,default:ed,SimpleUserTable:gd,HiddenLabelsTable:fd,CustomButtonTextTable:bd,FullUserTable:vd,LongCellTextTable:wd,LongColumnTextTable:xd,EmptyTable:yd,LoadingTable:Ed,FullRewardsTable:qd,ColumnsMobileHidden:Ad});var Dd=au+iu+su+ou+lu;var Cd={title:"Components/Referral Table Cell",parameters:{scenario:Dd}};var _d=function(){return r("sqm-referral-table-cell",{innerTemplate:"Table Cell Text"})};var Td=function(){return r("sqm-referral-table-user-cell",{name:"Table User Cell Text"})};var Rd=function(){return r("sqm-sqm-referral-table-cell",null,"-")};var Id=function(){return r("div",null,r("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),r("sqm-referral-table-status-cell",{statusText:"In Progress",converted:false}))};var Sd=function(){return r("sqm-referral-table-date-cell",{date:8e11})};var Pd={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 Nd=[Pd];var Fd=function(){return r("sqm-referral-table-rewards-cell",{rewards:Nd,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 Ld=Object.freeze({__proto__:null,default:Cd,TableCell:_d,TableUserCell:Td,EmptyCell:Rd,StatusCell:Id,DateCell:Sd,RewardsCell:Fd});var Bd={title:"Tests/User Name"};var Od=function(){return r("sqm-user-name",{demoData:{loading:false,loadingText:"...",username:"Test Testerson"}})};var Gd=function(){return r("sqm-user-name",null)};var jd=Object.freeze({__proto__:null,default:Bd,DemoData:Od,Username:Gd});var Vd={title:"Components/Portal Password Field"};var zd=function(){return r("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:true,validationErrors:{},content:{fieldLabel:"Password"}}}})};var Md=function(){return r("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:true,validationErrors:{password:"Cannot be empty"},content:{fieldLabel:"Password"}}}})};var Wd=function(){return r("sqm-password-field",{demoData:{initValue:"asdf",states:{enableValidation:true,validationErrors:{password:"Incomplete"},content:{fieldLabel:"Password"}}}})};var Ud=Object.freeze({__proto__:null,default:Vd,Start:zd,EmptyError:Md,ValidationError:Wd});function Hd(e){var t=e.matrix,n=e.props,a=e.Component;var i=Object.keys(t).map((function(e){var r=t[e];return r.map((function(r){var t;return t={},t[e]=r,t}))}));var s=$d.apply(void 0,i);var o=s.map((function(e){return e.reduce((function(e,r){return __assign(__assign({},e),r)}),{})}));return o.map((function(e){var t=__assign(__assign({},n),e);return r("div",null,r(Jd,{values:t}),r("hr",null)," ",r("br",null),r(a,Object.assign({},t)),r("br",null))}))}function Jd(e){var t=e.values;return r("table",null,r("tbody",null,Object.keys(t).map((function(e){return r("tr",null,r("th",null,e),r("td",null,JSON.stringify(t[e])))}))))}function $d(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t=[],n=e.length-1;function a(r,i){for(var s=0,o=e[i].length;s<o;s++){var l=r.slice(0);l.push(e[i][s]);if(i==n)t.push(l);else a(l,i+1)}}a([],0);return t}var Kd='@author:derek\r\n@owner:kutay\r\nFeature: Task Card\r\n\r\n\t@motivating\r\n\tScenario: A header, body title and a CTA button are always displayed\r\n\t\tGiven the Task Card is configured with the following props\r\n\t\t\t| prop         | value             |\r\n\t\t\t| rewardAmount | "40"              |\r\n\t\t\t| rewardUnit   | "Points"          |\r\n\t\t\t| cardTitle    | Complete a survey |\r\n\t\t\t| buttonText   | Take Survey       |\r\n\t\tWhen a user views the Task Card\r\n\t\tThen they see "40 Points" as the heading\r\n\t\tAnd the "40" is bolded\r\n\t\tAnd they see "Complete a survey" bolded in the body\r\n\t\tAnd a details icon in the top right hand corner\r\n\t\tAnd a button with text "Take Survey" in the bottom right hand corner\r\n\t\tWhen they click the button\r\n\t\tThen they are redirected to "example.com" in a new window\r\n\r\n\t@motivating\r\n\tScenario Outline: A Task Card description can be included but is not required\r\n\t\tGiven a Task Card\r\n\t\tAnd it has <descriptionPropValue>\r\n\t\tWhen a user views the Task card\r\n\t\tThen they <maySee> a chevron icon in the top right\r\n\t\tWhen they attempt to click the chevron\r\n\t\tThen they <maySee> the card description\r\n\t\tExamples:\r\n\t\t\t| descriptionPropValue             | maySee    |\r\n\t\t\t| This is my task card description | see       |\r\n\t\t\t|                                  | don\'t see |\r\n\r\n\t@motivating\r\n\tScenario Outline: CTA links can open in a new tab or the same tab\r\n\t\tGiven a Task Card\r\n\t\tAnd it has <openNewTabPropValue>\r\n\t\tWhen a user views the Task card\r\n\t\tAnd they click on the CTA\r\n\t\tThen they are redirected to the CTA link in <tab>\r\n\t\tExamples:\r\n\t\t\t| openNewTabPropValue | tab          |\r\n\t\t\t| true                | a new tab    |\r\n\t\t\t| false               | the same tab |\r\n\t\t\t| N/A                 | the same tab |\r\n\r\n\t@minutae\r\n\tScenario: A loading state is displayed while the Task Card is loading\r\n\t\tGiven a Task Card component\r\n\t\tWhen a user views the Task Card\r\n\t\tThen a loading state is displayed\r\n\t\tWhen the Task Card has loaded\r\n\t\tThen the loading state disapears\r\n\r\n\t@motivating\r\n\tScenario Outline: The Progress Bar can be shown or hidden but is hidden by default\r\n\t\tGiven a Task Card\r\n\t\tAnd it has <showProgressBarPropValue>\r\n\t\tWhen a user views the Task Card\r\n\t\tThen the progress bar <mayBe> displayed\r\n\t\tExamples:\r\n\t\t\t| showProgressBarPropValue | mayBe |\r\n\t\t\t| true                     | is    |\r\n\t\t\t| false                    | isn\'t |\r\n\t\t\t| N/A                      | isn\'t |\r\n\r\n\t@motivating\r\n\tScenario: Clicking the CTA Button can trigger an event to be sent and refresh the widget\r\n\t\tGiven a Task card\r\n\t\tAnd it is configured to send an "test" event\r\n\t\tWhen a user views the Task card\r\n\t\tAnd clicks on the CTA\r\n\t\tThen a "test" event is sent to SSQT on the users behalf\r\n\t\tAnd the contents of the widget the card is dislayed within are refreshed\r\n\r\n\t@motivating\r\n\tScenario Outline: Tasks can be repeatable or one-time only but are one-time only by default\r\n\t\tGiven a Task Card\r\n\t\tAnd it has <repeatablePropValue>\r\n\t\tAnd a user who has already completed the task\r\n\t\tWhen they view the Task Card\r\n\t\tThen they see a brand colour checkmark icon beside the card heading\r\n\t\tAnd the card <mayBe> brand colour\r\n\t\tAnd the CTA button <mayBe> disabled\r\n\t\tAnd the CTA button <mayBe> grey\r\n\t\tExamples:\r\n\t\t\t| repeatablePropValue | mayBe |\r\n\t\t\t| true                | isn\'t |\r\n\t\t\t| false               | is    |\r\n\t\t\t| N/A                 | is    |\r\n\r\n\t@motivating\r\n\tScenario Outline: Display duration hides or shows a task\r\n\t\tGiven a Task Card\r\n\t\tAnd it has a "display-duration" interval\r\n\t\tWhen a user views the Card on <day>\r\n\t\tThen card <mayBeHidden>\r\n\t\tExamples:\r\n\t\t\t| day                       | mayBeHidden   |\r\n\t\t\t| a day before the interval | is hidden     |\r\n\t\t\t| a day during the interval | is not hidden |\r\n\t\t\t| a day after the interval  | is hidden     |\r\n\r\n\t@motivating\r\n\tScenario: Task Expiries can be configured and disable the CTA after the expiry\r\n\t\tGiven a Task Card\r\n\t\tAnd it has an "reward-duration" interval\r\n\t\tWhen a user views the card on <day>\r\n\t\tThen the card <mayBeDisabled>\r\n\t\tAnd it <mayHaveAlert>\r\n\t\tAnd it <mayHaveExpiryText> on the bottom left hand side of the card\r\n\t\tExamples:\r\n\t\t\t| day                              | mayBeDisabled  | mayHaveAlert                                                      | mayHaveExpiryText                                   |\r\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                            |\r\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 |\r\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                            |\r\n\r\n\t@motivating\r\n\tScenario Outline: Task Card dates support localization\r\n\t\tGiven a Task Card\r\n\t\tAnd it\'s configured with a expiry duration interval\r\n\t\tWhen a user with <locale> views the task card <atTime>\r\n\t\tThen they <seeDate> translated for <locale>\r\n\t\tExamples:\r\n\t\t\t| atTime              | locale | seeDate         |\r\n\t\t\t| before the interval | en     | Task Start Date |\r\n\t\t\t| during the interval | en     | Task End Date   |\r\n\t\t\t| after the interval  | en     | Task Ended Date |\r\n\t\t\t| before the interval | fr     | Task Start Date |\r\n\t\t\t| during the interval | fr     | Task End Date   |\r\n\t\t\t| after the interval  | fr     | Task Ended Date |\r\n\r\n\t@motivating\r\n\tScenario Outline: A task completion count is displayed for repeatable tasks\r\n\t\tGiven a Task Card\r\n\t\tAnd it is configured for a repeatable task\r\n\t\tAnd has it has <goalValue>\r\n\t\tAnd a user with <userGoalProgress>\r\n\t\tWhen the user views the task card\r\n\t\tThen they see a repeat icon\r\n\t\tAnd the <text> in the bottom left hand corner\r\n\t\tAnd the <text> is brand colour\r\n\t\tExamples:\r\n\t\t\t| goalValue | userGoalProgress | text              |\r\n\t\t\t| 2         | 0                | Completed 0 times |\r\n\t\t\t| 2         | 1                | Completed 0 times |\r\n\t\t\t| 2         | 2                | Completed 1 times |\r\n\t\t\t| 2         | 4                | Completed 2 times |\r\n\r\n\t@motivating\r\n\tScenario Outline: The source of a user\'s progress can be a custom field or a program goal\r\n\t\tGiven a Task Card\r\n\t\tAnd it is configured <progressSourcePath>\r\n\t\tWhen a user views the Task card\r\n\t\tThen the value at <progressSourcePath> is used to benchmark their progress against the "Goal Completion Count"\r\n\t\tExamples:\r\n\t\t\t| progressSourcePath                               |\r\n\t\t\t| /customFields/activityCount                      |\r\n\t\t\t| /customFields/purchaseTotal                      |\r\n\t\t\t| /programGoals/count%2FComment-on-Article         |\r\n\t\t\t| /programGoals/count/Referral-Started%2Freferrals |\r\n\r\n\t@motivating\r\n\tScenario Outline: The users completion of a goal is calculated by the Goal Completion Number\r\n\t\tGiven a Task Card\r\n\t\tAnd it is configured for <goalValue>\r\n\t\tAnd a user who has <progressValue>\r\n\t\tWhen they view the Task Card\r\n\t\tThen they are shown to have <progressValue> towards <goalValue>\r\n\t\tWhen their progress grows larger than <goalValue>\r\n\t\tThen the task is marked as completed\r\n\t\tExamples:\r\n\t\t\t| goalValue | progressValue |\r\n\t\t\t| 1         | 0             |\r\n\t\t\t| 10        | 9             |\r\n\t\t\t| 5         | 2             |\r\n\r\n\t@motivating\r\n\tScenario: The Goal Completion Number defaults to 1\r\n\t\tGiven a Task Card without a configured "goal" value\r\n\t\tAnd a user who has <progressValue>\r\n\t\tWhen they view the Task Card\r\n\t\tThen it <mayBe> marked as completed\r\n\t\tExamples:\r\n\t\t\t| progressValue | mayBe |\r\n\t\t\t| 0             | isn\'t |\r\n\t\t\t| 1             | is    |\r\n\t\t\t| 2             | is    |';var Xd='@author:kutay\r\n@owner:kutay\r\nFeature: Task Card Progress Bar\r\n\r\n\t@motivating\r\n\tScenario Outline: The progress bar displays a continuous bar with the goal represented by a present\r\n\t\tGiven a Task Card component\r\n\t\tAnd the users progress is <progress>\r\n\t\tAnd the task goal is "500"\r\n\t\tAnd the task is not repeatable\r\n\t\tThen I have <progressBar>\r\n\t\tAnd the <progressBar> shows <progress> with <unit> on the right\r\n\t\tAnd the circle on the progress bar is brand colour\r\n\t\tAnd the line behind the circle is brand colour\r\n\t\tAnd the line infront of the circle is grey\r\n\t\tAnd the gift icon has <color>\r\n\t\tAnd the gift icon shows "500" with <unit> below\r\n\t\tExamples:\r\n\t\t\t| progress | progressBar           | unit | color |\r\n\t\t\t| 0        | ●――――――――――――――――――🎁 | $    | no    |\r\n\t\t\t| 100      | ―――――――――●―――――――――🎁 | $    | no    |\r\n\t\t\t| 500      | ―――――――――――――――――――🎁 | $    | yes   |\r\n\t\t\t| 650      | ―――――――――――――――――――🎁 | $    | yes   |\r\n\t\t\t| 1200     | ―――――――――――――――――――🎁 | $    | yes   |\r\n\r\n\t@motivating\r\n\tScenario Outline: The progress bar can be displayed with steps instead of a continuous line\r\n\t\tGiven a Task Card component\r\n\t\tAnd the user progress is <progress>\r\n\t\tAnd the goal is "5"\r\n\t\tAnd steps are enabled\r\n\t\tThen I have <progressBar>\r\n\t\tAnd the <progressBar> has incrementing steps up to "5" in increments of 1\r\n\t\tAnd the steps behind the users progress are brand colour\r\n\t\tAnd the steps infront of the users progress are grey\r\n\t\tAnd the gift icon has <color>\r\n\t\tAnd the gift icon shows "5" below\r\n\t\tExamples:\r\n\t\t\t| progress | progressBar           | color |\r\n\t\t\t| 0        | ―――○―――○―――○―――○―――🎁 | no    |\r\n\t\t\t| 1        | ―――●―――○―――○―――○―――🎁 | no    |\r\n\t\t\t| 5        | ―――●―――●―――●―――●―――🎁 | yes   |\r\n\t\t\t| 7        | ―――●―――●―――●―――●―――🎁 | yes   |\r\n\t\t\t| 12       | ―――●―――●―――●―――●―――🎁 | yes   |\r\n\r\n\t@motivating\r\n\tScenario Outline: The continuous progress bar will continue to progress for repeatable rewards\r\n\t\tGiven a Task Card component\r\n\t\tAnd the user progress is <progress>\r\n\t\tAnd the goal is "500"\r\n\t\tAnd it is repeatable\r\n\t\tThen I have <progressBar>\r\n\t\tAnd the <progressBar> shows <progress> with <unit> to the right\r\n\t\tAnd the first <icon1> is <color1> with <text1> displayed below\r\n\t\tAnd the second <icon2> is <color2> with <text2> displayed below\r\n\t\tAnd the third <icon3> is <color3> with <text3> displayed below\r\n\t\tAnd the circle on the progress bar is brand colour\r\n\t\tAnd the line behind the circle is brand colour\r\n\t\tAnd the line infront of the circle is grey\r\n\t\tExamples:\r\n\t\t\t| progress | progressBar          | unit | icon1 | color1   | text1 | icon2 | color2    | text 2 | icon3 | color3    | text 3 |\r\n\t\t\t| 250      | ――――●――――🎁―――――――🎁 | $    | NA    | NA       | NA    | gift  | greyscale | 500    | gift  | greyscale | 1000   |\r\n\t\t\t| 500      | ―――――――――🎁―――――――🎁 | $    | NA    | NA       | NA    | gift  | colorful  | 500    | gift  | greyscale | 1000   |\r\n\t\t\t| 750      | ―――――――――🎁―――●―――🎁 | $    | NA    | NA       | NA    | gift  | colorful  | 500    | gift  | greyscale | 1000   |\r\n\t\t\t| 1000     | 🎁―――――――🎁―――――――🎁 | $    | gift  | colorful | 500   | gift  | colorful  | 1000   | gift  | greyscale | 1500   |\r\n\t\t\t| 1250     | 🎁―――――――🎁―――●―――🎁 | $    | gift  | colorful | 500   | gift  | colorful  | 1000   | gift  | greyscale | 1500   |\r\n\r\n\t@motivating\r\n\tScenario Outline: The stepped progress bar will continue to progress for repeatable rewards\r\n\t\tGiven a Task Card component\r\n\t\tAnd the user progress is <progress>\r\n\t\tAnd the goal is "5"\r\n\t\tAnd steps are enabled\r\n\t\tAnd it is repeatable\r\n\t\tThen I have <progressBar>\r\n\t\tAnd the <progressBar> has incrementing steps up to "5" in increments of 1\r\n\t\tAnd the first <icon1> is <color1>\r\n\t\tAnd the second <icon2> is <color2>\r\n\t\tAnd the third <icon3> is <color3>\r\n\t\tAnd the steps behind the users progress are brand colour\r\n\t\tAnd the steps infront of the users progress are grey\r\n\t\tExamples:\r\n\t\t\t| progress | progressBar              | icon1 | color1   | icon2 | color2    | icon3 | color3    |\r\n\t\t\t| 0        | ―――○―○―○―○―🎁―○―○―○―○―🎁 | NA    | NA       | gift  | greyscale | gift  | greyscale |\r\n\t\t\t| 1        | ―――●―○―○―○―🎁―○―○―○―○―🎁 | NA    | NA       | gift  | greyscale | gift  | greyscale |\r\n\t\t\t| 5        | ―――●―●―●―●―🎁―○―○―○―○―🎁 | NA    | NA       | gift  | colorful  | gift  | greyscale |\r\n\t\t\t| 7        | ―――●―●―●―●―🎁―●―●―○―○―🎁 | NA    | NA       | gift  | colorful  | gift  | greyscale |\r\n\t\t\t| 12       | 🎁―●―●―●―●―🎁―●―●―○―○―🎁 | gift  | colorful | gift  | colorful  | gift  | greyscale |';var Yd="\n\n:root{\n    --checker-color-1: #ffffff00;\n    --checker-color-2: #ffffff00;\n    --checker-size: 7px;\n    --checker-gradient: linear-gradient(45deg, var(--checker-color-1) 25%, transparent 25%, transparent 75%, var(--checker-color-1) 75%);\n}\n.resizer{\n    resize: horizontal;\n    border: 2px dashed gray;\n\tmargin: -2px;\n    padding: 12px;\n    height: fit-content;\n    overflow: hidden;\n\twidth: 100%;\n}\n\n.resizer{\n    background-color: var(--checker-color-2);\n    background-image: var(--checker-gradient), var(--checker-gradient);\n    background-position: 0 0, var(--checker-size) var(--checker-size);\n    background-size: calc(var(--checker-size) * 2) calc(var(--checker-size) * 2);\n}\n";var Zd=function(e,t){return r("div",{class:"resizer"},t)};var Qd=Kd+Xd;var ec={title:"Components/Task Card/",parameters:{scenario:Qd}};var rc={display:"inline-flex",gap:"32px"};var tc={width:"347px",minWidth:"347px",resize:"horizontal",height:"fit-content",overflow:"hidden"};var nc={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 ac={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 ic={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 sc=function(){var e={rewardDuration:"2021-11-30T08:00:00.000Z/2021-12-01T08:00:00.000Z"};var t=__assign(__assign({},e),{repeatable:true});return r("div",{style:rc},r(Zd,null,r("h4",null,"Not Repeatable"),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{description:""}),states:__assign(__assign({},nc.states),{progress:0})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{description:""}),states:__assign(__assign({},ac.states),{progress:0})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{description:""}),states:__assign(__assign({},ic.states),{progress:230})}))),r(Zd,null,r("h4",null,"Repeatable"),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{repeatable:true}),states:__assign(__assign({},nc.states),{progress:2})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true}),states:__assign(__assign({},ac.states),{progress:7})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true}),states:__assign(__assign({},ic.states),{progress:650})}))),r(Zd,null,r("h4",null,"Complete"),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:1})})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:5})})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:500})}))),r(Zd,null,r("h4",null,"Unavailable"),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:0})},t)),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:3})},t)),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:250})},t))))};var oc=function(){return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:0})})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:1})})),r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1})})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:5})})),r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:230})})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:500})})),r("h5",null)))};var lc=function(){return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{repeatable:true}),states:__assign(__assign({},nc.states),{progress:0})})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{repeatable:true}),states:__assign(__assign({},nc.states),{progress:1})})),r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true}),states:__assign(__assign({},ac.states),{progress:0})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true}),states:__assign(__assign({},ac.states),{progress:5})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true}),states:__assign(__assign({},ac.states),{progress:7})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true}),states:__assign(__assign({},ac.states),{progress:10})})),r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true}),states:__assign(__assign({},ic.states),{progress:0})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true}),states:__assign(__assign({},ic.states),{progress:500})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true}),states:__assign(__assign({},ic.states),{progress:650})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true}),states:__assign(__assign({},ic.states),{progress:1e3})})),r("h5",null)))};var uc=function(){return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{repeatable:true,finite:2}),states:__assign(__assign({},nc.states),{progress:0})})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{repeatable:true,finite:2}),states:__assign(__assign({},nc.states),{progress:1})})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),{repeatable:true,finite:2}),states:__assign(__assign({},nc.states),{progress:2})})),r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true,finite:2}),states:__assign(__assign({},ac.states),{progress:2})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true,finite:2}),states:__assign(__assign({},ac.states),{progress:5})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true,finite:2}),states:__assign(__assign({},ac.states),{progress:10})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true,finite:3}),states:__assign(__assign({},ac.states),{progress:12})})),r("h5",null),r($,Object.assign({},ac,{content:__assign(__assign({},ac.content),{repeatable:true,finite:3}),states:__assign(__assign({},ac.states),{progress:15})})),r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true,finite:2}),states:__assign(__assign({},ic.states),{progress:200})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true,finite:3}),states:__assign(__assign({},ic.states),{progress:500})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true,finite:2}),states:__assign(__assign({},ic.states),{progress:1e3})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true,finite:3}),states:__assign(__assign({},ic.states),{progress:1200})})),r("h5",null),r($,Object.assign({},ic,{content:__assign(__assign({},ic.content),{repeatable:true,finite:3}),states:__assign(__assign({},ic.states),{progress:1500})})),r("h5",null)))};var dc=function(){var e={rewardDuration:v.DateTime.now().minus({days:1}).toISO()+"/"+v.DateTime.now().plus({days:1}).toISO()};var t=__assign(__assign({},e),{repeatable:true});return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),e)})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),t)})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},nc.content),t),states:__assign(__assign({},nc.states),{progress:1})})),r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},nc,{content:__assign(__assign({},ac.content),e)})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},ac.content),t)})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},ac.content),t),states:__assign(__assign({},ac.states),{progress:5})})),r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},nc,{content:__assign(__assign({},ic.content),e)})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},ic.content),t)})),r("h5",null),r($,Object.assign({},nc,{content:__assign(__assign({},ic.content),t),states:__assign(__assign({},ic.states),{progress:1e3})})),r("h5",null)))};var cc=function(){var e={states:{loading:true,progress:0,loadingEvent:false}};return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,e))," ",r("h5",null),r($,Object.assign({},nc,e))," ",r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},ac,e))," ",r("h5",null),r($,Object.assign({},ac,e))," ",r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},ic,e))," ",r("h5",null),r($,Object.assign({},ic,e))," ",r("h5",null)))};var mc=function(){var e={rewardDuration:v.DateTime.now().plus({days:1}).toISO()+"/"+v.DateTime.now().plus({days:2}).toISO()};var t=__assign(__assign({},e),{repeatable:true});return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:0}),content:__assign(__assign({},nc.content),e)})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:1}),content:__assign(__assign({},nc.content),e)})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:0}),content:__assign(__assign({},nc.content),t)})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:1}),content:__assign(__assign({},nc.content),t)})),r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),e)})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),e)})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),t)})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),t)})),r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:100}),content:__assign(__assign({},ic.content),e)})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:500}),content:__assign(__assign({},ic.content),e)})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:100}),content:__assign(__assign({},ic.content),t)})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:500}),content:__assign(__assign({},ic.content),t)})),r("h5",null)))};var pc=function(){var e={rewardDuration:v.DateTime.now().minus({days:2}).toISO()+"/"+v.DateTime.now().minus({days:1}).toISO()};var t=__assign(__assign({},e),{repeatable:true});return r("div",{style:rc},r("div",{style:tc},r("h4",null,"One Action"),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:0}),content:__assign(__assign({},nc.content),e)})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:1}),content:__assign(__assign({},nc.content),e)})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:0}),content:__assign(__assign({},nc.content),t)})),r("h5",null),r($,Object.assign({},nc,{states:__assign(__assign({},nc.states),{progress:1}),content:__assign(__assign({},nc.content),t)})),r("h5",null)),r("div",{style:tc},r("h4",null,"A Couple Actions"),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),e)})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),e)})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),t)})),r("h5",null),r($,Object.assign({},ac,{states:__assign(__assign({},ac.states),{progress:1}),content:__assign(__assign({},ac.content),t)})),r("h5",null)),r("div",{style:tc},r("h4",null,"Many Actions"),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:100}),content:__assign(__assign({},ic.content),e)})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:500}),content:__assign(__assign({},ic.content),e)})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:100}),content:__assign(__assign({},ic.content),t)})),r("h5",null),r($,Object.assign({},ic,{states:__assign(__assign({},ic.states),{progress:500}),content:__assign(__assign({},ic.content),t)})),r("h5",null)))};var hc=function(){var e={progress:0,goal:500,progressBarUnit:"$"};return r("div",null,r(Hd,{matrix:{progress:[0,100,500,650,1200]},props:e,Component:K}))};var gc=function(){var e={progress:0,steps:true,goal:5,progressBarUnit:"$"};return r("div",null,r(Hd,{matrix:{progress:[0,1,5,7,12]},props:e,Component:K}))};var fc=function(){var e={progress:0,goal:500,progressBarUnit:"$",repeatable:true};return r("div",null,r(Hd,{matrix:{progress:[0,250,500,750,1e3,1250]},props:e,Component:K}))};var bc=function(){var e={progress:0,steps:true,goal:5,progressBarUnit:"$",repeatable:true};return r("div",null,r(Hd,{matrix:{progress:[0,1,5,7,12]},props:e,Component:K}))};var vc=function(){var e={progress:0,steps:true,goal:5,progressBarUnit:"$",repeatable:true,finite:2};return r("div",null,r(Hd,{matrix:{progress:[0,1,5,7,10,12]},props:e,Component:K}))};var wc=Object.freeze({__proto__:null,default:ec,TaskCard:sc,TaskCardNotRepeatable:oc,TaskCardRepeatable:lc,TaskCardRepeatableFinite:uc,TaskCardEndDate:dc,TaskCardLoading:cc,TaskCardNotStarted:mc,TaskCardEnded:pc,ProgressBar:hc,ProgressBarSteps:gc,ProgressBarRepeatable:fc,ProgressBarStepsRepeatable:bc,ProgressBarStepsRepeatableFinite:vc});var xc='<sqm-portal-frame>\r\n  <a slot="header" href="/">\r\n    <sqm-text style="height: 60px">\r\n      <img\r\n        style="height: 60px"\r\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\r\n      />\r\n    </sqm-text>\r\n  </a>\r\n  <sqb-program-section program-id="referral-program">\r\n    <sqm-router>\r\n      <template\r\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\r\n      >\r\n        <sqm-graphql-client-provider\r\n          domain="https://managed-identity.saasquatch.com"\r\n        >\r\n          <sqm-hero\r\n            background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n          >\r\n            <sqm-router>\r\n              <template path="/register">\r\n                <sqm-portal-register>\r\n                  <sqm-name-fields slot="formData"></sqm-name-fields>\r\n                </sqm-portal-register>\r\n              </template>\r\n\r\n              <template path="/emailVerification">\r\n                <sqm-portal-protected-route\r\n                  redirect-to="/login"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-email-verification></sqm-portal-email-verification>\r\n              </template>\r\n\r\n              <template path="/login">\r\n                <sqm-portal-login></sqm-portal-login>\r\n              </template>\r\n\r\n              <template path="/verifyEmail">\r\n                <sqm-portal-verify-email></sqm-portal-verify-email>\r\n              </template>\r\n\r\n              <template path="/forgotPassword">\r\n                <sqm-portal-forgot-password\r\n                  email-label="Business Email"\r\n                ></sqm-portal-forgot-password>\r\n              </template>\r\n\r\n              <template path="/resetPassword">\r\n                <sqm-portal-reset-password\r\n                  confirm-password="true"\r\n                ></sqm-portal-reset-password>\r\n              </template>\r\n              <template path="/logout">\r\n                <sqm-portal-logout next-page="/login"></sqm-portal-logout>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-hero>\r\n        </sqm-graphql-client-provider>\r\n      </template>\r\n    </sqm-router>\r\n    <sqm-router>\r\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b)?">\r\n        <sqm-divided-layout\r\n          direction="row"\r\n          style="\r\n            border-top: 1px solid #eaeaea;\r\n            border-bottom: 1px solid #eaeaea;\r\n          "\r\n        >\r\n          <sqm-navigation-sidebar>\r\n            <sqm-navigation-sidebar-item\r\n              path="/"\r\n              icon="house"\r\n              label="Dashboard"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/activity"\r\n              icon="bar-chart"\r\n              label="Activity"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/editProfile"\r\n              icon="person"\r\n              label="Edit Profile"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/logout"\r\n              icon="box-arrow-right"\r\n              label="Logout"\r\n            ></sqm-navigation-sidebar-item>\r\n          </sqm-navigation-sidebar>\r\n          <sqm-divided-layout direction="column">\r\n            <sqm-router>\r\n              <template path="/">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqb-widget\r\n                  widget-type="p/referral-program/w/referrerWidget"\r\n                  track-loads="true"\r\n                ></sqb-widget>\r\n              </template>\r\n              <template path="/editProfile">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\r\n                ><sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-graphql-client-provider\r\n                    domain="https://managed-identity.saasquatch.com"\r\n                  >\r\n                    <sqm-portal-change-password></sqm-portal-change-password>\r\n                  </sqm-graphql-client-provider>\r\n                </sqm-portal-container>\r\n              </template>\r\n\r\n              <template path="/activity">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-text> <h1>Activity</h1></sqm-text>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container>\r\n                  <sqm-referral-table>\r\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n                    <sqm-referral-table-date-column\r\n                      column-title="Referred"\r\n                      date-shown="dateReferralStarted"\r\n                    ></sqm-referral-table-date-column> </sqm-referral-table\r\n                ></sqm-portal-container>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-divided-layout>\r\n        </sqm-divided-layout>\r\n      </template>\r\n    </sqm-router>\r\n  </sqb-program-section>\r\n  <sqm-portal-footer\r\n    slot="footer"\r\n    support-email="support@example.com"\r\n    terms-link="https://example.com"\r\n    faq-link="https://example.com"\r\n    terms-text="Terms And Conditions"\r\n    faq-text="FAQ"\r\n    show-powered-by="true"\r\n  ></sqm-portal-footer>\r\n</sqm-portal-frame>\r\n';var yc='<sqm-portal-frame>\r\n  <a slot="header" href="/">\r\n    <sqm-text style="height: 60px">\r\n      <img\r\n        style="height: 60px"\r\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\r\n      />\r\n    </sqm-text>\r\n  </a>\r\n  <sqb-program-section program-id="referral-program">\r\n    <sqm-router>\r\n      <template\r\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\r\n      >\r\n        <sqm-graphql-client-provider\r\n          domain="https://managed-identity.saasquatch.com"\r\n        >\r\n          <sqm-hero\r\n            background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n          >\r\n            <sqm-router>\r\n              <template path="/register">\r\n                <sqm-portal-register>\r\n                  <sqm-name-fields slot="formData"></sqm-name-fields>\r\n                </sqm-portal-register>\r\n              </template>\r\n\r\n              <template path="/emailVerification">\r\n                <sqm-portal-protected-route\r\n                  redirect-to="/login"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-email-verification></sqm-portal-email-verification>\r\n              </template>\r\n\r\n              <template path="/login">\r\n                <sqm-portal-login></sqm-portal-login>\r\n              </template>\r\n\r\n              <template path="/verifyEmail">\r\n                <sqm-portal-verify-email></sqm-portal-verify-email>\r\n              </template>\r\n\r\n              <template path="/forgotPassword">\r\n                <sqm-portal-forgot-password\r\n                  email-label="Business Email"\r\n                ></sqm-portal-forgot-password>\r\n              </template>\r\n\r\n              <template path="/resetPassword">\r\n                <sqm-portal-reset-password\r\n                  confirm-password="true"\r\n                ></sqm-portal-reset-password>\r\n              </template>\r\n              <template path="/logout">\r\n                <sqm-portal-logout next-page="/login"></sqm-portal-logout>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-hero>\r\n        </sqm-graphql-client-provider>\r\n      </template>\r\n    </sqm-router>\r\n    <sqm-router>\r\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b|\\brefer\\b)?">\r\n        <sqm-divided-layout\r\n          direction="row"\r\n          style="\r\n            border-top: 1px solid #eaeaea;\r\n            border-bottom: 1px solid #eaeaea;\r\n          "\r\n        >\r\n          <sqm-navigation-sidebar>\r\n            <sqm-navigation-sidebar-item\r\n              path="/"\r\n              icon="house"\r\n              label="Dashboard"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/refer"\r\n              icon="inbox"\r\n              label="Submit A Lead"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/activity"\r\n              icon="bar-chart"\r\n              label="Activity"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/editProfile"\r\n              icon="person"\r\n              label="Edit Profile"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/logout"\r\n              icon="box-arrow-right"\r\n              label="Logout"\r\n            ></sqm-navigation-sidebar-item>\r\n          </sqm-navigation-sidebar>\r\n          <sqm-divided-layout direction="column">\r\n            <sqm-router>\r\n              <template path="/">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqb-widget\r\n                  widget-type="p/referral-program/w/referrerWidget"\r\n                  track-loads="true"\r\n                ></sqb-widget>\r\n              </template>\r\n              <template path="/editProfile">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\r\n                ><sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-graphql-client-provider\r\n                    domain="https://managed-identity.saasquatch.com"\r\n                  >\r\n                    <sqm-portal-change-password></sqm-portal-change-password>\r\n                  </sqm-graphql-client-provider>\r\n                </sqm-portal-container>\r\n              </template>\r\n              <template path="/refer">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-referral-iframe></sqm-referral-iframe>\r\n              </template>\r\n              <template path="/activity">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-text> <h1>Activity</h1></sqm-text>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container>\r\n                  <sqm-referral-table>\r\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n                    <sqm-referral-table-date-column\r\n                      column-title="Referred"\r\n                      date-shown="dateReferralStarted"\r\n                    ></sqm-referral-table-date-column> </sqm-referral-table\r\n                ></sqm-portal-container>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-divided-layout>\r\n        </sqm-divided-layout>\r\n      </template>\r\n    </sqm-router>\r\n  </sqb-program-section>\r\n  <sqm-portal-footer\r\n    slot="footer"\r\n    support-email="support@example.com"\r\n    terms-link="https://example.com"\r\n    faq-link="https://example.com"\r\n    terms-text="Terms And Conditions"\r\n    faq-text="FAQ"\r\n    show-powered-by="true"\r\n  ></sqm-portal-footer>\r\n</sqm-portal-frame>\r\n';var Ec='<sqm-portal-frame>\r\n  <a slot="header" href="/">\r\n    <sqm-text style="height: 60px">\r\n      <img\r\n        style="height: 60px"\r\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\r\n      />\r\n    </sqm-text>\r\n  </a>\r\n  <sqb-program-section program-id="referral-program">\r\n    <sqm-router>\r\n      <template\r\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\r\n      >\r\n        <sqm-graphql-client-provider\r\n          domain="https://managed-identity.saasquatch.com"\r\n        >\r\n          <sqm-hero\r\n            background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n          >\r\n            <sqm-router>\r\n              <template path="/register">\r\n                <sqm-portal-register>\r\n                  <sqm-name-fields slot="formData"></sqm-name-fields>\r\n                </sqm-portal-register>\r\n              </template>\r\n\r\n              <template path="/emailVerification">\r\n                <sqm-portal-protected-route\r\n                  redirect-to="/login"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-email-verification></sqm-portal-email-verification>\r\n              </template>\r\n\r\n              <template path="/login">\r\n                <sqm-portal-login></sqm-portal-login>\r\n              </template>\r\n\r\n              <template path="/verifyEmail">\r\n                <sqm-portal-verify-email></sqm-portal-verify-email>\r\n              </template>\r\n\r\n              <template path="/forgotPassword">\r\n                <sqm-portal-forgot-password\r\n                  email-label="Business Email"\r\n                ></sqm-portal-forgot-password>\r\n              </template>\r\n\r\n              <template path="/resetPassword">\r\n                <sqm-portal-reset-password\r\n                  confirm-password="true"\r\n                ></sqm-portal-reset-password>\r\n              </template>\r\n              <template path="/logout">\r\n                <sqm-portal-logout next-page="/login"></sqm-portal-logout>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-hero>\r\n        </sqm-graphql-client-provider>\r\n      </template>\r\n    </sqm-router>\r\n    <sqm-router>\r\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b|\\brefer\\b)?">\r\n        <sqm-divided-layout\r\n          direction="row"\r\n          style="\r\n            border-top: 1px solid #eaeaea;\r\n            border-bottom: 1px solid #eaeaea;\r\n          "\r\n        >\r\n          <sqm-navigation-sidebar>\r\n            <sqm-navigation-sidebar-item\r\n              path="/"\r\n              icon="house"\r\n              label="Dashboard"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/refer"\r\n              icon="inbox"\r\n              label="Submit A Lead"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/activity"\r\n              icon="bar-chart"\r\n              label="Activity"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/editProfile"\r\n              icon="person"\r\n              label="Edit Profile"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/logout"\r\n              icon="box-arrow-right"\r\n              label="Logout"\r\n            ></sqm-navigation-sidebar-item>\r\n          </sqm-navigation-sidebar>\r\n          <sqm-divided-layout direction="column">\r\n            <sqm-router>\r\n              <template path="/">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                  ><sqm-titled-section label-margin="xx-small"\r\n                    ><sqm-text slot="label"> <p>Welcome back,</p> </sqm-text\r\n                    ><sqm-text slot="content">\r\n                      <h1>\r\n                        <sqm-user-name\r\n                          fallback="Anonymous User"\r\n                        ></sqm-user-name>\r\n                      </h1> </sqm-text\r\n                  ></sqm-titled-section>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container> </sqm-portal-container\r\n                ><sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-titled-section padding="none" label-margin="x-large"\r\n                    ><sqm-text slot="label">\r\n                      <h2>Partner and Profit</h2> </sqm-text\r\n                    ><sqm-text slot="content">\r\n                      <p>\r\n                        Get rewarded for referring potential customers to\r\n                        SaaSquatch. Earn commission for each successful lead you\r\n                        send our way\r\n                      </p>\r\n                    </sqm-text></sqm-titled-section\r\n                  >\r\n                  <sqm-titled-section label-margin="small" padding="none"\r\n                    ><sqm-text slot="label">\r\n                      <h3>Share your referral link</h3> </sqm-text\r\n                    ><sqm-share-link slot="content"></sqm-share-link\r\n                  ></sqm-titled-section>\r\n                  <sqm-titled-section label-margin="small" padding="none">\r\n                    <sqm-text slot="label">\r\n                      <h3>Share your referral code</h3> </sqm-text\r\n                    ><sqm-share-code slot="content"></sqm-share-code>\r\n                  </sqm-titled-section>\r\n                  <sqm-titled-section label-margin="small" padding="none"\r\n                    ><sqm-text slot="label">\r\n                      <h3>Share via social media</h3> </sqm-text\r\n                    ><sqm-portal-container\r\n                      slot="content"\r\n                      direction="row"\r\n                      padding="none"\r\n                      gap="xxx-large"\r\n                      min-width="160px"\r\n                      ><sqm-share-button\r\n                        icon="envelope"\r\n                        medium="email"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Email a friend</sqm-share-button\r\n                      ><sqm-share-button\r\n                        medium="twitter"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Tweet about us</sqm-share-button\r\n                      ><sqm-share-button\r\n                        medium="facebook"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Share on Facebook</sqm-share-button\r\n                      ></sqm-portal-container\r\n                    ></sqm-titled-section\r\n                  ></sqm-portal-container\r\n                >\r\n              </template>\r\n              <template path="/editProfile">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\r\n                ><sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-graphql-client-provider\r\n                    domain="https://managed-identity.saasquatch.com"\r\n                  >\r\n                    <sqm-portal-change-password></sqm-portal-change-password>\r\n                  </sqm-graphql-client-provider>\r\n                </sqm-portal-container>\r\n              </template>\r\n              <template path="/refer">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-referral-iframe></sqm-referral-iframe>\r\n              </template>\r\n              <template path="/activity">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-text> <h1>Activity</h1></sqm-text>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container>\r\n                  <sqm-referral-table>\r\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n                    <sqm-referral-table-date-column\r\n                      column-title="Referred"\r\n                      date-shown="dateReferralStarted"\r\n                    ></sqm-referral-table-date-column> </sqm-referral-table\r\n                ></sqm-portal-container>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-divided-layout>\r\n        </sqm-divided-layout>\r\n      </template>\r\n    </sqm-router>\r\n  </sqb-program-section>\r\n  <sqm-portal-footer\r\n    slot="footer"\r\n    support-email="support@example.com"\r\n    terms-link="https://example.com"\r\n    faq-link="https://example.com"\r\n    terms-text="Terms And Conditions"\r\n    faq-text="FAQ"\r\n    show-powered-by="true"\r\n  ></sqm-portal-footer>\r\n</sqm-portal-frame>\r\n';var qc='<sqm-portal-frame>\r\n  <a slot="header" href="/">\r\n    <sqm-text style="height: 60px">\r\n      <img\r\n        style="height: 60px"\r\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\r\n      />\r\n    </sqm-text>\r\n  </a>\r\n  <sqb-program-section program-id="referral-program">\r\n    <sqm-router>\r\n      <template\r\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\r\n      >\r\n        <sqm-graphql-client-provider\r\n          domain="https://managed-identity.saasquatch.com"\r\n        >\r\n          <sqm-hero\r\n            background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n          >\r\n            <sqm-router>\r\n              <template path="/register">\r\n                <sqm-portal-register>\r\n                  <sqm-name-fields slot="formData"></sqm-name-fields>\r\n                </sqm-portal-register>\r\n              </template>\r\n\r\n              <template path="/emailVerification">\r\n                <sqm-portal-protected-route\r\n                  redirect-to="/login"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-email-verification></sqm-portal-email-verification>\r\n              </template>\r\n\r\n              <template path="/login">\r\n                <sqm-portal-login></sqm-portal-login>\r\n              </template>\r\n\r\n              <template path="/verifyEmail">\r\n                <sqm-portal-verify-email></sqm-portal-verify-email>\r\n              </template>\r\n\r\n              <template path="/forgotPassword">\r\n                <sqm-portal-forgot-password\r\n                  email-label="Business Email"\r\n                ></sqm-portal-forgot-password>\r\n              </template>\r\n\r\n              <template path="/resetPassword">\r\n                <sqm-portal-reset-password\r\n                  confirm-password="true"\r\n                ></sqm-portal-reset-password>\r\n              </template>\r\n              <template path="/logout">\r\n                <sqm-portal-logout next-page="/login"></sqm-portal-logout>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-hero>\r\n        </sqm-graphql-client-provider>\r\n      </template>\r\n    </sqm-router>\r\n    <sqm-router>\r\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b)?">\r\n        <sqm-divided-layout\r\n          direction="row"\r\n          style="\r\n            border-top: 1px solid #eaeaea;\r\n            border-bottom: 1px solid #eaeaea;\r\n          "\r\n        >\r\n          <sqm-navigation-sidebar>\r\n            <sqm-navigation-sidebar-item\r\n              path="/"\r\n              icon="house"\r\n              label="Dashboard"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/activity"\r\n              icon="bar-chart"\r\n              label="Activity"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/editProfile"\r\n              icon="person"\r\n              label="Edit Profile"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/logout"\r\n              icon="box-arrow-right"\r\n              label="Logout"\r\n            ></sqm-navigation-sidebar-item>\r\n          </sqm-navigation-sidebar>\r\n          <sqm-divided-layout direction="column">\r\n            <sqm-router>\r\n              <template path="/">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                  ><sqm-titled-section label-margin="xx-small"\r\n                    ><sqm-text slot="label"> <p>Welcome back,</p> </sqm-text\r\n                    ><sqm-text slot="content">\r\n                      <h1>\r\n                        <sqm-user-name\r\n                          fallback="Anonymous User"\r\n                        ></sqm-user-name>\r\n                      </h1> </sqm-text\r\n                  ></sqm-titled-section>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container> </sqm-portal-container\r\n                ><sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-titled-section padding="none" label-margin="x-large"\r\n                    ><sqm-text slot="label">\r\n                      <h2>Partner and Profit</h2> </sqm-text\r\n                    ><sqm-text slot="content">\r\n                      <p>\r\n                        Get rewarded for referring potential customers to\r\n                        SaaSquatch. Earn commission for each successful lead you\r\n                        send our way\r\n                      </p>\r\n                    </sqm-text></sqm-titled-section\r\n                  >\r\n                  <sqm-titled-section label-margin="small" padding="none"\r\n                    ><sqm-text slot="label">\r\n                      <h3>Share your referral link</h3> </sqm-text\r\n                    ><sqm-share-link slot="content"></sqm-share-link\r\n                  ></sqm-titled-section>\r\n                  <sqm-titled-section label-margin="small" padding="none">\r\n                    <sqm-text slot="label">\r\n                      <h3>Share your referral code</h3> </sqm-text\r\n                    ><sqm-share-code slot="content"></sqm-share-code>\r\n                  </sqm-titled-section>\r\n                  <sqm-titled-section label-margin="small" padding="none"\r\n                    ><sqm-text slot="label">\r\n                      <h3>Share via social media</h3> </sqm-text\r\n                    ><sqm-portal-container\r\n                      slot="content"\r\n                      direction="row"\r\n                      padding="none"\r\n                      gap="xxx-large"\r\n                      min-width="160px"\r\n                      ><sqm-share-button\r\n                        icon="envelope"\r\n                        medium="email"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Email a friend</sqm-share-button\r\n                      ><sqm-share-button\r\n                        medium="twitter"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Tweet about us</sqm-share-button\r\n                      ><sqm-share-button\r\n                        medium="facebook"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Share on Facebook</sqm-share-button\r\n                      ></sqm-portal-container\r\n                    ></sqm-titled-section\r\n                  ></sqm-portal-container\r\n                >\r\n              </template>\r\n              <template path="/editProfile">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\r\n                ><sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-graphql-client-provider\r\n                    domain="https://managed-identity.saasquatch.com"\r\n                  >\r\n                    <sqm-portal-change-password></sqm-portal-change-password>\r\n                  </sqm-graphql-client-provider>\r\n                </sqm-portal-container>\r\n              </template>\r\n\r\n              <template path="/activity">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-text> <h1>Activity</h1></sqm-text>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container>\r\n                  <sqm-referral-table>\r\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n                    <sqm-referral-table-date-column\r\n                      column-title="Referred"\r\n                      date-shown="dateReferralStarted"\r\n                    ></sqm-referral-table-date-column> </sqm-referral-table\r\n                ></sqm-portal-container>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-divided-layout>\r\n        </sqm-divided-layout>\r\n      </template>\r\n    </sqm-router>\r\n  </sqb-program-section>\r\n  <sqm-portal-footer\r\n    slot="footer"\r\n    support-email="support@example.com"\r\n    terms-link="https://example.com"\r\n    faq-link="https://example.com"\r\n    terms-text="Terms And Conditions"\r\n    faq-text="FAQ"\r\n    show-powered-by="true"\r\n  ></sqm-portal-footer>\r\n</sqm-portal-frame>\r\n';var Ac='<sqm-portal-frame>\r\n  <a slot="header" href="/">\r\n    <sqm-text style="height: 60px">\r\n      <img\r\n        style="height: 60px"\r\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\r\n      />\r\n    </sqm-text>\r\n  </a>\r\n  <sqb-program-section program-id="referral-program-1">\r\n    <sqm-router>\r\n      <template\r\n        path="/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)"\r\n      >\r\n        <sqm-graphql-client-provider\r\n          domain="https://managed-identity.saasquatch.com"\r\n        >\r\n          <sqm-hero\r\n            background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n          >\r\n            <sqm-router>\r\n              <template path="/register">\r\n                <sqm-portal-register>\r\n                  <sqm-name-fields slot="formData"></sqm-name-fields>\r\n                </sqm-portal-register>\r\n              </template>\r\n\r\n              <template path="/emailVerification">\r\n                <sqm-portal-protected-route\r\n                  redirect-to="/login"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-email-verification></sqm-portal-email-verification>\r\n              </template>\r\n\r\n              <template path="/login">\r\n                <sqm-portal-login></sqm-portal-login>\r\n              </template>\r\n\r\n              <template path="/verifyEmail">\r\n                <sqm-portal-verify-email></sqm-portal-verify-email>\r\n              </template>\r\n\r\n              <template path="/forgotPassword">\r\n                <sqm-portal-forgot-password\r\n                  email-label="Business Email"\r\n                ></sqm-portal-forgot-password>\r\n              </template>\r\n\r\n              <template path="/resetPassword">\r\n                <sqm-portal-reset-password\r\n                  confirm-password="true"\r\n                ></sqm-portal-reset-password>\r\n              </template>\r\n              <template path="/logout">\r\n                <sqm-portal-logout next-page="/login"></sqm-portal-logout>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-hero>\r\n        </sqm-graphql-client-provider>\r\n      </template>\r\n    </sqm-router>\r\n    <sqm-router>\r\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b)?">\r\n        <sqm-divided-layout\r\n          direction="row"\r\n          style="\r\n            border-top: 1px solid #eaeaea;\r\n            border-bottom: 1px solid #eaeaea;\r\n          "\r\n        >\r\n          <sqm-navigation-sidebar>\r\n            <sqm-program-menu>\r\n              <sl-menu-item value="referral-program-1"\r\n                >Referral Program 1</sl-menu-item\r\n              >\r\n              <sl-menu-item value="referral-program-2"\r\n                >Referral Program 2</sl-menu-item\r\n              >\r\n            </sqm-program-menu>\r\n            <sqm-navigation-sidebar-item\r\n              path="/"\r\n              icon="house"\r\n              label="Dashboard"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/activity"\r\n              icon="bar-chart"\r\n              label="Activity"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/editProfile"\r\n              icon="person"\r\n              label="Edit Profile"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/logout"\r\n              icon="box-arrow-right"\r\n              label="Logout"\r\n            ></sqm-navigation-sidebar-item>\r\n          </sqm-navigation-sidebar>\r\n          <sqm-divided-layout direction="column">\r\n            <sqm-router>\r\n              <template path="/">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqb-program-switch>\r\n                  <template program-id="referral-program-1">\r\n                    <sqb-widget\r\n                      widget-type="p/referral-program-1/w/referrerWidget"\r\n                      track-loads="true"\r\n                    ></sqb-widget>\r\n                  </template>\r\n                  <template program-id="referral-program-2">\r\n                    <sqb-widget\r\n                      widget-type="p/referral-program-2/w/referrerWidget"\r\n                      track-loads="true"\r\n                    ></sqb-widget>\r\n                  </template>\r\n                </sqb-program-switch>\r\n              </template>\r\n              <template path="/editProfile">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-portal-profile></sqm-portal-profile></sqm-portal-container\r\n                ><sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-graphql-client-provider\r\n                    domain="https://managed-identity.saasquatch.com"\r\n                  >\r\n                    <sqm-portal-change-password></sqm-portal-change-password>\r\n                  </sqm-graphql-client-provider>\r\n                </sqm-portal-container>\r\n              </template>\r\n              <template path="/activity">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-text> <h1>Activity</h1></sqm-text>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container>\r\n                  <sqm-referral-table>\r\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n                    <sqm-referral-table-date-column\r\n                      column-title="Referred"\r\n                      date-shown="dateReferralStarted"\r\n                    ></sqm-referral-table-date-column> </sqm-referral-table\r\n                ></sqm-portal-container>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-divided-layout>\r\n        </sqm-divided-layout>\r\n      </template>\r\n    </sqm-router>\r\n  </sqb-program-section>\r\n  <sqm-portal-footer\r\n    slot="footer"\r\n    support-email="support@example.com"\r\n    terms-link="https://example.com"\r\n    faq-link="https://example.com"\r\n    terms-text="Terms And Conditions"\r\n    faq-text="FAQ"\r\n    show-powered-by="true"\r\n  ></sqm-portal-footer>\r\n</sqm-portal-frame>\r\n';var kc='<sqm-portal-frame>\r\n  <a slot="header" href="/">\r\n    <sqm-text style="height: 60px">\r\n      <img\r\n        style="height: 60px"\r\n        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"\r\n      />\r\n    </sqm-text>\r\n  </a>\r\n  <sqb-program-section program-id="referral-program-1">\r\n    <sqm-graphql-client-provider\r\n      domain="https://managed-identity.saasquatch.com"\r\n    >\r\n      <sqm-hero\r\n        background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n      >\r\n        <sqm-router>\r\n          <template path="/register">\r\n            <sqm-portal-register>\r\n              <sqm-name-fields slot="formData"></sqm-name-fields>\r\n            </sqm-portal-register>\r\n          </template>\r\n\r\n          <template path="/emailVerification">\r\n            <sqm-portal-protected-route\r\n              redirect-to="/login"\r\n            ></sqm-portal-protected-route>\r\n            <sqm-portal-email-verification></sqm-portal-email-verification>\r\n          </template>\r\n\r\n          <template path="/login">\r\n            <sqm-portal-login></sqm-portal-login>\r\n          </template>\r\n\r\n          <template path="/verifyEmail">\r\n            <sqm-portal-verify-email></sqm-portal-verify-email>\r\n          </template>\r\n\r\n          <template path="/forgotPassword">\r\n            <sqm-portal-forgot-password\r\n              email-label="Business Email"\r\n            ></sqm-portal-forgot-password>\r\n          </template>\r\n\r\n          <template path="/resetPassword">\r\n            <sqm-portal-reset-password\r\n              confirm-password="true"\r\n            ></sqm-portal-reset-password>\r\n          </template>\r\n          <template path="/logout">\r\n            <sqm-portal-logout next-page="/login"></sqm-portal-logout>\r\n          </template>\r\n        </sqm-router>\r\n      </sqm-hero>\r\n    </sqm-graphql-client-provider>\r\n    <sqm-router>\r\n      <template path="/:path(\\bactivity\\b|\\beditProfile\\b)?">\r\n        <sqm-divided-layout\r\n          direction="row"\r\n          style="\r\n            border-top: 1px solid #eaeaea;\r\n            border-bottom: 1px solid #eaeaea;\r\n          "\r\n        >\r\n          <sqm-navigation-sidebar>\r\n            <sqm-program-menu>\r\n              <sl-menu-item value="referral-program-1"\r\n                >Referral Program 1</sl-menu-item\r\n              >\r\n              <sl-menu-item value="referral-program-2"\r\n                >Referral Program 2</sl-menu-item\r\n              >\r\n            </sqm-program-menu>\r\n            <sqm-navigation-sidebar-item\r\n              path="/"\r\n              icon="house"\r\n              label="Dashboard"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/activity"\r\n              icon="bar-chart"\r\n              label="Activity"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/editProfile"\r\n              icon="person"\r\n              label="Edit Profile"\r\n            ></sqm-navigation-sidebar-item>\r\n            <sqm-navigation-sidebar-item\r\n              path="/logout"\r\n              icon="box-arrow-right"\r\n              label="Logout"\r\n            ></sqm-navigation-sidebar-item>\r\n          </sqm-navigation-sidebar>\r\n          <sqm-divided-layout direction="column">\r\n            <sqm-router>\r\n              <template path="/">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route\r\n                ><sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                  ><sqm-titled-section label-margin="xx-small"\r\n                    ><sqm-text slot="label"> <p>Welcome back,</p> </sqm-text\r\n                    ><sqm-text slot="content">\r\n                      <h1>\r\n                        <sqm-user-name\r\n                          fallback="Anonymous User"\r\n                        ></sqm-user-name>\r\n                      </h1> </sqm-text\r\n                  ></sqm-titled-section>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container> </sqm-portal-container\r\n                ><sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-titled-section padding="none" label-margin="x-large"\r\n                    ><sqm-text slot="label">\r\n                      <h2>Partner and Profit</h2> </sqm-text\r\n                    ><sqm-text slot="content">\r\n                      <p>\r\n                        Get rewarded for referring potential customers to\r\n                        SaaSquatch. Earn commission for each successful lead you\r\n                        send our way\r\n                      </p>\r\n                    </sqm-text></sqm-titled-section\r\n                  >\r\n                  <sqm-titled-section label-margin="small" padding="none"\r\n                    ><sqm-text slot="label">\r\n                      <h3>Share your referral link</h3> </sqm-text\r\n                    ><sqm-share-link slot="content"></sqm-share-link\r\n                  ></sqm-titled-section>\r\n                  <sqm-titled-section label-margin="small" padding="none">\r\n                    <sqm-text slot="label">\r\n                      <h3>Share your referral code</h3> </sqm-text\r\n                    ><sqm-share-code slot="content"></sqm-share-code>\r\n                  </sqm-titled-section>\r\n                  <sqm-titled-section label-margin="small" padding="none"\r\n                    ><sqm-text slot="label">\r\n                      <h3>Share via social media</h3> </sqm-text\r\n                    ><sqm-portal-container\r\n                      slot="content"\r\n                      direction="row"\r\n                      padding="none"\r\n                      gap="xxx-large"\r\n                      min-width="160px"\r\n                      ><sqm-share-button\r\n                        icon="envelope"\r\n                        medium="email"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Email a friend</sqm-share-button\r\n                      ><sqm-share-button\r\n                        medium="twitter"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Tweet about us</sqm-share-button\r\n                      ><sqm-share-button\r\n                        medium="facebook"\r\n                        size="medium"\r\n                        pill="true"\r\n                        >Share on Facebook</sqm-share-button\r\n                      ></sqm-portal-container\r\n                    ></sqm-titled-section\r\n                  ></sqm-portal-container\r\n                >\r\n              </template>\r\n              <template path="/editProfile">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\r\n                ><sqm-portal-container direction="column" gap="xxx-large">\r\n                  <sqm-graphql-client-provider\r\n                    domain="https://managed-identity.saasquatch.com"\r\n                  >\r\n                    <sqm-portal-change-password></sqm-portal-change-password>\r\n                  </sqm-graphql-client-provider>\r\n                </sqm-portal-container>\r\n              </template>\r\n              <template path="/activity">\r\n                <sqm-portal-protected-route\r\n                  require-email-verification="true"\r\n                  redirect-to="/login"\r\n                  redirect-to-unverified="/emailVerification"\r\n                ></sqm-portal-protected-route>\r\n                <sqm-portal-container\r\n                  direction="column"\r\n                  padding="xxx-large"\r\n                  gap="xxx-large"\r\n                >\r\n                  <sqm-text> <h1>Activity</h1></sqm-text>\r\n                  <sqm-stat-container space="xxxx-large"\r\n                    ><sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/referralsCount"\r\n                      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n                      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n                    >\r\n                    <sqm-big-stat\r\n                      flex-reverse="true"\r\n                      alignment="left"\r\n                      stat-type="/rewardBalance/CREDIT/CENTS"\r\n                      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n                    >\r\n                  </sqm-stat-container>\r\n                  <sqm-referral-table>\r\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n                    <sqm-referral-table-date-column\r\n                      column-title="Referred"\r\n                      date-shown="dateReferralStarted"\r\n                    ></sqm-referral-table-date-column> </sqm-referral-table\r\n                ></sqm-portal-container>\r\n              </template>\r\n            </sqm-router>\r\n          </sqm-divided-layout>\r\n        </sqm-divided-layout>\r\n      </template>\r\n    </sqm-router>\r\n  </sqb-program-section>\r\n  <sqm-portal-footer\r\n    slot="footer"\r\n    support-email="support@example.com"\r\n    terms-link="https://example.com"\r\n    faq-link="https://example.com"\r\n    terms-text="Terms And Conditions"\r\n    faq-text="FAQ"\r\n    show-powered-by="true"\r\n  ></sqm-portal-footer>\r\n</sqm-portal-frame>\r\n';var Dc='<sqm-portal-container direction="column" padding="xxx-large" gap="xxx-large"\r\n  ><sqm-titled-section label-margin="xx-small"\r\n    ><sqm-text slot="label"> <p>Welcome back,</p> </sqm-text\r\n    ><sqm-text slot="content">\r\n      <h1>\r\n        <sqm-user-name fallback="Anonymous User"></sqm-user-name>\r\n      </h1> </sqm-text\r\n  ></sqm-titled-section>\r\n  <sqm-stat-container space="xxxx-large"\r\n    ><sqm-big-stat\r\n      flex-reverse="true"\r\n      alignment="left"\r\n      stat-type="/referralsCount"\r\n      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n    >\r\n    <sqm-big-stat\r\n      flex-reverse="true"\r\n      alignment="left"\r\n      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n    >\r\n    <sqm-big-stat\r\n      flex-reverse="true"\r\n      alignment="left"\r\n      stat-type="/rewardBalance/CREDIT/CENTS"\r\n      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n    >\r\n  </sqm-stat-container> </sqm-portal-container\r\n><sqm-portal-container direction="column" padding="xxx-large" gap="xxx-large">\r\n  <sqm-titled-section padding="none" label-margin="x-large"\r\n    ><sqm-text slot="label"> <h2>Partner and Profit</h2> </sqm-text\r\n    ><sqm-text slot="content">\r\n      <p>\r\n        Get rewarded for referring potential customers to SaaSquatch. Earn\r\n        commission for each successful lead you send our way\r\n      </p>\r\n    </sqm-text></sqm-titled-section\r\n  >\r\n  <sqm-titled-section label-margin="small" padding="none"\r\n    ><sqm-text slot="label"> <h3>Share your referral link</h3> </sqm-text\r\n    ><sqm-share-link slot="content"></sqm-share-link\r\n  ></sqm-titled-section>\r\n  <sqm-titled-section label-margin="small" padding="none">\r\n    <sqm-text slot="label"> <h3>Share your referral code</h3> </sqm-text\r\n    ><sqm-share-code slot="content"></sqm-share-code>\r\n  </sqm-titled-section>\r\n  <sqm-titled-section label-margin="small" padding="none"\r\n    ><sqm-text slot="label"> <h3>Share via social media</h3> </sqm-text\r\n    ><sqm-portal-container\r\n      slot="content"\r\n      direction="row"\r\n      padding="none"\r\n      gap="xxx-large"\r\n      min-width="160px"\r\n      ><sqm-share-button\r\n        icon="envelope"\r\n        medium="email"\r\n        size="medium"\r\n        pill="true"\r\n        >Email a friend</sqm-share-button\r\n      ><sqm-share-button medium="twitter" size="medium" pill="true"\r\n        >Tweet about us</sqm-share-button\r\n      ><sqm-share-button medium="facebook" size="medium" pill="true"\r\n        >Share on Facebook</sqm-share-button\r\n      ></sqm-portal-container\r\n    ></sqm-titled-section\r\n  ></sqm-portal-container\r\n>\r\n';var Cc="<sqm-referral-iframe></sqm-referral-iframe>\r\n";var _c='<sqm-portal-protected-route\r\n  require-email-verification="true"\r\n  redirect-to="/login"\r\n  redirect-to-unverified="/emailVerification"\r\n></sqm-portal-protected-route>\r\n<sqm-portal-container direction="column" gap="xxx-large">\r\n  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\r\n><sqm-portal-container direction="column" gap="xxx-large">\r\n  <sqm-graphql-client-provider domain="https://managed-identity.saasquatch.com">\r\n    <sqm-portal-change-password></sqm-portal-change-password>\r\n  </sqm-graphql-client-provider>\r\n</sqm-portal-container>\r\n';var Tc='<sqm-portal-protected-route\r\n  require-email-verification="true"\r\n  redirect-to="/login"\r\n  redirect-to-unverified="/emailVerification"\r\n></sqm-portal-protected-route>\r\n<sqm-portal-container direction="column" padding="xxx-large" gap="xxx-large">\r\n  <sqm-text> <h1>Activity</h1></sqm-text>\r\n  <sqm-stat-container space="xxxx-large"\r\n    ><sqm-big-stat\r\n      flex-reverse="true"\r\n      alignment="left"\r\n      stat-type="/referralsCount"\r\n      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\r\n    >\r\n    <sqm-big-stat\r\n      flex-reverse="true"\r\n      alignment="left"\r\n      stat-type="/rewardsCountFiltered/AVAILABLE"\r\n      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\r\n    >\r\n    <sqm-big-stat\r\n      flex-reverse="true"\r\n      alignment="left"\r\n      stat-type="/rewardBalance/CREDIT/CENTS"\r\n      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\r\n    >\r\n  </sqm-stat-container>\r\n  <sqm-referral-table>\r\n    <sqm-referral-table-user-column></sqm-referral-table-user-column>\r\n    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\r\n    <sqm-referral-table-status-column></sqm-referral-table-status-column>\r\n    <sqm-referral-table-date-column\r\n      column-title="Referred"\r\n      date-shown="dateReferralStarted"\r\n    ></sqm-referral-table-date-column> </sqm-referral-table\r\n></sqm-portal-container>\r\n';var Rc='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r\n\r\n<html\r\n  xmlns="http://www.w3.org/1999/xhtml"\r\n  xmlns:o="urn:schemas-microsoft-com:office:office"\r\n  xmlns:v="urn:schemas-microsoft-com:vml"\r\n>\r\n  <head>\r\n    \x3c!--[if gte mso 9\r\n      ]><xml\r\n        ><o:OfficeDocumentSettings\r\n          ><o:AllowPNG /><o:PixelsPerInch\r\n            >96</o:PixelsPerInch\r\n          ></o:OfficeDocumentSettings\r\n        ></xml\r\n      ><!\r\n    [endif]--\x3e\r\n    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />\r\n    <meta content="width=device-width" name="viewport" />\r\n    \x3c!--[if !mso]>\x3c!--\x3e\r\n    <meta content="IE=edge" http-equiv="X-UA-Compatible" />\r\n    \x3c!--<![endif]--\x3e\r\n    <title></title>\r\n    \x3c!--[if !mso]>\x3c!--\x3e\r\n    \x3c!--<![endif]--\x3e\r\n    <style type="text/css">\r\n      body {\r\n        margin: 0;\r\n        padding: 0;\r\n      }\r\n\r\n      table,\r\n      td,\r\n      tr {\r\n        vertical-align: top;\r\n        border-collapse: collapse;\r\n      }\r\n\r\n      * {\r\n        line-height: inherit;\r\n      }\r\n\r\n      a[x-apple-data-detectors="true"] {\r\n        color: inherit !important;\r\n        text-decoration: none !important;\r\n      }\r\n    </style>\r\n    <style id="media-query" type="text/css">\r\n      @media (max-width: 520px) {\r\n        .block-grid,\r\n        .col {\r\n          min-width: 320px !important;\r\n          max-width: 100% !important;\r\n          display: block !important;\r\n        }\r\n\r\n        .block-grid {\r\n          width: 100% !important;\r\n        }\r\n\r\n        .col {\r\n          width: 100% !important;\r\n        }\r\n\r\n        .col_cont {\r\n          margin: 0 auto;\r\n        }\r\n\r\n        img.fullwidth,\r\n        img.fullwidthOnMobile {\r\n          max-width: 100% !important;\r\n        }\r\n\r\n        .no-stack .col {\r\n          min-width: 0 !important;\r\n          display: table-cell !important;\r\n        }\r\n\r\n        .no-stack.two-up .col {\r\n          width: 50% !important;\r\n        }\r\n\r\n        .no-stack .col.num2 {\r\n          width: 16.6% !important;\r\n        }\r\n\r\n        .no-stack .col.num3 {\r\n          width: 25% !important;\r\n        }\r\n\r\n        .no-stack .col.num4 {\r\n          width: 33% !important;\r\n        }\r\n\r\n        .no-stack .col.num5 {\r\n          width: 41.6% !important;\r\n        }\r\n\r\n        .no-stack .col.num6 {\r\n          width: 50% !important;\r\n        }\r\n\r\n        .no-stack .col.num7 {\r\n          width: 58.3% !important;\r\n        }\r\n\r\n        .no-stack .col.num8 {\r\n          width: 66.6% !important;\r\n        }\r\n\r\n        .no-stack .col.num9 {\r\n          width: 75% !important;\r\n        }\r\n\r\n        .no-stack .col.num10 {\r\n          width: 83.3% !important;\r\n        }\r\n\r\n        .video-block {\r\n          max-width: none !important;\r\n        }\r\n\r\n        .mobile_hide {\r\n          min-height: 0px;\r\n          max-height: 0px;\r\n          max-width: 0px;\r\n          display: none;\r\n          overflow: hidden;\r\n          font-size: 0px;\r\n        }\r\n\r\n        .desktop_hide {\r\n          display: block !important;\r\n          max-height: none !important;\r\n        }\r\n      }\r\n    </style>\r\n    <style id="icon-media-query" type="text/css">\r\n      @media (max-width: 520px) {\r\n        .icons-inner {\r\n          text-align: center;\r\n        }\r\n\r\n        .icons-inner td {\r\n          margin: 0 auto;\r\n        }\r\n      }\r\n    </style>\r\n  </head>\r\n  <body\r\n    class="clean-body"\r\n    style="\r\n      margin: 0;\r\n      padding: 0;\r\n      -webkit-text-size-adjust: 100%;\r\n      background-color: #ffffff;\r\n    "\r\n  >\r\n    \x3c!--[if IE]><div class="ie-browser"><![endif]--\x3e\r\n    <table\r\n      bgcolor="#FFFFFF"\r\n      cellpadding="0"\r\n      cellspacing="0"\r\n      class="nl-container"\r\n      role="presentation"\r\n      style="\r\n        table-layout: fixed;\r\n        vertical-align: top;\r\n        min-width: 320px;\r\n        border-spacing: 0;\r\n        border-collapse: collapse;\r\n        mso-table-lspace: 0pt;\r\n        mso-table-rspace: 0pt;\r\n        background-color: #ffffff;\r\n        width: 100%;\r\n      "\r\n      valign="top"\r\n      width="100%"\r\n    >\r\n      <tbody>\r\n        <tr style="vertical-align: top" valign="top">\r\n          <td style="word-break: break-word; vertical-align: top" valign="top">\r\n            \x3c!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#FFFFFF"><![endif]--\x3e\r\n            <div style="background-color: transparent">\r\n              <div\r\n                class="block-grid"\r\n                style="\r\n                  min-width: 320px;\r\n                  max-width: 500px;\r\n                  overflow-wrap: break-word;\r\n                  word-wrap: break-word;\r\n                  word-break: break-word;\r\n                  margin: 0 auto;\r\n                  background-color: transparent;\r\n                "\r\n              >\r\n                <div\r\n                  style="\r\n                    border-collapse: collapse;\r\n                    display: table;\r\n                    width: 100%;\r\n                    background-color: transparent;\r\n                  "\r\n                >\r\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\r\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\r\n                  <div\r\n                    class="col num12"\r\n                    style="\r\n                      min-width: 320px;\r\n                      max-width: 500px;\r\n                      display: table-cell;\r\n                      vertical-align: top;\r\n                      width: 500px;\r\n                    "\r\n                  >\r\n                    <div class="col_cont" style="width: 100% !important">\r\n                      \x3c!--[if (!mso)&(!IE)]>\x3c!--\x3e\r\n                      <div\r\n                        style="\r\n                          border-top: 0px solid transparent;\r\n                          border-left: 0px solid transparent;\r\n                          border-bottom: 0px solid transparent;\r\n                          border-right: 0px solid transparent;\r\n                          padding-top: 5px;\r\n                          padding-bottom: 5px;\r\n                          padding-right: 0px;\r\n                          padding-left: 0px;\r\n                        "\r\n                      >\r\n                        \x3c!--<![endif]--\x3e\r\n                        <table\r\n                          cellpadding="0"\r\n                          cellspacing="0"\r\n                          role="presentation"\r\n                          style="\r\n                            table-layout: fixed;\r\n                            vertical-align: top;\r\n                            border-spacing: 0;\r\n                            border-collapse: collapse;\r\n                            mso-table-lspace: 0pt;\r\n                            mso-table-rspace: 0pt;\r\n                          "\r\n                          valign="top"\r\n                          width="100%"\r\n                        >\r\n                          <tr style="vertical-align: top" valign="top">\r\n                            <td\r\n                              align="center"\r\n                              style="\r\n                                word-break: break-word;\r\n                                vertical-align: top;\r\n                                padding-bottom: 20px;\r\n                                padding-left: 10px;\r\n                                padding-right: 10px;\r\n                                padding-top: 10px;\r\n                                text-align: center;\r\n                                width: 100%;\r\n                              "\r\n                              valign="top"\r\n                              width="100%"\r\n                            >\r\n                              <h1\r\n                                style="\r\n                                  color: #444445;\r\n                                  direction: ltr;\r\n                                  font-family: \'Helvetica Neue\', Helvetica,\r\n                                    Arial, sans-serif;\r\n                                  font-size: 20px;\r\n                                  font-weight: normal;\r\n                                  letter-spacing: normal;\r\n                                  line-height: 120%;\r\n                                  text-align: left;\r\n                                  margin-top: 0;\r\n                                  margin-bottom: 0;\r\n                                "\r\n                              >\r\n                                <strong>Reset your password</strong>\r\n                              </h1>\r\n                            </td>\r\n                          </tr>\r\n                        </table>\r\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\r\n                        <div\r\n                          style="\r\n                            color: #444445;\r\n                            font-family: Arial, Helvetica Neue, Helvetica,\r\n                              sans-serif;\r\n                            line-height: 1.8;\r\n                            padding-top: 10px;\r\n                            padding-right: 10px;\r\n                            padding-bottom: 10px;\r\n                            padding-left: 10px;\r\n                          "\r\n                        >\r\n                          <div\r\n                            class="txtTinyMce-wrapper"\r\n                            style="\r\n                              font-size: 14px;\r\n                              line-height: 1.8;\r\n                              color: #444445;\r\n                              font-family: Arial, Helvetica Neue, Helvetica,\r\n                                sans-serif;\r\n                              mso-line-height-alt: 25px;\r\n                            "\r\n                          >\r\n                            <p\r\n                              style="\r\n                                margin: 0;\r\n                                font-size: 14px;\r\n                                line-height: 1.8;\r\n                                word-break: break-word;\r\n                                mso-line-height-alt: 25px;\r\n                                margin-top: 0;\r\n                                margin-bottom: 0;\r\n                              "\r\n                            >\r\n                              <span style="font-size: 14px"\r\n                                >We received a request to reset your password.\r\n                                Click the button below to reset your\r\n                                password.</span\r\n                              >\r\n                            </p>\r\n                          </div>\r\n                        </div>\r\n                        <div\r\n                          align="center"\r\n                          class="button-container"\r\n                          style="\r\n                            padding-top: 10px;\r\n                            padding-right: 10px;\r\n                            padding-bottom: 10px;\r\n                            padding-left: 10px;\r\n                          "\r\n                        >\r\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"><!\r\n                          [endif]--\x3e<a\r\n                            href="{{validationLink}}"\r\n                            target="_blank"\r\n                            style="\r\n                              -webkit-text-size-adjust: none;\r\n                              text-decoration: none;\r\n                              display: block;\r\n                              color: #ffffff;\r\n                              background-color: #2270ee;\r\n                              border-radius: 5px;\r\n                              -webkit-border-radius: 5px;\r\n                              -moz-border-radius: 5px;\r\n                              width: 100%;\r\n                              width: calc(100% - 2px);\r\n                              border-top: 1px solid #2270ee;\r\n                              border-right: 1px solid #2270ee;\r\n                              border-bottom: 1px solid #2270ee;\r\n                              border-left: 1px solid #2270ee;\r\n                              padding-top: 5px;\r\n                              padding-bottom: 5px;\r\n                              font-family: \'Helvetica Neue\', Helvetica, Arial,\r\n                                sans-serif;\r\n                              text-align: center;\r\n                              mso-border-alt: none;\r\n                              word-break: keep-all;\r\n                            "\r\n                            target="_blank"\r\n                            ><span\r\n                              style="\r\n                                padding-left: 20px;\r\n                                padding-right: 20px;\r\n                                font-size: 14px;\r\n                                display: inline-block;\r\n                                letter-spacing: undefined;\r\n                              "\r\n                              ><span\r\n                                style="\r\n                                  font-size: 16px;\r\n                                  line-height: 2;\r\n                                  word-break: break-word;\r\n                                  mso-line-height-alt: 32px;\r\n                                "\r\n                                ><span\r\n                                  style="font-size: 14px; line-height: 28px"\r\n                                  >Reset Password</span\r\n                                ></span\r\n                              ></span\r\n                            ></a\r\n                          >\r\n                          \x3c!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]--\x3e\r\n                        </div>\r\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\r\n                        <div\r\n                          style="\r\n                            color: #444445;\r\n                            font-family: Arial, Helvetica Neue, Helvetica,\r\n                              sans-serif;\r\n                            line-height: 1.2;\r\n                            padding-top: 15px;\r\n                            padding-right: 10px;\r\n                            padding-bottom: 15px;\r\n                            padding-left: 10px;\r\n                          "\r\n                        >\r\n                          <div\r\n                            class="txtTinyMce-wrapper"\r\n                            style="\r\n                              font-size: 14px;\r\n                              line-height: 1.2;\r\n                              color: #444445;\r\n                              font-family: Arial, Helvetica Neue, Helvetica,\r\n                                sans-serif;\r\n                              mso-line-height-alt: 17px;\r\n                            "\r\n                          >\r\n                            <p\r\n                              style="\r\n                                margin: 0;\r\n                                font-size: 12px;\r\n                                line-height: 1.2;\r\n                                word-break: break-word;\r\n                                mso-line-height-alt: 14px;\r\n                                margin-top: 0;\r\n                                margin-bottom: 0;\r\n                              "\r\n                            >\r\n                              <span style="font-size: 12px"\r\n                                >If you didn\'t request a password reset please\r\n                                ignore this email. Your password will not\r\n                                change.</span\r\n                              >\r\n                            </p>\r\n                          </div>\r\n                        </div>\r\n                        \x3c!--[if mso]></td></tr></table><![endif]--\x3e\r\n                        \x3c!--[if (!mso)&(!IE)]>\x3c!--\x3e\r\n                      </div>\r\n                      \x3c!--<![endif]--\x3e\r\n                    </div>\r\n                  </div>\r\n                  \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\r\n                  \x3c!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--\x3e\r\n                </div>\r\n              </div>\r\n            </div>\r\n            \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n    \x3c!--[if (IE)]></div><![endif]--\x3e\r\n  </body>\r\n</html>';var Ic='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r\n\r\n<html\r\n  xmlns="http://www.w3.org/1999/xhtml"\r\n  xmlns:o="urn:schemas-microsoft-com:office:office"\r\n  xmlns:v="urn:schemas-microsoft-com:vml"\r\n>\r\n  <head>\r\n    \x3c!--[if gte mso 9\r\n      ]><xml\r\n        ><o:OfficeDocumentSettings\r\n          ><o:AllowPNG /><o:PixelsPerInch\r\n            >96</o:PixelsPerInch\r\n          ></o:OfficeDocumentSettings\r\n        ></xml\r\n      ><!\r\n    [endif]--\x3e\r\n    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />\r\n    <meta content="width=device-width" name="viewport" />\r\n    \x3c!--[if !mso]>\x3c!--\x3e\r\n    <meta content="IE=edge" http-equiv="X-UA-Compatible" />\r\n    \x3c!--<![endif]--\x3e\r\n    <title></title>\r\n    \x3c!--[if !mso]>\x3c!--\x3e\r\n    \x3c!--<![endif]--\x3e\r\n    <style type="text/css">\r\n      body {\r\n        margin: 0;\r\n        padding: 0;\r\n      }\r\n\r\n      table,\r\n      td,\r\n      tr {\r\n        vertical-align: top;\r\n        border-collapse: collapse;\r\n      }\r\n\r\n      * {\r\n        line-height: inherit;\r\n      }\r\n\r\n      a[x-apple-data-detectors="true"] {\r\n        color: inherit !important;\r\n        text-decoration: none !important;\r\n      }\r\n    </style>\r\n    <style id="media-query" type="text/css">\r\n      @media (max-width: 520px) {\r\n        .block-grid,\r\n        .col {\r\n          min-width: 320px !important;\r\n          max-width: 100% !important;\r\n          display: block !important;\r\n        }\r\n\r\n        .block-grid {\r\n          width: 100% !important;\r\n        }\r\n\r\n        .col {\r\n          width: 100% !important;\r\n        }\r\n\r\n        .col_cont {\r\n          margin: 0 auto;\r\n        }\r\n\r\n        img.fullwidth,\r\n        img.fullwidthOnMobile {\r\n          max-width: 100% !important;\r\n        }\r\n\r\n        .no-stack .col {\r\n          min-width: 0 !important;\r\n          display: table-cell !important;\r\n        }\r\n\r\n        .no-stack.two-up .col {\r\n          width: 50% !important;\r\n        }\r\n\r\n        .no-stack .col.num2 {\r\n          width: 16.6% !important;\r\n        }\r\n\r\n        .no-stack .col.num3 {\r\n          width: 25% !important;\r\n        }\r\n\r\n        .no-stack .col.num4 {\r\n          width: 33% !important;\r\n        }\r\n\r\n        .no-stack .col.num5 {\r\n          width: 41.6% !important;\r\n        }\r\n\r\n        .no-stack .col.num6 {\r\n          width: 50% !important;\r\n        }\r\n\r\n        .no-stack .col.num7 {\r\n          width: 58.3% !important;\r\n        }\r\n\r\n        .no-stack .col.num8 {\r\n          width: 66.6% !important;\r\n        }\r\n\r\n        .no-stack .col.num9 {\r\n          width: 75% !important;\r\n        }\r\n\r\n        .no-stack .col.num10 {\r\n          width: 83.3% !important;\r\n        }\r\n\r\n        .video-block {\r\n          max-width: none !important;\r\n        }\r\n\r\n        .mobile_hide {\r\n          min-height: 0px;\r\n          max-height: 0px;\r\n          max-width: 0px;\r\n          display: none;\r\n          overflow: hidden;\r\n          font-size: 0px;\r\n        }\r\n\r\n        .desktop_hide {\r\n          display: block !important;\r\n          max-height: none !important;\r\n        }\r\n      }\r\n    </style>\r\n    <style id="icon-media-query" type="text/css">\r\n      @media (max-width: 520px) {\r\n        .icons-inner {\r\n          text-align: center;\r\n        }\r\n\r\n        .icons-inner td {\r\n          margin: 0 auto;\r\n        }\r\n      }\r\n    </style>\r\n  </head>\r\n  <body\r\n    class="clean-body"\r\n    style="\r\n      margin: 0;\r\n      padding: 0;\r\n      -webkit-text-size-adjust: 100%;\r\n      background-color: #ffffff;\r\n    "\r\n  >\r\n    \x3c!--[if IE]><div class="ie-browser"><![endif]--\x3e\r\n    <table\r\n      bgcolor="#FFFFFF"\r\n      cellpadding="0"\r\n      cellspacing="0"\r\n      class="nl-container"\r\n      role="presentation"\r\n      style="\r\n        table-layout: fixed;\r\n        vertical-align: top;\r\n        min-width: 320px;\r\n        border-spacing: 0;\r\n        border-collapse: collapse;\r\n        mso-table-lspace: 0pt;\r\n        mso-table-rspace: 0pt;\r\n        background-color: #ffffff;\r\n        width: 100%;\r\n      "\r\n      valign="top"\r\n      width="100%"\r\n    >\r\n      <tbody>\r\n        <tr style="vertical-align: top" valign="top">\r\n          <td style="word-break: break-word; vertical-align: top" valign="top">\r\n            \x3c!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#FFFFFF"><![endif]--\x3e\r\n            <div style="background-color: transparent">\r\n              <div\r\n                class="block-grid"\r\n                style="\r\n                  min-width: 320px;\r\n                  max-width: 500px;\r\n                  overflow-wrap: break-word;\r\n                  word-wrap: break-word;\r\n                  word-break: break-word;\r\n                  margin: 0 auto;\r\n                  background-color: transparent;\r\n                "\r\n              >\r\n                <div\r\n                  style="\r\n                    border-collapse: collapse;\r\n                    display: table;\r\n                    width: 100%;\r\n                    background-color: transparent;\r\n                  "\r\n                >\r\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\r\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\r\n                  <div\r\n                    class="col num12"\r\n                    style="\r\n                      min-width: 320px;\r\n                      max-width: 500px;\r\n                      display: table-cell;\r\n                      vertical-align: top;\r\n                      width: 500px;\r\n                    "\r\n                  >\r\n                    <div class="col_cont" style="width: 100% !important">\r\n                      \x3c!--[if (!mso)&(!IE)]>\x3c!--\x3e\r\n                      <div\r\n                        style="\r\n                          border-top: 0px solid transparent;\r\n                          border-left: 0px solid transparent;\r\n                          border-bottom: 0px solid transparent;\r\n                          border-right: 0px solid transparent;\r\n                          padding-top: 5px;\r\n                          padding-bottom: 5px;\r\n                          padding-right: 0px;\r\n                          padding-left: 0px;\r\n                        "\r\n                      >\r\n                        \x3c!--<![endif]--\x3e\r\n                        <table\r\n                          cellpadding="0"\r\n                          cellspacing="0"\r\n                          role="presentation"\r\n                          style="\r\n                            table-layout: fixed;\r\n                            vertical-align: top;\r\n                            border-spacing: 0;\r\n                            border-collapse: collapse;\r\n                            mso-table-lspace: 0pt;\r\n                            mso-table-rspace: 0pt;\r\n                          "\r\n                          valign="top"\r\n                          width="100%"\r\n                        >\r\n                          <tr style="vertical-align: top" valign="top">\r\n                            <td\r\n                              align="center"\r\n                              style="\r\n                                word-break: break-word;\r\n                                vertical-align: top;\r\n                                padding-bottom: 20px;\r\n                                padding-left: 10px;\r\n                                padding-right: 10px;\r\n                                padding-top: 10px;\r\n                                text-align: center;\r\n                                width: 100%;\r\n                              "\r\n                              valign="top"\r\n                              width="100%"\r\n                            >\r\n                              <h1\r\n                                style="\r\n                                  color: #444445;\r\n                                  direction: ltr;\r\n                                  font-family: \'Helvetica Neue\', Helvetica,\r\n                                    Arial, sans-serif;\r\n                                  font-size: 20px;\r\n                                  font-weight: normal;\r\n                                  letter-spacing: normal;\r\n                                  line-height: 120%;\r\n                                  text-align: left;\r\n                                  margin-top: 0;\r\n                                  margin-bottom: 0;\r\n                                "\r\n                              >\r\n                                <strong>Verify your email address</strong>\r\n                              </h1>\r\n                            </td>\r\n                          </tr>\r\n                        </table>\r\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\r\n                        <div\r\n                          style="\r\n                            color: #444445;\r\n                            font-family: Arial, Helvetica Neue, Helvetica,\r\n                              sans-serif;\r\n                            line-height: 1.8;\r\n                            padding-top: 10px;\r\n                            padding-right: 10px;\r\n                            padding-bottom: 10px;\r\n                            padding-left: 10px;\r\n                          "\r\n                        >\r\n                          <div\r\n                            class="txtTinyMce-wrapper"\r\n                            style="\r\n                              font-size: 14px;\r\n                              line-height: 1.8;\r\n                              color: #444445;\r\n                              font-family: Arial, Helvetica Neue, Helvetica,\r\n                                sans-serif;\r\n                              mso-line-height-alt: 25px;\r\n                            "\r\n                          >\r\n                            <p\r\n                              style="\r\n                                margin: 0;\r\n                                font-size: 14px;\r\n                                line-height: 1.8;\r\n                                word-break: break-word;\r\n                                mso-line-height-alt: 25px;\r\n                                margin-top: 0;\r\n                                margin-bottom: 0;\r\n                              "\r\n                            >\r\n                              <span style="font-size: 14px"\r\n                                >Thank you for signing up! Please click the button below\r\n                                to verify your email address.</span\r\n                              >\r\n                            </p>\r\n                          </div>\r\n                        </div>\r\n                        \x3c!--[if mso]></td></tr></table><![endif]--\x3e\r\n                        <div\r\n                          align="center"\r\n                          class="button-container"\r\n                          style="\r\n                            padding-top: 10px;\r\n                            padding-right: 10px;\r\n                            padding-bottom: 10px;\r\n                            padding-left: 10px;\r\n                          "\r\n                        >\r\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"><!\r\n                          [endif]--\x3e<a\r\n                            href={{validationLink}}\r\n\t\t\t\t\t\t\ttarget="_blank"\r\n                            style="\r\n                              -webkit-text-size-adjust: none;\r\n                              text-decoration: none;\r\n                              display: block;\r\n                              color: #ffffff;\r\n                              background-color: #2270ee;\r\n                              border-radius: 5px;\r\n                              -webkit-border-radius: 5px;\r\n                              -moz-border-radius: 5px;\r\n                              width: 100%;\r\n                              width: calc(100% - 2px);\r\n                              border-top: 1px solid #2270ee;\r\n                              border-right: 1px solid #2270ee;\r\n                              border-bottom: 1px solid #2270ee;\r\n                              border-left: 1px solid #2270ee;\r\n                              padding-top: 5px;\r\n                              padding-bottom: 5px;\r\n                              font-family: \'Helvetica Neue\', Helvetica, Arial,\r\n                                sans-serif;\r\n                              text-align: center;\r\n                              mso-border-alt: none;\r\n                              word-break: keep-all;\r\n                            "\r\n                            target="_blank"\r\n                            ><span\r\n                              style="\r\n                                padding-left: 20px;\r\n                                padding-right: 20px;\r\n                                font-size: 14px;\r\n                                display: inline-block;\r\n                                letter-spacing: undefined;\r\n                              "\r\n                              ><span\r\n                                style="\r\n                                  font-size: 16px;\r\n                                  line-height: 2;\r\n                                  word-break: break-word;\r\n                                  mso-line-height-alt: 32px;\r\n                                "\r\n                                ><span\r\n                                  style="font-size: 14px; line-height: 28px"\r\n                                  >Verify Email</span\r\n                                ></span\r\n                              ></span\r\n                            ></a\r\n                          >\r\n                          \x3c!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]--\x3e\r\n                        </div>\r\n                      \x3c!--<![endif]--\x3e\r\n                    </div>\r\n                  </div>\r\n                  \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\r\n                  \x3c!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--\x3e\r\n                </div>\r\n              </div>\r\n            </div>\r\n            \x3c!--[if (mso)|(IE)]></td></tr></table><![endif]--\x3e\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n    \x3c!--[if (IE)]></div><![endif]--\x3e\r\n  </body>\r\n</html>';var Sc='<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">\r\n  <sqm-portal-login></sqm-portal-login>\r\n</sqm-hero>\r\n';var Pc='<sqm-hero\r\n  background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"\r\n>\r\n  <sqm-portal-register>\r\n    <sqm-name-fields slot="formData"></sqm-name-fields>\r\n  </sqm-portal-register>\r\n</sqm-hero>\r\n';var Nc='<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">\r\n  <sqm-portal-forgot-password\r\n    email-label="Business Email"\r\n  ></sqm-portal-forgot-password>\r\n</sqm-hero>\r\n';var Fc='<sqm-portal-reset-password confirm-password="true"></sqm-portal-reset-password>\r\n';var Lc="<sqm-portal-verify-email></sqm-portal-verify-email>\r\n";var Bc='<sqm-portal-protected-route redirect-to="/login"></sqm-portal-protected-route>\r\n<sqm-portal-email-verification></sqm-portal-email-verification>\r\n';var Oc=l((function(e,r){(function(r,t){e.exports=t()})(a,(function(){function e(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}function r(r,t,n){if(t)e(r.prototype,t);if(n)e(r,n);return r}function t(e,r){if(!e)return;if(typeof e==="string")return n(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor)t=e.constructor.name;if(t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return n(e,r)}function n(e,r){if(r==null||r>e.length)r=e.length;for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function a(e,r){var n=typeof Symbol!=="undefined"&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=t(e))||r&&e&&typeof e.length==="number"){if(n)e=n;var a=0;return function(){if(a>=e.length)return{done:true};return{done:false,value:e[a++]}}}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 i={exports:{}};function s(){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){i.exports.defaults=e}i.exports={defaults:s(),getDefaults:s,changeDefaults:o};var l=/[&<>"']/;var u=/[&<>"']/g;var d=/[<>"']|&(?!#?\w+;)/;var c=/[<>"']|&(?!#?\w+;)/g;var m={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};var p=function e(r){return m[r]};function h(e,r){if(r){if(l.test(e)){return e.replace(u,p)}}else{if(d.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,r){r=r.toLowerCase();if(r==="colon")return":";if(r.charAt(0)==="#"){return r.charAt(1)==="x"?String.fromCharCode(parseInt(r.substring(2),16)):String.fromCharCode(+r.substring(1))}return""}))}var b=/(^|[^\[])\^/g;function v(e,r){e=e.source||e;r=r||"";var t={replace:function r(n,a){a=a.source||a;a=a.replace(b,"$1");e=e.replace(n,a);return t},getRegex:function t(){return new RegExp(e,r)}};return t}var w=/[^\w:]/g;var x=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function y(e,r,t){if(e){var n;try{n=decodeURIComponent(f(t)).replace(w,"").toLowerCase()}catch(e){return null}if(n.indexOf("javascript:")===0||n.indexOf("vbscript:")===0||n.indexOf("data:")===0){return null}}if(r&&!x.test(t)){t=D(r,t)}try{t=encodeURI(t).replace(/%25/g,"%")}catch(e){return null}return t}var E={};var q=/^[^:]+:\/*[^/]*$/;var A=/^([^:]+:)[\s\S]*$/;var k=/^([^:]+:\/*[^/]*)[\s\S]*$/;function D(e,r){if(!E[" "+e]){if(q.test(e)){E[" "+e]=e+"/"}else{E[" "+e]=R(e,"/",true)}}e=E[" "+e];var t=e.indexOf(":")===-1;if(r.substring(0,2)==="//"){if(t){return r}return e.replace(A,"$1")+r}else if(r.charAt(0)==="/"){if(t){return r}return e.replace(k,"$1")+r}else{return e+r}}var C={exec:function e(){}};function _(e){var r=1,t,n;for(;r<arguments.length;r++){t=arguments[r];for(n in t){if(Object.prototype.hasOwnProperty.call(t,n)){e[n]=t[n]}}}return e}function T(e,r){var t=e.replace(/\|/g,(function(e,r,t){var n=false,a=r;while(--a>=0&&t[a]==="\\"){n=!n}if(n){return"|"}else{return" |"}})),n=t.split(/ \|/);var a=0;if(!n[0].trim()){n.shift()}if(!n[n.length-1].trim()){n.pop()}if(n.length>r){n.splice(r)}else{while(n.length<r){n.push("")}}for(;a<n.length;a++){n[a]=n[a].trim().replace(/\\\|/g,"|")}return n}function R(e,r,t){var n=e.length;if(n===0){return""}var a=0;while(a<n){var i=e.charAt(n-a-1);if(i===r&&!t){a++}else if(i!==r&&t){a++}else{break}}return e.substr(0,n-a)}function I(e,r){if(e.indexOf(r[1])===-1){return-1}var t=e.length;var n=0,a=0;for(;a<t;a++){if(e[a]==="\\"){a++}else if(e[a]===r[0]){n++}else if(e[a]===r[1]){n--;if(n<0){return a}}}return-1}function S(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,r){if(r<1){return""}var t="";while(r>1){if(r&1){t+=e}r>>=1;e+=e}return t+e}var N={escape:h,unescape:f,edit:v,cleanUrl:y,resolveUrl:D,noopTest:C,merge:_,splitCells:T,rtrim:R,findClosingBracket:I,checkSanitizeDeprecation:S,repeatString:P};var F=i.exports.defaults;var L=N.rtrim,B=N.splitCells,O=N.escape,G=N.findClosingBracket;function j(e,r,t,n){var a=r.href;var i=r.title?O(r.title):null;var s=e[1].replace(/\\([\[\]])/g,"$1");if(e[0].charAt(0)!=="!"){n.state.inLink=true;var o={type:"link",raw:t,href:a,title:i,text:s,tokens:n.inlineTokens(s,[])};n.state.inLink=false;return o}else{return{type:"image",raw:t,href:a,title:i,text:O(s)}}}function V(e,r){var t=e.match(/^(\s+)(?:```)/);if(t===null){return r}var n=t[1];return r.split("\n").map((function(e){var r=e.match(/^\s+/);if(r===null){return e}var t=r[0];if(t.length>=n.length){return e.slice(n.length)}return e})).join("\n")}var z=function(){function e(e){this.options=e||F}var r=e.prototype;r.space=function e(r){var t=this.rules.block.newline.exec(r);if(t){if(t[0].length>1){return{type:"space",raw:t[0]}}return{raw:"\n"}}};r.code=function e(r){var t=this.rules.block.code.exec(r);if(t){var n=t[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:!this.options.pedantic?L(n,"\n"):n}}};r.fences=function e(r){var t=this.rules.block.fences.exec(r);if(t){var n=t[0];var a=V(n,t[3]||"");return{type:"code",raw:n,lang:t[2]?t[2].trim():t[2],text:a}}};r.heading=function e(r){var t=this.rules.block.heading.exec(r);if(t){var n=t[2].trim();if(/#$/.test(n)){var a=L(n,"#");if(this.options.pedantic){n=a.trim()}else if(!a||/ $/.test(a)){n=a.trim()}}var i={type:"heading",raw:t[0],depth:t[1].length,text:n,tokens:[]};this.lexer.inline(i.text,i.tokens);return i}};r.hr=function e(r){var t=this.rules.block.hr.exec(r);if(t){return{type:"hr",raw:t[0]}}};r.blockquote=function e(r){var t=this.rules.block.blockquote.exec(r);if(t){var n=t[0].replace(/^ *> ?/gm,"");return{type:"blockquote",raw:t[0],tokens:this.lexer.blockTokens(n,[]),text:n}}};r.list=function e(r){var t=this.rules.block.list.exec(r);if(t){var n,a,i,s,o,l,u,d,c,m;var p=t[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(r){if(this.rules.block.hr.test(r)){break}if(!(t=g.exec(r))){break}c=t[2].split("\n");if(this.options.pedantic){s=2;m=c[0].trimLeft()}else{s=t[2].search(/[^ ]/);s=t[1].length+(s>4?1:s);m=c[0].slice(s-t[1].length)}l=false;n=t[0];if(!c[0]&&/^ *$/.test(c[1])){n=t[1]+c.slice(0,2).join("\n")+"\n";e.loose=true;c=[]}var f=new RegExp("^ {0,"+Math.min(3,s-1)+"}(?:[*+-]|\\d{1,9}[.)])");for(o=1;o<c.length;o++){d=c[o];if(this.options.pedantic){d=d.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")}if(f.test(d)){n=t[1]+c.slice(0,o).join("\n")+"\n";break}if(!l){if(!d.trim()){l=true}if(d.search(/[^ ]/)>=s){m+="\n"+d.slice(s)}else{m+="\n"+d}continue}if(d.search(/[^ ]/)>=s||!d.trim()){m+="\n"+d.slice(s);continue}else{n=t[1]+c.slice(0,o).join("\n")+"\n";break}}if(!e.loose){if(u){e.loose=true}else if(/\n *\n *$/.test(n)){u=true}}if(this.options.gfm){a=/^\[[ xX]\] /.exec(m);if(a){i=a[0]!=="[ ] ";m=m.replace(/^\[[ xX]\] +/,"")}}e.items.push({type:"list_item",raw:n,task:!!a,checked:i,loose:false,text:m});e.raw+=n;r=r.slice(n.length)}e.items[e.items.length-1].raw=n.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}};r.html=function e(r){var t=this.rules.block.html.exec(r);if(t){var n={type:"html",raw:t[0],pre:!this.options.sanitizer&&(t[1]==="pre"||t[1]==="script"||t[1]==="style"),text:t[0]};if(this.options.sanitize){n.type="paragraph";n.text=this.options.sanitizer?this.options.sanitizer(t[0]):O(t[0]);n.tokens=[];this.lexer.inline(n.text,n.tokens)}return n}};r.def=function e(r){var t=this.rules.block.def.exec(r);if(t){if(t[3])t[3]=t[3].substring(1,t[3].length-1);var n=t[1].toLowerCase().replace(/\s+/g," ");return{type:"def",tag:n,raw:t[0],href:t[2],title:t[3]}}};r.table=function e(r){var t=this.rules.block.table.exec(r);if(t){var n={type:"table",header:B(t[1]).map((function(e){return{text:e}})),align:t[2].replace(/^ *|\| *$/g,"").split(/ *\| */),rows:t[3]?t[3].replace(/\n$/,"").split("\n"):[]};if(n.header.length===n.align.length){n.raw=t[0];var a=n.align.length;var i,s,o,l;for(i=0;i<a;i++){if(/^ *-+: *$/.test(n.align[i])){n.align[i]="right"}else if(/^ *:-+: *$/.test(n.align[i])){n.align[i]="center"}else if(/^ *:-+ *$/.test(n.align[i])){n.align[i]="left"}else{n.align[i]=null}}a=n.rows.length;for(i=0;i<a;i++){n.rows[i]=B(n.rows[i],n.header.length).map((function(e){return{text:e}}))}a=n.header.length;for(s=0;s<a;s++){n.header[s].tokens=[];this.lexer.inlineTokens(n.header[s].text,n.header[s].tokens)}a=n.rows.length;for(s=0;s<a;s++){l=n.rows[s];for(o=0;o<l.length;o++){l[o].tokens=[];this.lexer.inlineTokens(l[o].text,l[o].tokens)}}return n}}};r.lheading=function e(r){var t=this.rules.block.lheading.exec(r);if(t){var n={type:"heading",raw:t[0],depth:t[2].charAt(0)==="="?1:2,text:t[1],tokens:[]};this.lexer.inline(n.text,n.tokens);return n}};r.paragraph=function e(r){var t=this.rules.block.paragraph.exec(r);if(t){var n={type:"paragraph",raw:t[0],text:t[1].charAt(t[1].length-1)==="\n"?t[1].slice(0,-1):t[1],tokens:[]};this.lexer.inline(n.text,n.tokens);return n}};r.text=function e(r){var t=this.rules.block.text.exec(r);if(t){var n={type:"text",raw:t[0],text:t[0],tokens:[]};this.lexer.inline(n.text,n.tokens);return n}};r.escape=function e(r){var t=this.rules.inline.escape.exec(r);if(t){return{type:"escape",raw:t[0],text:O(t[1])}}};r.tag=function e(r){var t=this.rules.inline.tag.exec(r);if(t){if(!this.lexer.state.inLink&&/^<a /i.test(t[0])){this.lexer.state.inLink=true}else if(this.lexer.state.inLink&&/^<\/a>/i.test(t[0])){this.lexer.state.inLink=false}if(!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(t[0])){this.lexer.state.inRawBlock=true}else if(this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0])){this.lexer.state.inRawBlock=false}return{type:this.options.sanitize?"text":"html",raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(t[0]):O(t[0]):t[0]}}};r.link=function e(r){var t=this.rules.inline.link.exec(r);if(t){var n=t[2].trim();if(!this.options.pedantic&&/^</.test(n)){if(!/>$/.test(n)){return}var a=L(n.slice(0,-1),"\\");if((n.length-a.length)%2===0){return}}else{var i=G(t[2],"()");if(i>-1){var s=t[0].indexOf("!")===0?5:4;var o=s+t[1].length+i;t[2]=t[2].substring(0,i);t[0]=t[0].substring(0,o).trim();t[3]=""}}var l=t[2];var u="";if(this.options.pedantic){var e=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(l);if(e){l=e[1];u=e[3]}}else{u=t[3]?t[3].slice(1,-1):""}l=l.trim();if(/^</.test(l)){if(this.options.pedantic&&!/>$/.test(n)){l=l.slice(1)}else{l=l.slice(1,-1)}}return j(t,{href:l?l.replace(this.rules.inline._escapes,"$1"):l,title:u?u.replace(this.rules.inline._escapes,"$1"):u},t[0],this.lexer)}};r.reflink=function e(r,t){var n;if((n=this.rules.inline.reflink.exec(r))||(n=this.rules.inline.nolink.exec(r))){var a=(n[2]||n[1]).replace(/\s+/g," ");a=t[a.toLowerCase()];if(!a||!a.href){var i=n[0].charAt(0);return{type:"text",raw:i,text:i}}return j(n,a,n[0],this.lexer)}};r.emStrong=function e(r,t,n){if(n===void 0){n=""}var a=this.rules.inline.emStrong.lDelim.exec(r);if(!a)return;if(a[3]&&n.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 i=a[1]||a[2]||"";if(!i||i&&(n===""||this.rules.inline.punctuation.exec(n))){var s=a[0].length-1;var o,l,u=s,d=0;var c=a[0][0]==="*"?this.rules.inline.emStrong.rDelimAst:this.rules.inline.emStrong.rDelimUnd;c.lastIndex=0;t=t.slice(-1*r.length+s);while((a=c.exec(t))!=null){o=a[1]||a[2]||a[3]||a[4]||a[5]||a[6];if(!o)continue;l=o.length;if(a[3]||a[4]){u+=l;continue}else if(a[5]||a[6]){if(s%3&&!((s+l)%3)){d+=l;continue}}u-=l;if(u>0)continue;l=Math.min(l,l+u+d);if(Math.min(s,l)%2){var m=r.slice(1,s+a.index+l);return{type:"em",raw:r.slice(0,s+a.index+l+1),text:m,tokens:this.lexer.inlineTokens(m,[])}}var p=r.slice(2,s+a.index+l-1);return{type:"strong",raw:r.slice(0,s+a.index+l+1),text:p,tokens:this.lexer.inlineTokens(p,[])}}}};r.codespan=function e(r){var t=this.rules.inline.code.exec(r);if(t){var n=t[2].replace(/\n/g," ");var a=/[^ ]/.test(n);var i=/^ /.test(n)&&/ $/.test(n);if(a&&i){n=n.substring(1,n.length-1)}n=O(n,true);return{type:"codespan",raw:t[0],text:n}}};r.br=function e(r){var t=this.rules.inline.br.exec(r);if(t){return{type:"br",raw:t[0]}}};r.del=function e(r){var t=this.rules.inline.del.exec(r);if(t){return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2],[])}}};r.autolink=function e(r,t){var n=this.rules.inline.autolink.exec(r);if(n){var a,i;if(n[2]==="@"){a=O(this.options.mangle?t(n[1]):n[1]);i="mailto:"+a}else{a=O(n[1]);i=a}return{type:"link",raw:n[0],text:a,href:i,tokens:[{type:"text",raw:a,text:a}]}}};r.url=function e(r,t){var n;if(n=this.rules.inline.url.exec(r)){var a,i;if(n[2]==="@"){a=O(this.options.mangle?t(n[0]):n[0]);i="mailto:"+a}else{var s;do{s=n[0];n[0]=this.rules.inline._backpedal.exec(n[0])[0]}while(s!==n[0]);a=O(n[0]);if(n[1]==="www."){i="http://"+a}else{i=a}}return{type:"link",raw:n[0],text:a,href:i,tokens:[{type:"text",raw:a,text:a}]}}};r.inlineText=function e(r,t){var n=this.rules.inline.text.exec(r);if(n){var a;if(this.lexer.state.inRawBlock){a=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(n[0]):O(n[0]):n[0]}else{a=O(this.options.smartypants?t(n[0]):n[0])}return{type:"text",raw:n[0],text:a}}};return e}();var M=N.noopTest,W=N.edit,U=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:M,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=W(H.def).replace("label",H._label).replace("title",H._title).getRegex();H.bullet=/(?:[*+-]|\d{1,9}[.)])/;H.listItemStart=W(/^( *)(bull) */).replace("bull",H.bullet).getRegex();H.list=W(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=W(H.html,"i").replace("comment",H._comment).replace("tag",H._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex();H.paragraph=W(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=W(H.blockquote).replace("paragraph",H.paragraph).getRegex();H.normal=U({},H);H.gfm=U({},H.normal,{table:"^ *([^\\n ].*\\|.*)\\n"+" {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?"+"(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"});H.gfm.table=W(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=U({},H.normal,{html:W("^ *(?: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:M,paragraph:W(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 J={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:M,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:M,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\spunctuation])/};J._punctuation="!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~";J.punctuation=W(J.punctuation).replace(/punctuation/g,J._punctuation).getRegex();J.blockSkip=/\[[^\]]*?\]\([^\)]*?\)|`[^`]*?`|<[^>]*?>/g;J.escapedEmSt=/\\\*|\\_/g;J._comment=W(H._comment).replace("(?:--\x3e|$)","--\x3e").getRegex();J.emStrong.lDelim=W(J.emStrong.lDelim).replace(/punct/g,J._punctuation).getRegex();J.emStrong.rDelimAst=W(J.emStrong.rDelimAst,"g").replace(/punct/g,J._punctuation).getRegex();J.emStrong.rDelimUnd=W(J.emStrong.rDelimUnd,"g").replace(/punct/g,J._punctuation).getRegex();J._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g;J._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/;J._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])?)+(?![-_])/;J.autolink=W(J.autolink).replace("scheme",J._scheme).replace("email",J._email).getRegex();J._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/;J.tag=W(J.tag).replace("comment",J._comment).replace("attribute",J._attribute).getRegex();J._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/;J._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/;J._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/;J.link=W(J.link).replace("label",J._label).replace("href",J._href).replace("title",J._title).getRegex();J.reflink=W(J.reflink).replace("label",J._label).getRegex();J.reflinkSearch=W(J.reflinkSearch,"g").replace("reflink",J.reflink).replace("nolink",J.nolink).getRegex();J.normal=U({},J);J.pedantic=U({},J.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:W(/^!?\[(label)\]\((.*?)\)/).replace("label",J._label).getRegex(),reflink:W(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",J._label).getRegex()});J.gfm=U({},J.normal,{escape:W(J.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.!#$%&'*+\/=?_`{\|}~-]+@)))/});J.gfm.url=W(J.gfm.url,"i").replace("email",J.gfm._extended_email).getRegex();J.breaks=U({},J.gfm,{br:W(J.br).replace("{2,}","*").getRegex(),text:W(J.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()});var $={block:H,inline:J};var K=z;var X=i.exports.defaults;var Y=$.block,Z=$.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 re(e){var r="",t,n;var a=e.length;for(t=0;t<a;t++){n=e.charCodeAt(t);if(Math.random()>.5){n="x"+n.toString(16)}r+="&#"+n+";"}return r}var te=function(){function e(e){this.tokens=[];this.tokens.links=Object.create(null);this.options=e||X;this.options.tokenizer=this.options.tokenizer||new K;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 r={block:Y.normal,inline:Z.normal};if(this.options.pedantic){r.block=Y.pedantic;r.inline=Z.pedantic}else if(this.options.gfm){r.block=Y.gfm;if(this.options.breaks){r.inline=Z.breaks}else{r.inline=Z.gfm}}this.tokenizer.rules=r}e.lex=function r(t,n){var a=new e(n);return a.lex(t)};e.lexInline=function r(t,n){var a=new e(n);return a.inlineTokens(t)};var t=e.prototype;t.lex=function e(r){r=r.replace(/\r\n|\r/g,"\n").replace(/\t/g,"    ");this.blockTokens(r,this.tokens);var t;while(t=this.inlineQueue.shift()){this.inlineTokens(t.src,t.tokens)}return this.tokens};t.blockTokens=function e(r,t){var n=this;if(t===void 0){t=[]}if(this.options.pedantic){r=r.replace(/^ +$/gm,"")}var a,i,s,o;while(r){if(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some((function(e){if(a=e.call({lexer:n},r,t)){r=r.substring(a.raw.length);t.push(a);return true}return false}))){continue}if(a=this.tokenizer.space(r)){r=r.substring(a.raw.length);if(a.type){t.push(a)}continue}if(a=this.tokenizer.code(r)){r=r.substring(a.raw.length);i=t[t.length-1];if(i&&(i.type==="paragraph"||i.type==="text")){i.raw+="\n"+a.raw;i.text+="\n"+a.text;this.inlineQueue[this.inlineQueue.length-1].src=i.text}else{t.push(a)}continue}if(a=this.tokenizer.fences(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.heading(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.hr(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.blockquote(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.list(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.html(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.def(r)){r=r.substring(a.raw.length);i=t[t.length-1];if(i&&(i.type==="paragraph"||i.type==="text")){i.raw+="\n"+a.raw;i.text+="\n"+a.raw;this.inlineQueue[this.inlineQueue.length-1].src=i.text}else if(!this.tokens.links[a.tag]){this.tokens.links[a.tag]={href:a.href,title:a.title}}continue}if(a=this.tokenizer.table(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.lheading(r)){r=r.substring(a.raw.length);t.push(a);continue}s=r;if(this.options.extensions&&this.options.extensions.startBlock){(function(){var e=Infinity;var t=r.slice(1);var a=void 0;n.options.extensions.startBlock.forEach((function(r){a=r.call({lexer:this},t);if(typeof a==="number"&&a>=0){e=Math.min(e,a)}}));if(e<Infinity&&e>=0){s=r.substring(0,e+1)}})()}if(this.state.top&&(a=this.tokenizer.paragraph(s))){i=t[t.length-1];if(o&&i.type==="paragraph"){i.raw+="\n"+a.raw;i.text+="\n"+a.text;this.inlineQueue.pop();this.inlineQueue[this.inlineQueue.length-1].src=i.text}else{t.push(a)}o=s.length!==r.length;r=r.substring(a.raw.length);continue}if(a=this.tokenizer.text(r)){r=r.substring(a.raw.length);i=t[t.length-1];if(i&&i.type==="text"){i.raw+="\n"+a.raw;i.text+="\n"+a.text;this.inlineQueue.pop();this.inlineQueue[this.inlineQueue.length-1].src=i.text}else{t.push(a)}continue}if(r){var l="Infinite loop on byte: "+r.charCodeAt(0);if(this.options.silent){console.error(l);break}else{throw new Error(l)}}}this.state.top=true;return t};t.inline=function e(r,t){this.inlineQueue.push({src:r,tokens:t})};t.inlineTokens=function e(r,t){var n=this;if(t===void 0){t=[]}var a,i,s;var o=r;var l;var u,d;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(r){if(!u){d=""}u=false;if(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some((function(e){if(a=e.call({lexer:n},r,t)){r=r.substring(a.raw.length);t.push(a);return true}return false}))){continue}if(a=this.tokenizer.escape(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.tag(r)){r=r.substring(a.raw.length);i=t[t.length-1];if(i&&a.type==="text"&&i.type==="text"){i.raw+=a.raw;i.text+=a.text}else{t.push(a)}continue}if(a=this.tokenizer.link(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.reflink(r,this.tokens.links)){r=r.substring(a.raw.length);i=t[t.length-1];if(i&&a.type==="text"&&i.type==="text"){i.raw+=a.raw;i.text+=a.text}else{t.push(a)}continue}if(a=this.tokenizer.emStrong(r,o,d)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.codespan(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.br(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.del(r)){r=r.substring(a.raw.length);t.push(a);continue}if(a=this.tokenizer.autolink(r,re)){r=r.substring(a.raw.length);t.push(a);continue}if(!this.state.inLink&&(a=this.tokenizer.url(r,re))){r=r.substring(a.raw.length);t.push(a);continue}s=r;if(this.options.extensions&&this.options.extensions.startInline){(function(){var e=Infinity;var t=r.slice(1);var a=void 0;n.options.extensions.startInline.forEach((function(r){a=r.call({lexer:this},t);if(typeof a==="number"&&a>=0){e=Math.min(e,a)}}));if(e<Infinity&&e>=0){s=r.substring(0,e+1)}})()}if(a=this.tokenizer.inlineText(s,ee)){r=r.substring(a.raw.length);if(a.raw.slice(-1)!=="_"){d=a.raw.slice(-1)}u=true;i=t[t.length-1];if(i&&i.type==="text"){i.raw+=a.raw;i.text+=a.text}else{t.push(a)}continue}if(r){var m="Infinite loop on byte: "+r.charCodeAt(0);if(this.options.silent){console.error(m);break}else{throw new Error(m)}}}return t};r(e,null,[{key:"rules",get:function e(){return{block:Y,inline:Z}}}]);return e}();var ne=i.exports.defaults;var ae=N.cleanUrl,ie=N.escape;var se=function(){function e(e){this.options=e||ne}var r=e.prototype;r.code=function e(r,t,n){var a=(t||"").match(/\S*/)[0];if(this.options.highlight){var i=this.options.highlight(r,a);if(i!=null&&i!==r){n=true;r=i}}r=r.replace(/\n$/,"")+"\n";if(!a){return"<pre><code>"+(n?r:ie(r,true))+"</code></pre>\n"}return'<pre><code class="'+this.options.langPrefix+ie(a,true)+'">'+(n?r:ie(r,true))+"</code></pre>\n"};r.blockquote=function e(r){return"<blockquote>\n"+r+"</blockquote>\n"};r.html=function e(r){return r};r.heading=function e(r,t,n,a){if(this.options.headerIds){return"<h"+t+' id="'+this.options.headerPrefix+a.slug(n)+'">'+r+"</h"+t+">\n"}return"<h"+t+">"+r+"</h"+t+">\n"};r.hr=function e(){return this.options.xhtml?"<hr/>\n":"<hr>\n"};r.list=function e(r,t,n){var a=t?"ol":"ul",i=t&&n!==1?' start="'+n+'"':"";return"<"+a+i+">\n"+r+"</"+a+">\n"};r.listitem=function e(r){return"<li>"+r+"</li>\n"};r.checkbox=function e(r){return"<input "+(r?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "};r.paragraph=function e(r){return"<p>"+r+"</p>\n"};r.table=function e(r,t){if(t)t="<tbody>"+t+"</tbody>";return"<table>\n"+"<thead>\n"+r+"</thead>\n"+t+"</table>\n"};r.tablerow=function e(r){return"<tr>\n"+r+"</tr>\n"};r.tablecell=function e(r,t){var n=t.header?"th":"td";var a=t.align?"<"+n+' align="'+t.align+'">':"<"+n+">";return a+r+"</"+n+">\n"};r.strong=function e(r){return"<strong>"+r+"</strong>"};r.em=function e(r){return"<em>"+r+"</em>"};r.codespan=function e(r){return"<code>"+r+"</code>"};r.br=function e(){return this.options.xhtml?"<br/>":"<br>"};r.del=function e(r){return"<del>"+r+"</del>"};r.link=function e(r,t,n){r=ae(this.options.sanitize,this.options.baseUrl,r);if(r===null){return n}var a='<a href="'+ie(r)+'"';if(t){a+=' title="'+t+'"'}a+=">"+n+"</a>";return a};r.image=function e(r,t,n){r=ae(this.options.sanitize,this.options.baseUrl,r);if(r===null){return n}var a='<img src="'+r+'" alt="'+n+'"';if(t){a+=' title="'+t+'"'}a+=this.options.xhtml?"/>":">";return a};r.text=function e(r){return r};return e}();var oe=function(){function e(){}var r=e.prototype;r.strong=function e(r){return r};r.em=function e(r){return r};r.codespan=function e(r){return r};r.del=function e(r){return r};r.html=function e(r){return r};r.text=function e(r){return r};r.link=function e(r,t,n){return""+n};r.image=function e(r,t,n){return""+n};r.br=function e(){return""};return e}();var le=function(){function e(){this.seen={}}var r=e.prototype;r.serialize=function e(r){return r.toLowerCase().trim().replace(/<[!\/a-z].*?>/gi,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")};r.getNextSafeSlug=function e(r,t){var n=r;var a=0;if(this.seen.hasOwnProperty(n)){a=this.seen[r];do{a++;n=r+"-"+a}while(this.seen.hasOwnProperty(n))}if(!t){this.seen[r]=a;this.seen[n]=0}return n};r.slug=function e(r,t){if(t===void 0){t={}}var e=this.serialize(r);return this.getNextSafeSlug(e,t.dryrun)};return e}();var ue=se;var de=oe;var ce=le;var me=i.exports.defaults;var pe=N.unescape;var he=function(){function e(e){this.options=e||me;this.options.renderer=this.options.renderer||new ue;this.renderer=this.options.renderer;this.renderer.options=this.options;this.textRenderer=new de;this.slugger=new ce}e.parse=function r(t,n){var a=new e(n);return a.parse(t)};e.parseInline=function r(t,n){var a=new e(n);return a.parseInline(t)};var r=e.prototype;r.parse=function e(r,t){if(t===void 0){t=true}var n="",a,i,s,o,l,u,d,c,m,p,h,g,f,b,v,w,x,y,E;var q=r.length;for(a=0;a<q;a++){p=r[a];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[p.type]){E=this.options.extensions.renderers[p.type].call({parser:this},p);if(E!==false||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(p.type)){n+=E||"";continue}}switch(p.type){case"space":{continue}case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(p.tokens),p.depth,pe(this.parseInline(p.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(p.text,p.lang,p.escaped);continue}case"table":{c="";d="";o=p.header.length;for(i=0;i<o;i++){d+=this.renderer.tablecell(this.parseInline(p.header[i].tokens),{header:true,align:p.align[i]})}c+=this.renderer.tablerow(d);m="";o=p.rows.length;for(i=0;i<o;i++){u=p.rows[i];d="";l=u.length;for(s=0;s<l;s++){d+=this.renderer.tablecell(this.parseInline(u[s].tokens),{header:false,align:p.align[s]})}m+=this.renderer.tablerow(d)}n+=this.renderer.table(c,m);continue}case"blockquote":{m=this.parse(p.tokens);n+=this.renderer.blockquote(m);continue}case"list":{h=p.ordered;g=p.start;f=p.loose;o=p.items.length;m="";for(i=0;i<o;i++){v=p.items[i];w=v.checked;x=v.task;b="";if(v.task){y=this.renderer.checkbox(w);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,x,w)}n+=this.renderer.list(m,h,g);continue}case"html":{n+=this.renderer.html(p.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(p.tokens));continue}case"text":{m=p.tokens?this.parseInline(p.tokens):p.text;while(a+1<q&&r[a+1].type==="text"){p=r[++a];m+="\n"+(p.tokens?this.parseInline(p.tokens):p.text)}n+=t?this.renderer.paragraph(m):m;continue}default:{var A='Token with "'+p.type+'" type was not found.';if(this.options.silent){console.error(A);return}else{throw new Error(A)}}}}return n};r.parseInline=function e(r,t){t=t||this.renderer;var n="",a,i,s;var o=r.length;for(a=0;a<o;a++){i=r[a];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[i.type]){s=this.options.extensions.renderers[i.type].call({parser:this},i);if(s!==false||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(i.type)){n+=s||"";continue}}switch(i.type){case"escape":{n+=t.text(i.text);break}case"html":{n+=t.html(i.text);break}case"link":{n+=t.link(i.href,i.title,this.parseInline(i.tokens,t));break}case"image":{n+=t.image(i.href,i.title,i.text);break}case"strong":{n+=t.strong(this.parseInline(i.tokens,t));break}case"em":{n+=t.em(this.parseInline(i.tokens,t));break}case"codespan":{n+=t.codespan(i.text);break}case"br":{n+=t.br();break}case"del":{n+=t.del(this.parseInline(i.tokens,t));break}case"text":{n+=t.text(i.text);break}default:{var l='Token with "'+i.type+'" type was not found.';if(this.options.silent){console.error(l);return}else{throw new Error(l)}}}}return n};return e}();var ge=te;var fe=he;var be=z;var ve=se;var we=oe;var xe=le;var ye=N.merge,Ee=N.checkSanitizeDeprecation,qe=N.escape;var Ae=i.exports.getDefaults,ke=i.exports.changeDefaults,De=i.exports.defaults;function Ce(e,r,t){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 r==="function"){t=r;r=null}r=ye({},Ce.defaults,r||{});Ee(r);if(t){var n=r.highlight;var a;try{a=ge.lex(e,r)}catch(e){return t(e)}var i=function e(i){var s;if(!i){try{if(r.walkTokens){Ce.walkTokens(a,r.walkTokens)}s=fe.parse(a,r)}catch(e){i=e}}r.highlight=n;return i?t(i):t(null,s)};if(!n||n.length<3){return i()}delete r.highlight;if(!a.length)return i();var s=0;Ce.walkTokens(a,(function(e){if(e.type==="code"){s++;setTimeout((function(){n(e.text,e.lang,(function(r,t){if(r){return i(r)}if(t!=null&&t!==e.text){e.text=t;e.escaped=true}s--;if(s===0){i()}}))}),0)}}));if(s===0){i()}return}try{var o=ge.lex(e,r);if(r.walkTokens){Ce.walkTokens(o,r.walkTokens)}return fe.parse(o,r)}catch(e){e.message+="\nPlease report this to https://github.com/markedjs/marked.";if(r.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=Ae;Ce.defaults=De;Ce.use=function(){var e=this;for(var r=arguments.length,t=new Array(r),n=0;n<r;n++){t[n]=arguments[n]}var a=ye.apply(void 0,[{}].concat(t));var i=Ce.defaults.extensions||{renderers:{},childTokens:{}};var s;t.forEach((function(r){if(r.extensions){s=true;r.extensions.forEach((function(e){if(!e.name){throw new Error("extension name required")}if(e.renderer){var r=i.renderers?i.renderers[e.name]:null;if(r){i.renderers[e.name]=function(){for(var t=arguments.length,n=new Array(t),a=0;a<t;a++){n[a]=arguments[a]}var i=e.renderer.apply(this,n);if(i===false){i=r.apply(this,n)}return i}}else{i.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(i[e.level]){i[e.level].unshift(e.tokenizer)}else{i[e.level]=[e.tokenizer]}if(e.start){if(e.level==="block"){if(i.startBlock){i.startBlock.push(e.start)}else{i.startBlock=[e.start]}}else if(e.level==="inline"){if(i.startInline){i.startInline.push(e.start)}else{i.startInline=[e.start]}}}}if(e.childTokens){i.childTokens[e.name]=e.childTokens}}))}if(r.renderer){(function(){var e=Ce.defaults.renderer||new ve;var t=function t(n){var a=e[n];e[n]=function(){for(var t=arguments.length,i=new Array(t),s=0;s<t;s++){i[s]=arguments[s]}var o=r.renderer[n].apply(e,i);if(o===false){o=a.apply(e,i)}return o}};for(var n in r.renderer){t(n)}a.renderer=e})()}if(r.tokenizer){(function(){var e=Ce.defaults.tokenizer||new be;var t=function t(n){var a=e[n];e[n]=function(){for(var t=arguments.length,i=new Array(t),s=0;s<t;s++){i[s]=arguments[s]}var o=r.tokenizer[n].apply(e,i);if(o===false){o=a.apply(e,i)}return o}};for(var n in r.tokenizer){t(n)}a.tokenizer=e})()}if(r.walkTokens){var t=Ce.defaults.walkTokens;a.walkTokens=function(n){r.walkTokens.call(e,n);if(t){t(n)}}}if(s){a.extensions=i}Ce.setOptions(a)}))};Ce.walkTokens=function(e,r){var t=function e(){var t=i.value;r(t);switch(t.type){case"table":{for(var n=a(t.header),s;!(s=n()).done;){var o=s.value;Ce.walkTokens(o.tokens,r)}for(var l=a(t.rows),u;!(u=l()).done;){var d=u.value;for(var c=a(d),m;!(m=c()).done;){var p=m.value;Ce.walkTokens(p.tokens,r)}}break}case"list":{Ce.walkTokens(t.items,r);break}default:{if(Ce.defaults.extensions&&Ce.defaults.extensions.childTokens&&Ce.defaults.extensions.childTokens[t.type]){Ce.defaults.extensions.childTokens[t.type].forEach((function(e){Ce.walkTokens(t[e],r)}))}else if(t.tokens){Ce.walkTokens(t.tokens,r)}}}};for(var n=a(e),i;!(i=n()).done;){t()}};Ce.parseInline=function(e,r){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")}r=ye({},Ce.defaults,r||{});Ee(r);try{var t=ge.lexInline(e,r);if(r.walkTokens){Ce.walkTokens(t,r.walkTokens)}return fe.parseInline(t,r)}catch(e){e.message+="\nPlease report this to https://github.com/markedjs/marked.";if(r.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=we;Ce.Lexer=ge;Ce.lexer=ge.lex;Ce.Tokenizer=be;Ce.Slugger=xe;Ce.parse=Ce;var _e=Ce;return _e}))}));var Gc='# sqm-portal-login\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property              | Attribute               | Description | Type                                                                                                                                                                                                                                                            | Default                     |\r\n| --------------------- | ----------------------- | ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- |\r\n| `demoData`            | --                      |             | `{ states?: { error: string; loading: boolean; forgotPasswordPath: string; registerPath: string; }; content?: { forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }` | `undefined`                 |\r\n| `emailLabel`          | `email-label`           |             | `string`                                                                                                                                                                                                                                                        | `"Email"`                   |\r\n| `forgotPasswordLabel` | `forgot-password-label` |             | `string`                                                                                                                                                                                                                                                        | `"Forgot Password?"`        |\r\n| `forgotPasswordPath`  | `forgot-password-path`  |             | `string`                                                                                                                                                                                                                                                        | `"/forgotPassword"`         |\r\n| `nextPage`            | `next-page`             |             | `string`                                                                                                                                                                                                                                                        | `"/"`                       |\r\n| `pageLabel`           | `page-label`            |             | `string`                                                                                                                                                                                                                                                        | `"Sign in to your account"` |\r\n| `passwordLabel`       | `password-label`        |             | `string`                                                                                                                                                                                                                                                        | `"Password"`                |\r\n| `registerLabel`       | `register-label`        |             | `string`                                                                                                                                                                                                                                                        | `"Register"`                |\r\n| `registerPath`        | `register-path`         |             | `string`                                                                                                                                                                                                                                                        | `"/register"`               |\r\n| `submitLabel`         | `submit-label`          |             | `string`                                                                                                                                                                                                                                                        | `"Sign In"`                 |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-login --\x3e sqm-form-message\r\n  sqm-stencilbook --\x3e sqm-portal-login\r\n  style sqm-portal-login fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var jc='# sqm-referral-iframe\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property       | Attribute       | Description | Type                                                                                                                           | Default     |\r\n| -------------- | --------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------ | ----------- |\r\n| `demoData`     | --              |             | `{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }` | `undefined` |\r\n| `iframeHeight` | `iframe-height` |             | `string`                                                                                                                       | `"100%"`    |\r\n| `iframeSrc`    | `iframe-src`    |             | `string`                                                                                                                       | `undefined` |\r\n| `iframeWidth`  | `iframe-width`  |             | `string`                                                                                                                       | `"100%"`    |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-stencilbook --\x3e sqm-referral-iframe\r\n  style sqm-referral-iframe fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var Vc='# sqm-portal-forgot-password\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property       | Attribute       | Description                                                          | Type                                                                                                                                                                                        | Default                    |\r\n| -------------- | --------------- | -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- |\r\n| `demoData`     | --              |                                                                      | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }` | `undefined`                |\r\n| `emailLabel`   | `email-label`   |                                                                      | `string`                                                                                                                                                                                    | `"Email"`                  |\r\n| `loginPath`    | `login-path`    |                                                                      | `string`                                                                                                                                                                                    | `"/login"`                 |\r\n| `redirectPath` | `redirect-path` | The page that users are redirected to from the password reset email. | `string`                                                                                                                                                                                    | `"/resetPassword"`         |\r\n| `submitLabel`  | `submit-label`  |                                                                      | `string`                                                                                                                                                                                    | `"Request Password Reset"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-forgot-password --\x3e sqm-form-message\r\n  style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var zc='# sqm-portal-register\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\n\n\n## Properties\n\n| Property                   | Attribute                    | Description                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                   | Default              |\n| -------------------------- | ---------------------------- | ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\n| `confirmPassword`          | `confirm-password`           |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `false`              |\n| `confirmPasswordLabel`     | `confirm-password-label`     |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Confirm Password"` |\n| `demoData`                 | --                           |                                                                    | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; }` | `undefined`          |\n| `emailLabel`               | `email-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Email"`            |\n| `enablePasswordValidation` | `enable-password-validation` |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `true`               |\n| `hideInputs`               | `hide-inputs`                |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `false`              |\n| `loginLabel`               | `login-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Sign in"`          |\n| `loginPath`                | `login-path`                 |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"/login"`           |\n| `nextPage`                 | `next-page`                  |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"/"`                |\n| `pageLabel`                | `page-label`                 |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Register"`         |\n| `passwordLabel`            | `password-label`             |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Password"`         |\n| `redirectPath`             | `redirect-path`              | The page that users are redirected to from the verification email. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"/verifyEmail"`     |\n| `submitLabel`              | `submit-label`               |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Register"`         |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n- [sqm-password-field](../sqm-password-field)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-register --\x3e sqm-form-message\n  sqm-portal-register --\x3e sqm-password-field\n  sqm-stencilbook --\x3e sqm-portal-register\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n';var Mc='# sqm-portal-profile\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property                 | Attribute                   | Description | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default                  |\r\n| ------------------------ | --------------------------- | ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |\r\n| `countrytext`            | `countrytext`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Country"`              |\r\n| `demoData`               | --                          |             | `{ states?: { success: boolean; loading: boolean; submitDisabled: boolean; showCountry: boolean; formState: { country: string; firstName: string; lastName: string; errors: any; error: string; }; user: { id: string; accountId: string; firstName: string; lastName: string; email: string; countryCode: string; }; text: { firstnametext: string; lastnametext: string; emailtext: string; countrytext: string; editProfileHeader: string; editProfileSubHeader: string; submitChangeButtonText: string; }; }; }` | `undefined`              |\r\n| `editProfileHeader`      | `edit-profile-header`       |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Edit your profile"`    |\r\n| `editProfileSubHeader`   | `edit-profile-sub-header`   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Personal Information"` |\r\n| `emailtext`              | `emailtext`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Email"`                |\r\n| `firstnametext`          | `firstnametext`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"First Name"`           |\r\n| `lastnametext`           | `lastnametext`              |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Last Name"`            |\r\n| `showCountry`            | `show-country`              |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `true`                   |\r\n| `submitChangeButtonText` | `submit-change-button-text` |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Submit Changes"`       |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-profile --\x3e sqm-form-message\r\n  style sqm-portal-profile fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var Wc='# sqm-portal-reset-password\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property                    | Attribute                      | Description                                                                                      | Type                                                                                                                                                                                                                                                                                                                                                                                                 | Default                 |\r\n| --------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- |\r\n| `confirmPassword`           | `confirm-password`             |                                                                                                  | `boolean`                                                                                                                                                                                                                                                                                                                                                                                            | `false`                 |\r\n| `confirmPasswordFieldLabel` | `confirm-password-field-label` |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"Confirm Password"`    |\r\n| `continueButtonText`        | `continue-button-text`         | Displayed after a successful password reset                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"Continue"`            |\r\n| `demoData`                  | --                             |                                                                                                  | `{ states?: { error: string; loading: boolean; reset: boolean; confirmPassword: boolean; oobCodeValidating: boolean; oobCodeValid: boolean; passwordDemoData?: PasswordFieldViewDemoProps; content: { passwordResetHeader: string; resetPasswordHeader: string; continueButtonText: string; resetPasswordButtonText: string; confirmPasswordFieldLabel: string; passwordFieldLabel: string; }; }; }` | `undefined`             |\r\n| `failedPage`                | `failed-page`                  | The page that users are redirected to if the reset fails due to outdated password reset attempt. | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"/"`                   |\r\n| `nextPage`                  | `next-page`                    | The page that users are redirected to when the password reset succeeds.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"/"`                   |\r\n| `passwordFieldLabel`        | `password-field-label`         |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"New Password"`        |\r\n| `passwordResetHeader`       | `password-reset-header`        | Displayed after a successful password reset                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"Password reset"`      |\r\n| `resetPasswordButtonText`   | `reset-password-button-text`   |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"Reset Password"`      |\r\n| `resetPasswordHeader`       | `reset-password-header`        |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `"Reset your password"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-reset-password --\x3e sqm-form-message\r\n  sqm-portal-reset-password --\x3e sqm-password-field\r\n  style sqm-portal-reset-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var Uc='# sqm-portal-email-verification\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property                  | Attribute                   | Description                                                        | Type                                                                                                                                                                                        | Default                                                                                           |\r\n| ------------------------- | --------------------------- | ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |\r\n| `demoData`                | --                          |                                                                    | `{ states?: { error: string; loading: boolean; success: boolean; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; }; }` | `undefined`                                                                                       |\r\n| `emailVerificationHeader` | `email-verification-header` |                                                                    | `string`                                                                                                                                                                                    | `"Verify your email"`                                                                             |\r\n| `redirectPath`            | `redirect-path`             | The page that users are redirected to from the verification email. | `string`                                                                                                                                                                                    | `"/verifyEmail"`                                                                                  |\r\n| `resendEmailButtonText`   | `resend-email-button-text`  |                                                                    | `string`                                                                                                                                                                                    | `"Re-send Email"`                                                                                 |\r\n| `verifyMessage`           | `verify-message`            |                                                                    | `string`                                                                                                                                                                                    | `"A verification email was sent to {email}. Please verify your email to continue to the portal."` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-email-verification --\x3e sqm-form-message\r\n  style sqm-portal-email-verification fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var Hc='# sqm-portal-verify-email\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property     | Attribute     | Description                                                                                       | Type                                                                                                 | Default     |\r\n| ------------ | ------------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ----------- |\r\n| `demoData`   | --            |                                                                                                   | `{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; }` | `undefined` |\r\n| `failedPage` | `failed-page` | The page that users are redirected to if verification fails due to outdated verification attempt. | `string`                                                                                             | `"/"`       |\r\n| `nextPage`   | `next-page`   | The page that users are redirected to when the verification succeeds.                             | `string`                                                                                             | `"/"`       |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-verify-email --\x3e sqm-form-message\r\n  style sqm-portal-verify-email fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n';var Jc={title:"Templates / Portal"};function $c(e){var r=s(e),t=r[0],n=r[1];var a=s(e),i=a[0],o=a[1];return{states:{previewTemplate:i,editedTemplate:t},callbacks:{setEditedTemplate:n,setPreviewTemplate:o}}}function Kc(e){var t=e.states,n=e.callbacks,a=e.readme;return[r("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return n.setEditedTemplate(e.target.value)}},t.editedTemplate),r("button",{onClick:function(){return n.setPreviewTemplate(t.editedTemplate)}},"Update Preview"),a?r("details",null,r("summary",null,"Props readme"),r("div",{innerHTML:Oc(a)})):"",r("div",{innerHTML:t.previewTemplate})]}function Xc(e){var t=e.callbacks,n=e.states,a=e.template;return r("div",null,r("button",{onClick:function(){return t.setPreviewTemplate(n.editedTemplate)}},"Update Preview"),r("button",{style:{marginLeft:"10px"},onClick:function(){return t.setPreviewTemplate(a)}},"Preview Dashboard"))}function Yc(e){var t=e.states,n=e.callbacks;return r("div",{style:{height:"50vh"}},r("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return n.setEditedTemplate(e.target.value)}},t.editedTemplate),r(Xc,{states:t,callbacks:n,template:e.template}),r("h2",null,"Navigation"),r("div",{style:{display:"grid",gridTemplateColumns:"repeat(9, 80px)",gridGap:"10px"}},r("button",{onClick:function(){return d.push("/")}},"Dashboard"),e.leadSubmit&&r("button",{onClick:function(){return d.push("/refer")}},"Submit a Referral"),r("button",{onClick:function(){return d.push("/activity")}},"Activity"),r("button",{onClick:function(){return d.push("/editProfile")}},"Edit Profile"),r("button",{onClick:function(){return d.push("/login")}},"Login"),r("button",{onClick:function(){return d.push("/register")}},"Register"),r("button",{onClick:function(){return d.push("/emailVerification")}},"Email Verification"),r("button",{onClick:function(){return d.push("/verifyEmail")}},"Verify Email"),r("button",{onClick:function(){return d.push("/forgotPassword")}},"Forgot Password"),r("button",{onClick:function(){return d.push("/resetPassword")}},"Reset Password")),r("br",null),r("div",{innerHTML:t.previewTemplate}))}var Zc=_a((function(){var e=$c(xc),t=e.states,n=e.callbacks;return r(Yc,{states:t,callbacks:n,template:qc})}));var Qc=_a((function(){var e=$c(Ac),t=e.states,n=e.callbacks;return r(Yc,{states:t,callbacks:n,template:kc})}));var em=_a((function(){var e=$c(yc),t=e.states,n=e.callbacks;return r(Yc,{states:t,callbacks:n,template:Ec,leadSubmit:true})}));var rm=_a((function(){var e=$c(Sc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:Gc})}));var tm=_a((function(){var e=$c(Nc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:Vc})}));var nm=_a((function(){var e=$c(Pc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:zc})}));var am=_a((function(){var e=$c(Dc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n})}));var im=_a((function(){var e=$c(Cc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:jc})}));var sm=_a((function(){var e=$c(Tc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n})}));var om=_a((function(){var e=$c(_c),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:Mc})}));var lm=_a((function(){var e=$c(Fc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:Wc})}));var um=_a((function(){var e=$c(Bc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:Uc})}));var dm=_a((function(){var e=$c(Lc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n,readme:Hc})}));var cm=_a((function(){return r("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:Dc}}})}));var mm=_a((function(){var e=$c(Rc),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n})}));var pm=_a((function(){var e=$c(Ic),t=e.states,n=e.callbacks;return r(Kc,{states:t,callbacks:n})}));var hm=Object.freeze({__proto__:null,default:Jc,DefaultPortal:Zc,MultiProgramPortal:Qc,LeadSubmitPortal:em,Login:rm,ForgotPassword:tm,Register:nm,Dashboard:am,LeadSubmitIframe:im,Activity:sm,EditProfile:om,ResetPassword:lm,EmailVerification:um,EmailVerified:dm,Widget:cm,ResetPasswordEmail:mm,VerifyEmail:pm});var gm={title:"Program Menu"};var fm=_a((function(){return r("sqm-program-menu",null,r("sl-menu-item",{value:"referral-program"},"Referral Program"))}));var bm=_a((function(){return r("sqm-program-menu",null,r("sl-menu-item",{value:"referral-program"},"Referral Program"),r("sl-menu-item",{value:"partner-program"},"Partner Program"))}));var vm=_a((function(){return r("sqm-program-menu",null,r("sl-menu-item",{value:"program1"},"Program 1"),r("sl-menu-item",{value:"program2"},"Program 2"),r("sl-menu-item",{value:"program3"},"Program 3"),r("sl-menu-item",{value:"program4"},"Program 4"),r("sl-menu-item",{value:"program5"},"Program 5"))}));var wm=_a((function(){return r("div",null,r("sqb-program-section",{"program-id":"Vacay-referral"},r("sqm-program-menu",null,r("sl-menu-item",{value:"Vacay-referral"},"Vacay-referral"),r("sl-menu-item",{value:"vacay-affiliates"},"vacay-affiliates")),r("sqb-program-switch",null,r("template",{"program-id":"Vacay-referral"},r("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:Dc}}})),r("template",{"program-id":"vacay-affiliates"},r("sqb-widget",{"widget-type":"p/vacay-affiliates/w/referrerWidget",demoData:{data:{html:Dc}}})))))}));var xm=Object.freeze({__proto__:null,default:gm,OneProgram:fm,TwoProgram:bm,FiveProgram:vm,ProgramMenuWithSwitch:wm});var ym={title:"Powered By"};var Em=function(){return r(R,null)};var qm=function(){return r(R,{color:"salmon"})};var Am=function(){return r(R,{width:300,height:50})};var km=Object.freeze({__proto__:null,default:ym,Default:Em,CustomColor:qm,CustomWidthAndHeight:Am});var Dm='Feature: Portal Footer\r\n\r\n    Background: A user is viewing the portal\r\n        Given a hosted portal\r\n        And a user is viewing the portal\r\n        And the portal has a footer\r\n\r\n    Scenario Outline: FAQ and T&C links/text are configurable and open in a new page when clicked\r\n        Given the footer has prop "terms-link" with value "https://example.com/terms"\r\n        And prop "terms-text" with value "Terms and Conditions"\r\n        And prop "faq-link" with value "https://example.com/FAQ"\r\n        And prop "faq-text" with value "Visit FAQ"\r\n        When a user clicks on the "Visit FAQ" link\r\n        Then they will be redirected to "https://example.com/FAQ" in a new page\r\n        When they go back to the portal\r\n        And click on the "Terms and Conditions" link\r\n        Then they will be redirected to "https://example.com/terms" in a new page\r\n\r\n    Scenario Outline: FAQ/T&C Links are not shown if a link is not provided\r\n        Given the footer does not have <linkProp>\r\n        But it <mayHave> <textProp> with <value>\r\n        Then the <link> will not be shown in the footer\r\n        Examples:\r\n            | linkProp   | mayHave      | textProp  | value                | link     |\r\n            | terms-link | has          | termsText | Terms and Conditions | T&C Link |\r\n            | faq-link   | has          | faqText   | Visit FAQ            | FAQ Link |\r\n            | terms-link | doesn\'t have |           |                      | T&C Link |\r\n            | faq-link   | doesn\'t have |           |                      | FAQ Link |\r\n\r\n    Scenario Outline: The support email and text is configurable but has a default\r\n        Given the footer <mayHave> <emailPropWithValue>\r\n        And the footer <mayAlsoHave> <textPropWithValue>\r\n        Then the footer\'s support email text is <renderedEmailText>\r\n        And the email address will be a mailto link with <mailtoEmail>\r\n        When the user clicks on the email address mailto Link\r\n        Then the users preferred email client will open with a draft email to <mailtoEmail>\r\n        Examples:\r\n            | mayHave      | emailPropWithValue     | mayAlsoHave  | textPropWithValue                  | mailtoEmail            | renderedEmailText                                 |\r\n            | has          | support@saasquatch.com | has          | For support please contact {email} | support@saasquatch.com | For support please contact support@saasquatch.com |\r\n            | doesn\'t have | N/A                    | doesn\'t have | N/A                                | support@example.com    | For program support, contact support@example.com  |\r\n\r\n    Scenario Outline: Powered by SaaSquatch is shown by default\r\n        Given the footer <mayHaveProp> "show-powered-by" with <value>\r\n        Then the powered by SaaSquatch image <mayBeShown>\r\n        Examples:\r\n            | mayHaveProp       | value | mayBeShown  |\r\n            | has prop          | true  | is shown    |\r\n            | has prop          | false | isn\'t shown |\r\n            | has prop          | test  | is shown    |\r\n            | has prop          |       | is shown    |\r\n            | doesn\'t have prop |       | is shown    |\r\n\r\n    Scenario: Powered By Saasquatch links out to "https://saasquatch.com"\r\n        Given the footer has the powered by SaaSquatch image\r\n        When a user clicks on it\r\n        Then they will be redirected to "https://saasquatch.com" in a new page';var Cm={title:"Portal Footer",parameters:{scenario:Dm}};var _m={supportEmail:"support@example.com",supportText:"For program support, contact {email}",showPoweredBy:true,poweredByLink:"https://saasquatch.com",paddingTop:"large",paddingRight:"large",paddingBottom:"large",paddingLeft:"large"};var Tm=function(){return r(I,Object.assign({},_m))};var Rm=function(){return r(I,Object.assign({},_m,{termsLink:"https://example.com",termsText:"Terms and Conditions"}))};var Im=function(){return r(I,Object.assign({},_m,{faqLink:"https://example.com",faqText:"FAQ"}))};var Sm=function(){return r(I,Object.assign({},_m,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ"}))};var Pm=function(){return r(I,Object.assign({},_m,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ",showPoweredBy:false}))};var Nm=Object.freeze({__proto__:null,default:Cm,DefaultFooter:Tm,FooterWithTerms:Rm,FooterWithFAQ:Im,FooterWithTermsAndFAQ:Sm,FooterNoPoweredBy:Pm});var Fm='Feature: Hero Unit\r\n\r\n    Background: A portal with a hero unit exists\r\n        Given a hosted portal\r\n        And the portal has hero unit on the login page\r\n        And a user is viewing the login page\r\n\r\n    Scenario: The hero unit defaults to a single column layout\r\n        Given a hero unit does not have a "columns" prop\r\n        But the following html is wrapped by the hero unit\r\n            """\r\n            <sqm-portal-login></sqm-portal-login>\r\n            <div slot="secondary-column">\r\n            <h1 style="text-align:center">Get Referring!</h1>\r\n            <p style="text-align:center">\r\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim\r\n            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut\r\n            aliquip ex ea commodo consequat. Duis aute irure dolor in\r\n            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\r\n            pariatur.\r\n            </p>\r\n            </div>\r\n            """\r\n        Then only a single column will be displayed\r\n        And within it will be the login component\r\n\r\n    Scenario Outline: The hero unit supports single or dual column layouts\r\n        Given a hero unit with prop "columns" having <columnValue>\r\n        And it wraps <html>\r\n        Then the hero unit displays <columnValue> columns\r\n        Examples:\r\n            | columnValue | html                                                                                              |\r\n            | 1           | <h1>Column 1!</h1>                                                                                |\r\n            | 2           | <h1>Column 1!</h1><div slot="secondary-column"><h1 style="text-align:center">Column 2!</h1></div> |\r\n\r\n    Scenario: HTML to be displayed in the second column comes from the "secondary-column" slot\r\n        Given a hero unit with "columns" "2"\r\n        And the following html\r\n            """\r\n            <h1>Column 1!</h1>\r\n            <div>\r\n            <h1 style="text-align:center">Column 2!</h1>\r\n            </div>\r\n            """\r\n        When the hero unit is rendered\r\n        Then only one column is displayed with content\r\n        And column 1 will contain the "Column 1!" text\r\n        And column 1 will contain the "Column 2!" text\r\n        When the div for column two is updated to have \'slot="secondary-column"\'\r\n        Then the two columns are displayed with content\r\n        And column 1 will contain the "Column 1!" text\r\n        And column 2 will contain the "Column 2!" text\r\n\r\n    Scenario Outline: A background for the hero unit can be set as an image or colour\r\n        Given a hero unit with <backgroundPropValue>\r\n        Then the background will be <background>\r\n        Examples:\r\n            | background                                                  | background               |\r\n            | https://images.unsplash.com/photo-1599676821464-3555954838d | image of misty mountains |\r\n            | LightSlateGrey                                              | light slate grey         |\r\n            | #00FF00                                                     | green                    |\r\n            | rgb(128,0,128)                                              | purple                   |\r\n\r\n    Scenario Outline: Wrap Direction can be configured for mobile experiences\r\n        Given a hero unit with the following HTML\r\n            """\r\n            <h1>Column 1!</h1>\r\n            <div slot="secondary-column">\r\n            <h1 style="text-align:center">Column 2!</h1>\r\n            </div>\r\n            """\r\n        And prop "wrap-direction" has <value>\r\n        When the window width is less than 600px\r\n        Then the two columns will stack\r\n        And <column> will be on top\r\n        Examples:\r\n            | value        | column |\r\n            | wrap         | 1      |\r\n            | wrap-reverse | 2      |\r\n            |              | 1      |';var Lm={title:"Hero Layout",parameters:{scenario:Fm}};var Bm=function(){var e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large"},content:{primaryColumn:[r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("sqm-portal-login",null)]}};return r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Om=function(){var e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large",background:"LightSlateGrey"},content:{primaryColumn:r("sqm-portal-login",null)}};return r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Gm=function(){var e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large",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:r("sqm-portal-login",null)}};return r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var jm=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"large",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:r("sqm-portal-login",null),secondaryColumn:r("div",null,r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("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 r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Vm=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"medium",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:r("sqm-portal-login",null),secondaryColumn:r("div",null,r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("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 r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var zm=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"small",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:r("sqm-portal-login",null),secondaryColumn:r("div",null,r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("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 r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Mm=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"none",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:r("sqm-portal-login",null),secondaryColumn:r("div",null,r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("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 r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Wm=function(){var e={states:{columns:2,wrapDirection:"wrap-reverse",background:"LightSlateGrey",paddingSize:"large",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:r("sqm-portal-change-password",null),secondaryColumn:r("div",null,r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("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 r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Um=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"large"},content:{primaryColumn:r("div",null,r("h1",{style:{textAlign:"center"}},"Get Referring!"),r("sqm-portal-login",null)),secondaryColumn:r("div",null,r("img",{src:"https://images.unsplash.com/photo-1487528278747-ba99ed528ebc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80"}),r("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 r("div",{style:{height:"800px"}},r(A,Object.assign({},e)))};var Hm=Object.freeze({__proto__:null,default:Lm,LoginOneColumn:Bm,LoginOneColumnWithColor:Om,LoginOneColumnWithImage:Gm,TwoColumnLoginLargePadding:jm,TwoColumnLoginMediumPadding:Vm,TwoColumnLoginSmallPadding:zm,TwoColumnLoginNoPadding:Mm,TwoColumnLoginReverseWrap:Wm,TwoColumnLoginWithImgElement:Um});var Jm='@owner:sam\r\n@author:sam\r\n\r\nFeature: Referral Iframe\r\n\r\n  Used to provide an external form for submitting referral leads using the current user\'s referral code\r\n\r\n  Background: A user is logged in\r\n    Given there is a logged in user\r\n\r\n  @motivating\r\n  Scenario: Referral code is passed to the iframe as a query parameter\r\n    Given the "iframe-src" is "https://example.com"\r\n    And the user has navigated to "/refer"\r\n    And the user\'s referral code is "BOBBYREFER"\r\n    When the iframe content is loaded\r\n    Then the iframe url will be "https://example.com?rsCode=BOBBYREFER"\r\n\r\n  @ui\r\n  Scenario Outline: The height and width of the iFrame can be controlled via props\r\n    Given the "iframe-src" is "https://example.com"\r\n    And the iframe content is 1000x1000\r\n    And the "iframe-height" is set to <heightValue>\r\n    And the "iframe-width" is set to <widthValue>\r\n    Then the content of the iframe will be displayed with scrollbars\r\n    And the dimension of the iFrame displayed will be 500x500\r\n    When the "iframe-height" is set to <heightValue>\r\n    And the "iframe-width" is set to <widthValue>\r\n    Then the full content of the iframe will be displayed on the page\r\n    And the dimension of the iFrame displayed will be 1000x1000\r\n    Examples:\r\n      | heightValue | widthValue |\r\n      | 500px       | 500px      |\r\n      | 50%         | 50%        |\r\n\r\n  @minutae\r\n  Scenario Outline: The iFrame will fail fast if a iFrame source isn\'t provided\r\n    Given "iframe-src" <mayBeAnAttribute>\r\n    And it <mayHaveValue>\r\n    When a user views the referral iFrame component\r\n    Then an alert with an error message is displayed in place of the iFrame\r\n    And it has a details section\r\n    When "More details" is clicked\r\n    Then the following information will be displayed\r\n      | component being used |\r\n      | missing attribute(s) |\r\n\r\n    Examples:\r\n      | mayBeAnAttribute    | mayHaveValue |\r\n      | is not an attribute | N/A          |\r\n      | is an attribute     | ""           |\r\n      | is an attribute     |              |';var $m={title:"Referral Iframe",parameters:{scenario:Jm}};var Km={data:{shareCode:"BOBBYREFER"},states:{content:{iframeSrc:"https://example.com",iframeHeight:"100%",iframeWidth:"100%"}}};var Xm=function(){return r("div",{style:{width:"1000px",height:"1000px"}},r(X,Object.assign({},Km)))};var Ym=function(){return r("div",{style:{width:"1000px",height:"1000px"}},r("sqm-referral-iframe",null))};var Zm=Object.freeze({__proto__:null,default:$m,ReferralIframe:Xm,ReferralIframeError:Ym});var Qm='@owner:sam\r\n@author:sam\r\n\r\nFeature: Name Fields\r\n\r\n  Fields to be used to fill the first and last name of a user during registration\r\n\r\n  Background:\r\n    Given the current page is "/register"\r\n\r\n  @motivating\r\n  Scenario: Both first name and last name are required\r\n    Given the email field has valid input\r\n    And the password field has valid input\r\n    And first name field is empty\r\n    And last name field is empty\r\n    When register is clicked\r\n    Then the name fields will be highlighted in red\r\n    And the error messages will say "Cannot be empty"\r\n\r\n  @motivating\r\n  Scenario: First and last name are upserted with the SaaSquatch user\r\n    Given all fields have been filled with data\r\n      | firstName | lastName  | email           | password        |\r\n      | Bob       | Testerson | bob@example.com | SecurePassword1 |\r\n    When register is clicked\r\n    Then the email verification page will be loaded\r\n    And the user will be upserted\r\n    And the SaaSquatch user will contain data\r\n      | firstName | lastName  | email           |\r\n      | Bob       | Testerson | bob@example.com |\r\n\r\n';var ep={title:"Name Fields",parameters:{scenario:Qm}};var rp={states:{validationErrors:undefined,content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}};var tp={states:{validationErrors:{firstName:"Cannot be empty",lastName:"Cannot be empty"},content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}};var np=function(){return r(D,Object.assign({},rp))};var ap=function(){return r(D,Object.assign({},tp))};var ip=Object.freeze({__proto__:null,default:ep,NameFields:np,NameFieldsWithErrors:ap});var sp='@author:derek\r\n@owner:\r\nFeature: Reward Exchange List\r\n\r\n    The Reward Exchange List gives end users the power to exchange their rewards for other rewards.\r\n    It populates a list from the reward exchange rules set up on a given tenant.\r\n\r\n    Background:\r\n        Given a tenant with reward exchange rules\r\n\r\n    @motivating\r\n    Scenario: A Loading Skeleton is displayed when the reward exchange rules are loading\r\n        Given a user\r\n        When they load the reward exchange list\r\n        Then they see a loading Skeleton\r\n        And it has 8 skeleton cards\r\n        When the reward exchange rules have loaded\r\n        Then the skeleton is replaced with reward exchange options\r\n\r\n    @motivating\r\n    Scenario: An error banner appears when the reward exchange list fails to load\r\n        Given a user trying to view the reward exchange list\r\n        But it fails to load\r\n        Then an error banner is displayed\r\n        And it displays "Unable to load reward exchange list. Please try again"\r\n\r\n    @motivating\r\n    Scenario: The exchange progress bar progresses through the exchange process\r\n        Given a user who is eligible for the tenants reward exchange rules\r\n        When they view the reward exchange list\r\n        Then the process bar displays the following elements\r\n            | elements                                                           |\r\n            | Step 1 `Rewards` title in black                                    |\r\n            | Step 1 circle with green outline, white fill and number 1 in green |\r\n            | Step 2 `Select` title in grey                                      |\r\n            | Step 2 circle with grey fill and number 2 in white                 |\r\n            | Step 3 `Confirm` title in grey                                     |\r\n            | Step 3 circle with grey fill and number 3 in white                 |\r\n            | lines between all steps are greyed out                             |\r\n        When they continue to the selection page\r\n        Then the progress bar displays the following elements\r\n            | elements                                                           |\r\n            | Step 1 `Rewards` title in black                                    |\r\n            | Step 1 circle with white checkmark and green fill                  |\r\n            | Step 2 `Select` title in black                                     |\r\n            | Step 2 circle with green outline, white fill and number 2 in green |\r\n            | Step 3 `Confirm` title in grey                                     |\r\n            | Step 3 circle with grey fill and number 3 in white                 |\r\n            | Green line between step 1 and 2                                    |\r\n            | Grey line between step 2 and 3                                     |\r\n        When they continue to the confirmation page\r\n        Then the progress bar displays the following elements\r\n            | elements                                                           |\r\n            | Step 1 `Rewards` title in black                                    |\r\n            | Step 1 circle with white checkmark and green fill                  |\r\n            | Step 2 `Select` title in black                                     |\r\n            | Step 2 circle with white checkmark and green fill                  |\r\n            | Step 3 `Confirm` title in black                                    |\r\n            | Step 3 circle with green outline, white fill and number 3 in green |\r\n            | Green line between all steps                                       |\r\n        When they continue to the redemption page\r\n        Then the progress bar displays the following elements\r\n            | elements                                          |\r\n            | Step 1 `Rewards` title in black                   |\r\n            | Step 1 circle with white checkmark and green fill |\r\n            | Step 2 `Select` title in black                    |\r\n            | Step 2 circle with white checkmark and green fill |\r\n            | Step 3 `Confirm` title in black                   |\r\n            | Step 3 circle with white checkmark and green fill |\r\n            | Green line between all steps                      |\r\n\r\n    @motivating\r\n    Scenario: Users must choose a reward exchange option to continue to the selection page\r\n        Given a user who is eligible for the tenants reward exchange rules\r\n        When they view the reward exchange list\r\n        Then the \'Continue\' button is disabled\r\n        When they select a reward exchange card\r\n        Then the card is outlined in brand colour with a brand colour cirlcular check box icon in the top right\r\n        And the continue button is no longer disabled\r\n        When they click "Continue"\r\n        Then they are brought to the selection page\r\n\r\n    @motivating\r\n    Scenario: Reward exchange rule names and images are used in the reward exchange cards\r\n        Given a tenant reward exchange rule\r\n        And it has name "My Visa Exchange Rule"\r\n        And it has an image\r\n        When a user views the reward exchange list\r\n        Then they see a exchange card with title "My Visa Exchange Rule"\r\n        And the exchange image on the right hand side of the card\r\n\r\n    @motivating\r\n    Scenario Outline: Reward exchange source values are displayed on reward exchange cards\r\n        Given a <type> reward exchange rule\r\n        When a user views the reward exchange list\r\n        Then they see <text> under the name on the exchange option cards\r\n        And the pretty values are localized to a user locale\r\n        Examples:\r\n            | type                        | text                                                                |\r\n            | FIXED_GLOBAL_REWARD         | the exchange source pretty value                                    |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | the exchange source min pretty value to the source max pretty value |\r\n            | VARIABLE_GLOBAL_REWARD      | the exchange source min pretty value to the source max pretty value |\r\n            | VARIABLE_CREDIT_REWARD      | the exchange source min pretty value to the source max pretty value |\r\n\r\n    @motivating\r\n    Scenario Outline: Reward exchange cards can display customized error messages\r\n        Given a reward exchange rule\r\n        And it has <availabilityPredicate>\r\n        And the reward exchange list has prop "not-available-error" with <value>\r\n        When the user views the reward exchange list\r\n        Then the card for the reward exchange rule is disabled\r\n        And <message> is displayed\r\n        Examples:\r\n            | availabilityPredicate                                         | value                                                                                                           | message                         |\r\n            | \'champion\' in user.segments ? "NOT_CHAMPION" : true           | {unavailableReasonCode, select, NOT_CHAMPION {Sorry must be a champion!} other {unavailableReasonCode} }        | Sorry must be a champion!       |\r\n            | user.customFields.purchaseCount < 10 ? "MORE_PURCHASE" : true | {unavailableReasonCode, select, MORE_PURCHASE {Complete 10 purchases to unlock} other {unavailableReasonCode} } | Complete 10 purchases to unlock |\r\n\r\n    @motivating\r\n    Scenario: Exchange options are disabled if they put a user over the W9 limit\r\n        Given a user who is approaching their W9 limit\r\n        And a reward exchange rule\r\n        And its destination reward has a US taxable value that would put the user over their limit\r\n        When they view the reward exchange list\r\n        Then the reward exchange card is disabled\r\n        And a "US Tax Limit" error message is displayed on to the right of a exclamation triangle icon\r\n        And the text is orange\r\n        And the icon is orange\r\n\r\n    @motivating\r\n    Scenario Outline: Exchange options are disabled if a users lacks enough credit to redeem\r\n        Given a <type> reward exchange rule\r\n        But the user lacks enough credit to exchange for it\r\n        When they view the reward exchange list\r\n        Then the reward exchange card is disabled\r\n        And a <text> error message is displayed on to the right of a exclamation triangle icon\r\n        And the text is orange\r\n        And the icon is orange\r\n        Examples:\r\n            | type                        | text                            |\r\n            | FIXED_GLOBAL_REWARD         | {prettySourceValue} required    |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | {prettySourceMinValue} required |\r\n            | VARIABLE_GLOBAL_REWARD      | {prettySourceMinValue} required |\r\n            | VARIABLE_CREDIT_REWARD      | {prettySourceMinValue} required |\r\n\r\n    @motivating\r\n    Scenario: Users can go back to the Rewards page from the Select page\r\n        Given a user viewing the Select page\r\n        Then they see a "Cancel" text button\r\n        And a "Continue to confirmation" brand colour button in the bottom right corner\r\n        When they click "Cancel"\r\n        Then they return to the Rewards page\r\n\r\n    @motivating\r\n    Scenario: Users can go back to the Select Page from the Confirm page\r\n        Given a user viewing the Confirm page\r\n        Then they see a "Back" text button\r\n        And a "Redeem" brand colour button in the bottom right corner\r\n        When they click "Back"\r\n        Then they return to the Select Page\r\n\r\n    @motivating\r\n    Scenario: Reward rules with visibility predicates that evaluates to false are not shown\r\n        Given a tenant reward exchange rule with visibility predicates that evaluates to false\r\n        When a user views the reward exchange list\r\n        Then they do not see the card for that reward exchange rule\r\n\r\n    @motivating\r\n    Scenario Outline: Users can choose their reward option for variable rewards on the Select page\r\n        Given a <type> exchange rule\r\n        And it has the following fields\r\n            | fields      |\r\n            | name        |\r\n            | description |\r\n            | image       |\r\n        When a user views the reward exchange list\r\n        And they progress to the Select page for this exchange\r\n        Then they see the exchange rule image on the left hand side\r\n        And on the right hand side they see the following in this order from top to bottom\r\n            | elements                                                                                          |\r\n            | exchange name                                                                                     |\r\n            | exchange description                                                                              |\r\n            | select list with all exchange options using pretty values, destination reward above source reward |\r\n        Examples:\r\n            | type                        |\r\n            | STEPPED_FIXED_GLOBAL_REWARD |\r\n            | VARIABLE_GLOBAL_REWARD      |\r\n            | VARIABLE_CREDIT_REWARD      |\r\n\r\n    @motivating\r\n    Scenario: Users who selected a fixed exchange rule see exchange information on the Select page\r\n        Given a "FIXED_GLOBAL_REWARD" exchange rule\r\n        And it has the following fields\r\n            | fields      |\r\n            | name        |\r\n            | description |\r\n            | image       |\r\n        When a user views the reward exchange list\r\n        And they progress to the Select page for this exchange\r\n        Then they see the exchange rule image on the left hand side\r\n        And on the right hand side they see the following in this order from top to bottom\r\n            | elements                                               |\r\n            | exchange name                                          |\r\n            | exchange source pretty value displayed in brand colour |\r\n            | exchange description                                   |\r\n\r\n    @motivating\r\n    Scenario Outline: Users selection variable rewards can only select rewards they are eligible to exchange for\r\n        Given a <type> exchange rule\r\n        When a user views the reward exchange list\r\n        And they progress to the Select page for this exchange\r\n        Then they see a drop down with all the reward exchange selections\r\n        When they click on the drop down\r\n        But they are not eligible for all of the exchanges options <dueToReason>\r\n        Then the ineligble options are disabled\r\n        And under the source value is <text>\r\n        Examples:\r\n            | type                        | dueToReason                     | text                         |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | due to insufficent source value | {prettySourceValue} required |\r\n            | VARIABLE_GLOBAL_REWARD      | due to insufficent source value | {prettySourceValue} required |\r\n            | VARIABLE_CREDIT_REWARD      | due to insufficent source value | {prettySourceValue} required |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | W9                              | US Tax Limit                 |\r\n            | VARIABLE_GLOBAL_REWARD      | W9                              | US Tax Limit                 |\r\n            | VARIABLE_CREDIT_REWARD      | w9                              | US Tax Limit                 |\r\n\r\n    @motivating\r\n    Scenario Outline: The Confirm page allows users to view their exchange before committing\r\n        Given a <type> exchange rule\r\n        When a user views the reward exchange list\r\n        And they select the exchange\r\n        And they progress to Confirm page\r\n        Then they see a row with title "Reward"\r\n        And it contains the exchange name\r\n        And it contains the exchange image\r\n        And they <maySee> a row with title "Reward Amount"\r\n        And it <mayContain> <amountTitle>\r\n        And they see a row with title "Cost to Redeem"\r\n        And it contains the source reward pretty value in bolded text\r\n        Examples:\r\n            | type                        | maySee | mayContain      | amountTitle                  |\r\n            | FIXED_GLOBAL_REWARD         | don\'t  | doesn\'t contain | N/A                          |\r\n            | VARIABLE_GLOBAL_REWARD      | see    | contains        | the pretty destination value |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | see    | contains        | the pretty destination value |\r\n            | VARIABLE_CREDIT_REWARD      | see    | contains        | the pretty destination value |\r\n\r\n    @motivating\r\n    Scenario: An error banner is displayed if an error occurs during redemeption\r\n        Given a user has selected a reward to exchange\r\n        And is on the confirmation page\r\n        When they click "Redeem"\r\n        But an error occurs\r\n        Then an error banner appears\r\n        And it contains details about the error\r\n        And the reward exchange is not completed\r\n\r\n    @motivating\r\n    Scenario: Confetti is displayed when a reward exchange succeeds\r\n        Given a user has selected a reward to exchange\r\n        And they are on the confirmation page\r\n        When they click "Redeem"\r\n        And the exchange is successful\r\n        Then they see confetti centered on the success page\r\n        And they see text describing what they exchanged for their new reward\r\n        And they see a "Done" brand colour button\r\n        When they click "Done"\r\n        Then they see the Rewards page\r\n\r\n    @motivating\r\n    Scenario: Fuel tank codes are shown when a reward exchange succeeds\r\n        Given a user has selected to exchange for a fuel tank reward\r\n        When they complete the reward exchange\r\n        And are on the success page\r\n        Then they see a textbox with their fuel tank code\r\n        And a clipboard icon\r\n        When they click the clipboard icon\r\n        Then their fuel tank code is copied to their clipboard\r\n\r\n    @motivating\r\n    Scenario Outline: Users can exchange for any type of reward\r\n        Given a <type> reward exchange rule for a <reward>\r\n        And a user who has enough source credit to exchange for the reward\r\n        When they go through the exchange flow\r\n        And exchange for their reward\r\n        Then their credit is exchanged for the <reward>\r\n        Examples:\r\n            | type                        | reward         |\r\n            | FIXED_GLOBAL_REWARD         | gift card      |\r\n            | FIXED_GLOBAL_REWARD         | fuel tank code |\r\n            | FIXED_GLOBAL_REWARD         | discount       |\r\n            | FIXED_GLOBAL_REWARD         | credit reward  |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | gift card      |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | discount       |\r\n            | STEPPED_FIXED_GLOBAL_REWARD | credit reward  |\r\n            | VARIABLE_GLOBAL_REWARD      | gift card      |\r\n            | VARIABLE_GLOBAL_REWARD      | discount       |\r\n            | VARIABLE_GLOBAL_REWARD      | credit reward  |\r\n            | VARIABLE_CREDIT_REWARD      | credit reward  |';var op={title:"Components/Reward Exchange List",parameters:{scenario:sp}};var lp=function(e){return function(){return r(Y,Object.assign({},e))}};var up=lp(pe);var dp=lp(Z);var cp=lp(Q);var mp=lp(ee);var pp=lp(re);var hp=lp(te);var gp=lp(ne);var fp=lp(ae);var bp=lp(ie);var vp=lp(se);var wp=lp(oe);var xp=lp(le);var yp=lp(ue);var Ep=lp(de);var qp=lp(ce);var Ap=lp(me);var kp=Object.freeze({__proto__:null,default:op,ChooseReward:up,CustomErrorMessage:dp,LongTextRewardExhange:cp,ChooseRewardSelected:mp,ChooseAmount:pp,ChooseAmountNoDescription:hp,ChooseAmountVariableAndStepped:gp,ChooseAmountVariableAndSteppedNoDescription:fp,chooseAmountVariableAndSteppedDisabled:bp,chooseAmountVariableAndSteppedUnavailable:vp,Confirm:wp,ConfirmVariableAndStepped:xp,Error:yp,SuccessPromo:Ep,SuccessVariableAndStepped:qp,Loading:Ap});var Dp='@author:derek\r\n@owner:derek\r\nFeature: Program Explainer\r\n\r\n    @motivating\r\n    Scenario Outline: The program explainer wraps program explainer steps and aligns them\r\n        Given a program explainer component\r\n        And it has <number> program explainer steps as components\r\n        When a user views the program explainer\r\n        Then they see <number> steps aligned horizontally\r\n        And they have equal height/width\r\n        And equal padding in between\r\n        When they are viewed on a screen smaller than 500px\r\n        Then the steps stack vertically with equal padding in between\r\n        And they have equal width\r\n        But height may vary\r\n        Examples:\r\n            | number |\r\n            | 2      |\r\n            | 3      |\r\n            | 4      |\r\n\r\n    @motivating\r\n    Scenario: The program explainer displays a section header\r\n        Given a program explainer step with props\r\n            | prop   | value     |\r\n            | header | My Header |\r\n        And it has program explainer steps as children\r\n        When a user views the program explainer\r\n        Then they see "My Header" centered above the explainer steps\r\n\r\n    @motivating\r\n    Scenario: Colours are customizable\r\n        Given a program explainer with props\r\n            | prop             | value  |\r\n            | text-color       | purple |\r\n            | background-color | grey   |\r\n        When a user views the program explainer\r\n        Then the header is purple\r\n        And the background between steos is grey\r\n';var Cp={title:"Components/Program Explainer",parameters:{scenario:Dp}};var _p=function(){return r("sqm-program-explainer",{header:"How it works"},r("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"}),r("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"}),r("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 Tp=function(){return r("sqm-program-explainer",{header:"How it works","text-color":"#fffc4b","background-color":"#ff7f7f"},r("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"}),r("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"}),r("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 Rp=Object.freeze({__proto__:null,default:Cp,OneStep:_p,Custom:Tp});var Ip='@author:derek\r\n@owner:derek\r\nFeature: Program Explainer Step\r\n\r\n    @motivating\r\n    Scenario: The program explainer step displays a icon, header and description\r\n        Given a program explainer step with props\r\n            | prop        | value                            |\r\n            | header      | My Header                        |\r\n            | description | My program explainer description |\r\n            | icon        | person-plus-fill                 |\r\n        When a user views the explainer step\r\n        Then they see an person icon with a + in the top left hand corner\r\n        And the icon is weight 300 brand colour\r\n        And below they see "My Header" in large bold font\r\n        And below they see "My program explainer description" in medium font\r\n        And the step background colour is weight 50 brand colour\r\n\r\n    @motivating\r\n    Scenario: The program explainer can display an image in place of an icon\r\n        Given a program explainer\r\n        And it has an "image-url" prop with a value of a valid url to an image\r\n        When a user views the explainer step\r\n        Then the image is displayed in place of an incon in the top left hand corner\r\n\r\n    @motivating\r\n    Scenario: Colours are customizable\r\n        Given a program explainer step with props\r\n            | prop             | value            |\r\n            | text-color       | purple           |\r\n            | background-color | grey             |\r\n        When a user views the explainer step\r\n        Then they see the step background is grey\r\n        And the header text is purple\r\n        And the description text is purple\r\n';var Sp={title:"Components/Program Explainer Step",parameters:{scenario:Ip}};var Pp=function(){return r("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 Np=function(){return r("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-staging/image/upload/v1643829061/tenant_test_a7iws76wkk4az/jaalvb4ndgxarcrtk1ya.png","text-color":"#fffc4b","background-color":"#ff7f7f"})};var Fp=Object.freeze({__proto__:null,default:Sp,ProgramExplainerStep:Pp,ProgramExplainerStepCustom:Np});var Lp='@author:derek\r\n@owner:logan\r\nFeature: Brand Configuration\r\n\r\n    @motivating\r\n    Scenario: The brand components creates a colour pallet from a brand colour and applies it to children\r\n        Given a brand component with "brand-color" "#4225c4"\r\n        And it is wrapping several mint components\r\n        When a user views the children components\r\n        Then the following css variables are set\r\n            | variable                      | value                       |\r\n            | --sl-color-primary-50         | hsla(251, 68%, 95%, 1)      |\r\n            | --sl-color-primary-100        | hsla(251, 68%, 86%, 1)      |\r\n            | --sl-color-primary-200        | hsla(251, 68%, 76%, 1)      |\r\n            | --sl-color-primary-300        | hsla(251, 68%, 66%, 1)      |\r\n            | --sl-color-primary-400        | hsla(251, 68%, 56%, 1)      |\r\n            | --sl-color-primary-500        | hsla(251, 68%, 46%, 1)      |\r\n            | --sl-color-primary-600        | hsla(251, 68%, 39%, 1)      |\r\n            | --sl-color-primary-700        | hsla(251, 68%, 32%, 1)      |\r\n            | --sl-color-primary-800        | hsla(251, 68%, 25%, 1)      |\r\n            | --sl-color-primary-900        | hsla(251, 68%, 18%, 1)      |\r\n            | --sl-color-primary-950        | hsla(251, 68%, 15%, 1)      |\r\n            | --sl-focus-ring-color-primary | var(--sl-color-primary-100) |\r\n            | --sl-input-border-color-focus | var(--sl-color-primary-500) |\r\n            | --sl-color-primary-hue        | var(--sl-color-primary-500) |\r\n        And they are applied to the children components\r\n        But they are not applied to any components outside of the brand component\r\n        And they are not applied to any vanilla components\r\n\r\n    @minutae\r\n    Scenario Outline: The brand colour can be hex, HSL or rgb\r\n        Given a brand component with "brand-color" <colour>\r\n        And it is wrapping several mint components\r\n        When a user views the children components\r\n        Then the colour is used to create a brand palete\r\n        And it is applied to the children components\r\n        Examples:\r\n            | colour             |\r\n            | #4225c4            |\r\n            | rgb(66, 37, 196)   |\r\n            | hsl(251, 68%, 46%) |\r\n            | hsla(251, 68%, 46%, 1) |\r\n\r\n    @motivating\r\n    Scenario: The brand component applies a background colour to child\r\n        Given a brand component with "background" "#ABB8C3"\r\n        And it is wrapping several mint components\r\n        When a user views the children components\r\n        Then the following css variables are set\r\n            | variable                | value                |\r\n            | --sqm-portal-background | "Nunito Sans", arial |\r\n        And they are applied to the children components\r\n        And children components using "sqm-portal-background" have "#ABB8C3" coloured backgrounds\r\n\r\n    @motivating\r\n    Scenario: The brand component can apply a brand font to children components\r\n        Given a brand component with "brand-font" "Nunito Sans"\r\n        And it is wrapping several mint components\r\n        When a user views the children components\r\n        Then the following css variables are set\r\n            | variable                 | value                |\r\n            | --sl-font-sans           | "Nunito Sans", arial |\r\n            | --sl-input-font-family   | "Nunito Sans", arial |\r\n            | --sl-tooltip-font-family | "Nunito Sans", arial |\r\n            | font-family              | "Nunito Sans", arial |\r\n        And they are applied to the children components\r\n        And the children component\'s text is "Nunito Sans"';var Bp={title:"Components/Brand",parameters:{scenario:Lp}};var Op=function(){return r("div",{style:{padding:"10px",border:"5px solid #EEE"}},r("div",{style:{display:"flex",gap:"5px",padding:"5px"}},r("sl-button",{type:"default"},"Default"),r("sl-button",{type:"primary"},"Primary"),r("sl-button",{type:"success"},"Success"),r("sl-button",{type:"neutral"},"Neutral"),r("sl-button",{type:"warning"},"Warning"),r("sl-button",{type:"danger"},"Danger")),r("div",{style:{display:"flex",gap:"5px",padding:"5px"}},r("sl-badge",{type:"primary"},"Primary"),r("sl-badge",{type:"success"},"Success"),r("sl-badge",{type:"neutral"},"Neutral"),r("sl-badge",{type:"warning"},"Warning"),r("sl-badge",{type:"danger"},"Danger")),r("div",{class:"color-palette"},r("div",{class:"color-palette__name"},"Primary",r("br",null),r("code",null,"--sl-color-primary-",r("em",null,"{n}"))),r("div",{style:{display:"flex",gap:"5px"}},r(Vp,{depth:50}),r(Vp,{depth:100}),r(Vp,{depth:200}),r(Vp,{depth:300}),r(Vp,{depth:400}),r(Vp,{depth:500}),r(Vp,{depth:600}),r(Vp,{depth:700}),r(Vp,{depth:800}),r(Vp,{depth:900}),r(Vp,{depth:950}))))};var Gp=function(){return r("div",null,r(Op,null),r("sqm-brand",{"brand-color":"#FF0000"},r(Op,null)),r("sqm-brand",{"brand-color":"#00FF00"},r(Op,null)),r("sqm-brand",{"brand-color":"#0000FF"},r(Op,null)),r("sqm-brand",{"brand-color":"#000000"},r(Op,null)))};var jp=function(){return r("div",null,"Default ",r(Op,null),r("sqm-brand",{"brand-color":"#FF0000"},"Red:",r(Op,null),r("sqm-brand",{"brand-color":"#00FF00"},"Green:",r(Op,null),r("sqm-brand",{"brand-color":"#0000FF"},"Blue:",r(Op,null),r("sqm-brand",{"brand-color":"#000000"},"Black:",r(Op,null))))))};function Vp(e){var t=e.depth;return r("div",{style:{backgroundColor:"var(--sl-color-primary-"+t+")",color:"var(--sl-color-neutral-"+(1e3-t)+")",width:"50px",height:"50px",display:"flex",justifyContent:"center",alignItems:"center"}},t)}var zp=function(){return r("div",null,r(Op,null),r("sqm-brand",{"brand-font":"Roboto"},"Roboto",r(Op,null)),r("sqm-brand",{"brand-font":"Open Sans"},"Open Sans",r(Op,null)),r("sqm-brand",{"brand-font":"Lato"},"Lato",r(Op,null)),r("sqm-brand",{"brand-font":"Oswald"},"Oswald",r(Op,null)))};var Mp=function(){return r("div",null,r("sqm-brand",{background:"#FF0000"},r("sqm-portal-container",null,r(Op,null))),r("sqm-brand",{background:"#00FF00"},r("sqm-portal-container",null,r(Op,null))),r("sqm-brand",{background:"#0000FF"},r("sqm-portal-container",null,r(Op,null))),r("sqm-brand",{background:"#000000"},r("sqm-portal-container",null,r(Op,null))))};var Wp=Object.freeze({__proto__:null,default:Bp,Examples:Gp,Nested:jp,Fonts:zp,Background:Mp});var Up='@author:kutay\r\n@owner:kutay\r\nFeature: Card Feed\r\n\r\n\tThe Card Feed component displays Task Card components in a grid layout.\r\n\r\n\tBackground: A user on the portal is viewing the widget\r\n\t\tGiven a user viewing the Card Feed component\r\n\r\n\t@motivating\r\n\tScenario: The Card Feed component displays Task Cards given as children slots\r\n\t\tGiven a Card Feed component\r\n\t\tAnd it is wrapping a number of task cards as children\r\n\t\tWhen the user views the Card Feed\r\n\t\tThen the task cards are displayed in a masonry layout\r\n\t\tWhen the card feed with grows or shrinks in width\r\n\t\tThen the number of columns adjust to the given width\r\n\r\n\t@motivating\r\n\tScenario Outline: The Card Feed component can have a maximum width\r\n\t\tGiven a Card Feed component\r\n\t\tAnd it is wrapping a number of task cards as children\r\n\t\tAnd has prop "width" has a provided <value>\r\n\t\tThen the task cards are displayed in a masonry layout\r\n\t\tWhen the card feed with grows or shrinks in width\r\n\t\tThen the number of columns adjust to the given width\r\n\t\tAnd the task cards do not exceed <width>\r\n\t\tExamples:\r\n\t\t\t| value | width |\r\n\t\t\t|       | 347px |\r\n\t\t\t| 200   | 200px |\r\n\t\t\t| 400   | 400px |\r\n\r\n\t@motivating\r\n\tScenario Outline: The Card Feed component gap between task cards can be customized\r\n\t\tGiven a Card Feed component\r\n\t\tAnd it is wrapping a number of task cards as children\r\n\t\tAnd has prop "gap" has a provided <value>\r\n\t\tThen the task cards are displayed in a masonry layout\r\n\t\tAnd the gap between the columns is the <gap>\r\n\t\tExamples:\r\n\t\t\t| value | gap  |\r\n\t\t\t|       | 24px |\r\n\t\t\t| 20    | 20px |\r\n\t\t\t| 50    | 50px |';var Hp={title:"Components/Card Feed",parameters:{scenario:Up}};var Jp={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 $p={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 Kp={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 Xp=function(){return r(he,{width:347,gap:24},r($,Object.assign({},Jp)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},$p)),r($,Object.assign({},$p)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},Kp)))};var Yp=function(){return r(he,{width:400,gap:150},r($,Object.assign({},Jp)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},$p)),r($,Object.assign({},$p)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},Kp)))};var Zp=function(){return r(he,{width:400,gap:12},r($,Object.assign({},Jp)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},$p)),r($,Object.assign({},$p)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},Kp)))};var Qp=function(){return r(he,{width:1e3,gap:24},r($,Object.assign({},Jp)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},$p)),r($,Object.assign({},$p)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},Kp)))};var eh=function(){return r(he,{width:250,gap:24},r($,Object.assign({},Jp)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},$p)),r($,Object.assign({},$p)),r("div",null,r($,Object.assign({},$p))),r("div",null,r("div",null,r($,Object.assign({},Jp)))),r($,Object.assign({},Kp)))};var rh=Object.freeze({__proto__:null,default:Hp,TaskCardGrid:Xp,TaskCardGridHighGap:Yp,TaskCardGridLowGap:Zp,TaskCardGridHighWidth:Qp,TaskCardGridLowWidth:eh});var th='@author:kutay\r\n@owner:noah\r\nFeature: Portal Container\r\n\r\n\tScenario: Horizontal content overflows, but does not stretch\r\n\t\tGiven there are two element in the container\r\n\t\tAnd the first is small\r\n\t\tAnd the second would stretch the container wider than it\'s parent\r\n\t\tThen the second one is clipped\r\n\t\tAnd the first one doesn\'t stretch\r\n\r\n\t@landmine\r\n\tScenario: `max-width` is required for displaying as a row\r\n\t\tGiven I have `direction` to "row"\r\n\t\tAnd I have not set a `max-width`\r\n\t\tThen it displays as a column\r\n\r\n\t@motivating\r\n\tScenario Outline: Content padding can be customized\r\n\t\tGiven prop "padding" has <value>\r\n\t\tThen <padding> is applied to content\r\n\r\n\t\tExamples:\r\n\t\t\t| value      | padding    |\r\n\t\t\t| none       | no padding |\r\n\t\t\t| xxx-small  | xxx-small  |\r\n\t\t\t| xx-small   | xx-small   |\r\n\t\t\t| x-small    | x-small    |\r\n\t\t\t| small      | small      |\r\n\t\t\t| medium     | medium     |\r\n\t\t\t| large      | large      |\r\n\t\t\t| x-large    | x-large    |\r\n\t\t\t| xx-large   | xx-large   |\r\n\t\t\t| xxx-large  | xxx-large  |\r\n\t\t\t| xxxx-large | xxxx-large |\r\n\t\t\t| N/A        | no padding |\r\n\r\n\r\n\t@motivating\r\n\tScenario Outline: Gap between content elements can be customized\r\n\t\tGiven prop "gap" has <value>\r\n\t\tThen <gap> is applied to elements between content\r\n\r\n\t\tExamples:\r\n\t\t\t| value      | gap        |\r\n\t\t\t| none       | no padding |\r\n\t\t\t| xxx-small  | xxx-small  |\r\n\t\t\t| xx-small   | xx-small   |\r\n\t\t\t| x-small    | x-small    |\r\n\t\t\t| small      | small      |\r\n\t\t\t| medium     | medium     |\r\n\t\t\t| large      | large      |\r\n\t\t\t| x-large    | x-large    |\r\n\t\t\t| xx-large   | xx-large   |\r\n\t\t\t| xxx-large  | xxx-large  |\r\n\t\t\t| xxxx-large | xxxx-large |\r\n\t\t\t| N/A        | no padding |\r\n\r\n\t@minutae\r\n\tScenario: Content can be center aligned in horizontal view\r\n\t\tGiven I have supplied the prop "center"\r\n\t\tThen the content is center aligned\r\n\r\n\t@minutae\r\n\tScenario: Content in the last row can span full width with display in horizontal view\r\n\t\tGiven I have `display` to "flex"\r\n\t\tThen the content is full width on the last row\r\n';var nh={title:"Components/Portal Container",parameters:{scenario:th}};var ah=function(){return r("div",{style:{width:"200px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"xxx-large"},r("div",{style:{background:"grey",border:"1px solid red"}},"Small"),r("div",{style:{background:"lightblue",width:"1000px"}},"Too wide, content goes off the side of the page for ever and is hidden.")))};var ih=function(){return r("div",{style:{width:"500px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"xxx-large",direction:"row","min-width":"160px"},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var sh=function(){return r("div",{style:{width:"500px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"small",direction:"row","min-width":"160px"},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var oh=function(){return r("div",{style:{width:"500px",border:"1px dashed grey"}},r("sqm-portal-container",{padding:"xxx-large",gap:"xxx-large",direction:"row","min-width":"160px"},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var lh=function(){return r("div",{style:{width:"500px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"xxx-large",direction:"row",display:"flex","min-width":"160px"},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var uh=function(){return r("div",{style:{width:"1000px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"xxx-large",direction:"row",minWidth:"160px",maxWidth:"50%"},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var dh=function(){return r("div",{style:{width:"1000px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"xxx-large",direction:"row",minWidth:"160px",maxWidth:"50%",center:true},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var ch=function(){return r("div",{style:{width:"1000px",border:"1px dashed grey"}},r("sqm-portal-container",{gap:"xxx-large",direction:"row",maxWidth:"100%"},r("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),r("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),r("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var mh=Object.freeze({__proto__:null,default:nh,TooWideColumn:ah,TooWideRow:ih,TooWideSmallGap:sh,TooWidePadding:oh,TooWideDisplayFlex:lh,HalfWidth:uh,HalfWidthCenter:dh,FullWidth:ch});var ph='@owner:sam\r\n@author:sam\r\nFeature: Rewards Table\r\n\r\n    Shows a list of rewards as a table\r\n\r\n    @motivating\r\n    Scenario: The empty state is shown if there are no rewards\r\n        Given a user with rewards\r\n        When they view the reward table\r\n        Then no rewards are displayed\r\n        And they see an image with a user icon\r\n        And "View your rewards" in bold\r\n        And "See all the rewards you have earned from referring friends and completing tasks" below the bolded text\r\n        And the pagination buttons are disabled\r\n\r\n    @motivating\r\n    Scenario: The empty state image and text are customizable\r\n        Given the reward table has been given the following prop values\r\n            | prop                | value                                                                                                                           |\r\n            | empty-state-img-url | https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png |\r\n            | empty-state-title   | View your reward history                                                                                                        |\r\n            | empty-state-text    | Earn rewards and review them here!                                                                                              |\r\n        And a user with no rewards\r\n        When they view the reward table\r\n        Then they see no rewards\r\n        And they see the SaaSquatch logo\r\n        And "View your reward history" in bold\r\n        And "Earn rewards and review them here! " below the bolded text\r\n        And the pagination buttons are disabled\r\n\r\n    @minutae\r\n    Scenario: A custom empty state can be provided\r\n        Given a user with no rewards\r\n        And a custom empty state has been supplied in the "empty" slot\r\n        When they view the reward table\r\n        Then they see the custom empty state\r\n        And the pagination buttons are disabled\r\n\r\n    @minutae\r\n    Scenario: The loading state is shown while rewards are loading\r\n        Given the table is loading\r\n        Then the loading state is shown in the table\r\n        And a custom loading state can be supplied in the "loading" slot\r\n        And the pagination buttons are disabled\r\n\r\n    @motivating\r\n    Scenario Outline: The table becomes paginated when the number of rewards exceeds the per page limit\r\n        Given the user has <number of rewards>\r\n        And the table is configured to show <page limit> rewards per page\r\n        Then the table will have <number of pages> page(s)\r\n        And pagination buttons will allow users to navigate between pages\r\n        And the pagination button to go to the next page is disabled on the last page of rewards\r\n        And the pagination button to go to the previous page is disabled on the first page of rewards\r\n        Examples:\r\n            | number of rewards | page limit | number of pages |\r\n            | 0                 | 4          | 1               |\r\n            | 1                 | 4          | 1               |\r\n            | 3                 | 4          | 1               |\r\n            | 5                 | 4          | 2               |\r\n            | 42                | 4          | 11              |\r\n\r\n    @motivating\r\n    Scenario: The table converts to a card view on tablet and mobile window sizes\r\n        Given a user with rewards\r\n        When they view the table\r\n        And their window size is smaller than "899px"\r\n        Then rewards are displayed as cards\r\n        And they are in two columns\r\n        When their window size is smaller than "634px"\r\n        Then the rewards are displayed as cards in a singular column\r\n\r\n    @motivating\r\n    Scenario: Table and Mobile beakpoints can be configured\r\n        Given the reward table has been configured with the following props\r\n            | prop         | value |\r\n            | smBreakpoint | 599   |\r\n            | mdBreakpoint | 799   |\r\n        And a user with rewards\r\n        When they view the table\r\n        And their window size is smaller than "799px"\r\n        Then rewards are displayed as cards\r\n        And they are in two columns\r\n        When their window size is smaller than "599px"\r\n        Then the rewards are displayed as cards in a singular column\r\n\r\n    @motivating\r\n    Scenario Outline: By default the first column heading is hidden in mobile\r\n        Given a reward table with 4 columns\r\n        And prop "hidden-columns" with <hideColumnValue>\r\n        And a user with rewards\r\n        When they view the reward table\r\n        And their window size is below the tablet breakpoint\r\n        Then reward cards are displayed\r\n        And the titles of <columnsArehidden> within the card\r\n        Examples:\r\n            | hideColumnValue | columnsArehidden                    |\r\n            |                 | the first column                    |\r\n            | 0,1,2           | the first, second and third columns |\r\n            | 3               | the fourth column                   |\r\n\r\n    @motivating\r\n    Scenario: Only rewards which occured in the program specific by "program-id" are shown\r\n        Given the table is configured with "program-id"\r\n        Then only rewards from the program with "program-id" are shown\r\n\r\n    @landmine\r\n    Scenario: Classic program rewards can\'t be filtered for\r\n        There is no easy way for the backend to filter for "classic" programs,\r\n        since it only allows filtering my "programId: null"\r\n        and that returns manual rewards and reward exchanges\r\n\r\n        Given the "program-id" of the table is set to "classic"\r\n        Then there is an error shown\r\n\r\n    @minutae\r\n    Scenario: Column heading can be hidden\r\n        Given the table is configured with "show-labels" set to false\r\n        Then the table is displayed without column headings';var hh={title:"Components/Rewards Table Cell",parameters:{scenario:ph}};var gh={id:"61c100117a82a376d8804166",type:"CREDIT",value:19,unit:"TESTUNIT",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"],pendingReasons:null,globalRewardKey:null,rewardSource:"MANUAL",prettyRedeemedCredit:"0 Points",prettyAssignedCredit:"19 Points",prettyAvailableValue:"19 Points",exchangedRewardRedemptionTransaction:null,referral:null,rewardRedemptionTransactions:{data:null}};var fh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},gh),Ah)})};var bh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign({},gh),availableText:"19 Points available"})};var vh={prettyAvailableValue:"10 Points",prettyRedeemedCredit:"9 Points",prettyRedeemedNumber:"9",dateRedeemed:1640038417468};var wh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},gh),vh),availableText:"10 Points available"})};var xh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},gh),Uh),redeemedText:"0 Points redeemed"})};var yh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign(__assign({},gh),vh),Jh),redeemedText:"9 Points redeemed"})};var Eh={prettyAvailableValue:"0 Points",prettyAvailableNumber:"0",prettyRedeemedCredit:"19 Points",prettyRedeemedNumber:"19",dateRedeemed:1640038417468};var qh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},gh),Eh),availableText:"0 Points available"})};var Ah={prettyValue:"1 Point",prettyValueNumber:"1"};var kh={prettyValue:"19 Points with a really really super duper longest name ever in the world wide web",prettyValueNumber:"19"};var Dh=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},gh),kh),availableText:"19 Points with a really really super duper longest name ever in the world wide web available"})};var Ch=function(){return r("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},gh),{type:"FUELTANK",prettyValue:"SaaSquatch Giftcard"})})};var _h=function(){return r("sqm-rewards-table-source-cell",{reward:gh,rewardSourceText:"Manual"})};var Th=function(){return r("sqm-rewards-table-source-cell",{reward:__assign(__assign({},gh),{rewardSource:"AUTOMATED",program:{name:"Klip Loyalty"}}),rewardSourceText:"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"})};var Rh={exchangedRewardRedemptionTransaction:{id:"61c100117a82a376d88041196",creditRedeemed:1,prettyRedeemedCredit:"1 Money",unit:"TESTUNIT",dateRedeemed:1640038417173,redeemedRewards:null,exchangedRewards:null}};var Ih=function(){return r("sqm-rewards-table-source-cell",{reward:__assign(__assign({},gh),Rh),rewardExchangeText:"Reward Exchange"})};var Sh={firstName:"John",lastName:"Doe",imageUrl:null};var Ph={firstName:"",lastName:"",imageUrl:null};var Nh=function(e){if(e===void 0){e=null}return{rewardSource:"FRIEND_SIGNUP",referral:{id:"123",dateConverted:1640038417173,dateReferralStarted:1640038417173,dateReferralPaid:1640038417173,dateReferralEnded:null,moderationStatus:null,rewards:null,referrerUser:e,referredUser:e}}};var Fh=function(e){if(e===void 0){e=null}return{rewardSource:"REFERRED",referral:{id:"123",dateConverted:1640038417173,dateReferralStarted:1640038417173,dateReferralPaid:1640038417173,dateReferralEnded:null,moderationStatus:null,rewards:null,referrerUser:e,referredUser:e}}};var Lh=function(){return r("sqm-rewards-table-source-cell",{reward:__assign(__assign({},gh),Nh(Sh)),referralText:"Referral to"})};var Bh=function(){return r("sqm-rewards-table-source-cell",{reward:__assign(__assign({},gh),Fh(Sh)),referralText:"Referred by"})};var Oh=function(){return r("sqm-rewards-table-source-cell",{reward:__assign(__assign({},gh),Nh(Ph)),referralText:"Referral to",anonymousUserText:"Anonymous User"})};var Gh=function(){return r("sqm-rewards-table-source-cell",{reward:__assign(__assign({},gh),Nh(null)),referralText:"Referral to",deletedUserText:"Deleted User"})};var jh=function(){return r("sqm-rewards-table-status-cell",{statusText:"Available",reward:gh})};var Vh={dateExpires:1640038417468};var zh=function(){return r("sqm-rewards-table-status-cell",{statusText:"Available",reward:__assign(__assign({},gh),Vh),expiryText:"Expires"})};var Mh={statuses:["REDEEMED"],dateRedeemed:1640038417468};var Wh=function(){return r("sqm-rewards-table-status-cell",{statusText:"Redeemed",reward:__assign(__assign({},gh),Mh)})};var Uh={statuses:["CANCELLED"],dateCancelled:1640038417468};var Hh=function(){return r("sqm-rewards-table-status-cell",{statusText:"Cancelled",reward:__assign(__assign({},gh),Uh)})};var Jh={statuses:["EXPIRED"],dateExpires:1640038417468};var $h=function(){return r("sqm-rewards-table-status-cell",{statusText:"Expired",reward:__assign(__assign({},gh),Jh)})};var Kh={statuses:["PENDING"]};var Xh={pendingReasons:["US_TAX"]};var Yh={pendingReasons:["SCHEDULED"],dateScheduledFor:1640038417468};var Zh={pendingReasons:["UNHANDLED_ERROR"]};var Qh=function(){return r("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign({},gh),Kh)})};var eg=function(){return r("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},gh),Kh),Xh)})};var rg=function(){return r("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},gh),Kh),Yh)})};var tg=function(){return r("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},gh),Kh),Zh)})};var ng=function(){return r("sqm-rewards-table-date-cell",{date:1640038417468})};var ag=function(){return r("sqm-rewards-table-customer-note-cell",{note:gh.meta.message})};var ig=function(){return r("sqm-rewards-table-date-cell",null)};var sg=Object.freeze({__proto__:null,default:hh,RewardsCellCreditSingle:fh,RewardsCellCreditFull:bh,RewardsCellCreditPartial:wh,RewardsCellCreditCancelled:xh,RewardsCellCreditExpired:yh,RewardsCellCreditRedeemed:qh,RewardsCellCreditLong:Dh,RewardsCellNonCredit:Ch,SourceCellManual:_h,SourceCellProgram:Th,SourceCellExchange:Ih,SourceCellReferral:Lh,SourceCellReferred:Bh,SourceCellAnonymousUser:Oh,SourceCellDeletedUser:Gh,StatusCellAvailable:jh,StatusCellAvailableExpiry:zh,StatusCellRedeemed:Wh,StatusCellCancelled:Hh,StatusCellExpired:$h,StatusCellPending:Qh,StatusCellPendingUsTax:eg,StatusCellPendingScheduled:rg,StatusCellPendingUnhandled:tg,DateCell:ng,CustomerNoteCell:ag,EmptyCell:ig});var og={title:"Components/Rewards Table",parameters:{scenario:ph}};var lg=r("div",{slot:"loading",style:{display:"contents"}},r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))),r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null))));var ug=r("div",{slot:"empty",style:{display:"contents"}},r("sqm-table-row",null,r("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},r("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_4_1.png","max-width":"100px"}),r("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},r("sqm-text",{slot:"label"},r("h3",null,"View your rewards")),r("sqm-text",{slot:"content"},"See all the rewards you have earned from referring friends and completing tasks"))))));var dg=function(e,r,t,n,a,i){if(r===void 0){r=false}if(t===void 0){t=false}if(n===void 0){n="Prev"}if(a===void 0){a="Next"}if(i===void 0){i=""}return{states:{hasPrev:false,hasNext:true,show:r?"empty":t?"loading":"rows",namespace:"sqm-rewards-table"},data:{textOverrides:{showLabels:true,prevLabel:n,moreLabel:a},hiddenColumns:i,mdBreakpoint:899,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:ug,loadingElement:lg}}};var cg=[r(bh,null),r(jh,null),r(Lh,null),r(ng,null)];var mg=[r(wh,null),r(zh,null),r(Bh,null),r(ng,null)];var pg=[r(xh,null),r(Hh,null),r(Gh,null),r(ng,null)];var hg=[r(qh,null),r(Wh,null),r(_h,null),r(ng,null)];var gg=[r(Dh,null),r(zh,null),r(Bh,null),r(ng,null)];var fg=function(){return r(b,Object.assign({},dg([cg,hg,pg,mg])))};var bg=function(){return r(b,Object.assign({},dg([cg])))};var vg=function(){return r(b,Object.assign({},dg([hg,gg])))};var wg=function(){return r(b,Object.assign({},dg([],true)))};var xg=function(){return r(b,Object.assign({},dg([],false,true)))};var yg=function(){return r(b,Object.assign({},dg([cg,hg,pg,mg],false,false,"CUSTOM PREVIOUS TEXT","CUSTOM NEXT TEXT")))};var Eg=function(){return r(b,Object.assign({},dg([cg,hg,pg,mg],false,false,undefined,undefined,"0,1,2,3")))};var qg=Object.freeze({__proto__:null,default:og,RewardsTable:fg,RewardsTableSingle:bg,RewardsTableLong:vg,RewardsTableEmpty:wg,RewardsTableLoading:xg,CustomButtonTextTable:yg,ColumnsMobileHidden:Eg});var Ag={title:"Hooks / useReferralTable"};function kg(){var e="testestest";var r=e;window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com"};o((function(){m({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:e,accountId:r}}function Dg(e){var r=e.token,t=e.id;var n=t;window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com"};o((function(){m({accountId:n,id:t,jwt:r});return function(){window.widgetIdent=undefined;m(undefined)}}),[]);return{id:t,accountId:n}}var Cg=_a((function(){kg();g("sam-partner-test-2");return r("sqm-referral-table",null,r("sqm-referral-table-user-column",null),r("sqm-referral-table-status-column",null),r("sqm-referral-table-date-column",null),r("sqm-referral-table-rewards-column",null))}));var _g=_a((function(){return r("sqm-referral-table",null,r("sqm-referral-table-user-column",null),r("sqm-referral-table-status-column",null),r("sqm-referral-table-date-column",null),r("sqm-referral-table-rewards-column",null))}));var Tg=_a((function(){return r("sqm-referral-table",{"show-referrer":"true"},r("sqm-referral-table-user-column",null),r("sqm-referral-table-status-column",null),r("sqm-referral-table-date-column",null),r("sqm-referral-table-rewards-column",null))}));var Rg=_a((function(){Dg({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",id:"samenglish"});g("klip-referral-program");return r("sqm-referral-table",{"per-page":"4"},r("sqm-referral-table-user-column",{"column-title":"User"}),r("sqm-referral-table-status-column",{"column-title":"Referral Status"}),r("sqm-referral-table-rewards-column",null),r("sqm-referral-table-date-column",{"column-title":"Date Referred","date-shown":"dateReferralStarted"}))}));var Ig=_a((function(){Dg({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",id:"samturkey"});g("klip-referral-program");return r("sqm-referral-table",{"more-label":"Daha","prev-label":"Öncesi","empty-state-text":"Henüz Ödül Yok","per-page":"4"},r("sqm-referral-table-user-column",{"column-title":"Kullanıcılar","anonymous-user":"Anonim Kullanıcı","deleted-user":"Silinmiş Kullanıcı"}),r("sqm-referral-table-status-column",{"column-title":"Durumu","converted-status-text":"Dönüştür","in-progress-status-text":"Devam etmekte"}),r("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ı:"}),r("sqm-referral-table-date-column",{"column-title":"Tarih","date-shown":"dateReferralStarted"}))}));var Sg=_a((function(){Dg({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",id:"samfrench"});g("klip-referral-program");return r("sqm-referral-table",{"more-label":"Plus","prev-label":"Précédent","empty-state-text":"Aucune Référence Maintenant","per-page":"4"},r("sqm-referral-table-user-column",{"column-title":"Utilisateur","anonymous-user":"Utilisateur Anonyme","deleted-user":"Utilisateur Supprimé"}),r("sqm-referral-table-status-column",{"column-title":"Statut de Parrainage","converted-status-text":"Converti","in-progress-status-text":"En cours"}),r("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"}),r("sqm-referral-table-date-column",{"column-title":"Date de Référence","date-shown":"dateReferralStarted"}))}));var Pg=Object.freeze({__proto__:null,default:Ag,ReferralTable:Cg,ReferralTableDemoHook:_g,ReferralTableDemoHookShowReferrer:Tg,ReferralTableEn:Rg,ReferralTableTr:Ig,ReferralTableFr:Sg});var Ng='@author:kutay\r\n@owner:kutay\r\nFeature: Hero Image\r\n\r\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.\r\n\r\n\tBackground: A user on the portal is viewing the widget\r\n\t\tGiven a user viewing the Hero Image component\r\n\r\n\t@motivating\r\n\tScenario: Overlay image displays header, description, and button with brand color\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop        | value                                                              |\r\n\t\t\t| image-url   | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.png/"                                 |\r\n\t\t\t| header      | "Klip Rewards"                                                     |\r\n\t\t\t| description | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text | "Start earning"                                                    |\r\n\t\t\t| layout      | "overlay"                                                          |\r\n\t\tThen they see their image\r\n\t\tAnd the image has no padding\r\n\t\tAnd it has a brand colour overlay\r\n\t\tAnd "Klip Rewards" is displayed over top of the image in xxx-large font\r\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\r\n\t\tAnd below they see a brand coloured button with text "Start earning"\r\n\t\tAnd the text section has xxx-large padding\r\n\t\tWhen the component is scaled down to 599px\r\n\t\tThen the image is scaled to fit content\r\n\r\n\t@motivating\r\n\tScenario Outline: Overlay image crop can be aligned left, center or right\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop        | value                                                              |\r\n\t\t\t| image-url   | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.png/"                                 |\r\n\t\t\t| header      | "Klip Rewards"                                                     |\r\n\t\t\t| description | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text | "Start earning"                                                    |\r\n\t\t\t| layout      | "overlay"                                                          |\r\n\t\t\t| image-pos   | <value>                                                            |\r\n\t\tThen the image with overlay is displayed\r\n\t\tWhen the component is scaled down to 599px\r\n\t\tThen the image is <alignment> to fit content\r\n\t\tExamples:\r\n\t\t\t| value  | alignment     |\r\n\t\t\t| left   | left aligned  |\r\n\t\t\t| center | centered      |\r\n\t\t\t| right  | right aligned |\r\n\t\t\t| N/A    | centered      |\r\n\r\n\t@motivating\r\n\tScenario Outline: Overlay padding is configurable\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop         | value                                                              |\r\n\t\t\t| image-url    | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.png/"                                 |\r\n\t\t\t| header       | "Klip Rewards"                                                     |\r\n\t\t\t| description  | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text  | "Start earning"                                                    |\r\n\t\t\t| layout       | "overlay"                                                          |\r\n\t\t\t| padding-text | <value>                                                            |\r\n\t\tThen the image with overlay is displayed\r\n\t\tAnd <padding> is applied around header, description and button\r\n\t\tExamples:\r\n\t\t\t| value      | padding    |\r\n\t\t\t| none       | no padding |\r\n\t\t\t| xxx-small  | xxx-small  |\r\n\t\t\t| xx-small   | xx-small   |\r\n\t\t\t| x-small    | x-small    |\r\n\t\t\t| small      | small      |\r\n\t\t\t| medium     | medium     |\r\n\t\t\t| large      | large      |\r\n\t\t\t| x-large    | x-large    |\r\n\t\t\t| xx-large   | xx-large   |\r\n\t\t\t| xxx-large  | xxx-large  |\r\n\t\t\t| xxxx-large | xxxx-large |\r\n\t\t\t| N/A        | no padding |\r\n\r\n\t@motivating\r\n\tScenario Outline: Overlay color and background is configurable\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop            | value                                                              |\r\n\t\t\t| image-url       | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.png/"                                 |\r\n\t\t\t| header          | "Klip Rewards"                                                     |\r\n\t\t\t| description     | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text     | "Start earning"                                                    |\r\n\t\t\t| layout          | "overlay"                                                          |\r\n\t\t\t| text-color      | <textColor>                                                        |\r\n\t\t\t| overlay-color   | <overlayColor>                                                     |\r\n\t\t\t| overlay-opacity | <overlayOpacity>                                                   |\r\n\t\tThen the image with overlay is displayed\r\n\t\tAnd the overlay is <overlayColor>\r\n\t\tAnd the overlay has <overlayOpacity>\r\n\t\tAnd the text is <textColor>\r\n\t\tExamples:\r\n\t\t\t| textColor | overlayColor | overlayOpacity |\r\n\t\t\t| #fffc4b   | #ff7f7f      | 0.9            |\r\n\t\t\t| #1d0314   | #4baa1a      | 0              |\r\n\t\t\t| #211a27   | #aa481a      | 1              |\r\n\r\n\t@motivating\r\n\tScenario: Two-column layout displays an image on one side and on the other side a header, description, and button\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop        | value                                                              |\r\n\t\t\t| image-url   | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.png"                                 |\r\n\t\t\t| header      | "Klip Rewards"                                                     |\r\n\t\t\t| description | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text | "Start earning"                                                    |\r\n\t\t\t| layout      | "columns"                                                          |\r\n\t\tThen the image is displayed on the left\r\n\t\tAnd the following elements are displayed on the right\r\n\t\t\t| elements    |\r\n\t\t\t| header      |\r\n\t\t\t| description |\r\n\t\t\t| button      |\r\n\t\tWhen the component is scaled down to 599px\r\n\t\tThen the two-column layout switches to a row layout\r\n\t\tAnd the image is displayed on top\r\n\t\tAnd the content is displayed below\r\n\r\n\t@motivating\r\n\tScenario Outline: Image position is configurable for desktop and 599pxs\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop             | value                                                              |\r\n\t\t\t| image-url        | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.png"                                 |\r\n\t\t\t| header           | "Klip Rewards"                                                     |\r\n\t\t\t| description      | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text      | "Start earning"                                                    |\r\n\t\t\t| layout           | "columns"                                                          |\r\n\t\t\t| image-pos        | <imagePos>                                                         |\r\n\t\t\t| image-mobile-pos | <imageMobilePos>                                                   |\r\n\t\tThen the image is displayed on the <imagePos>\r\n\t\tWhen the component is scaled down to 599px\r\n\t\tThen two-column layout switches to a row layout\r\n\t\tAnd image is displayed on the <imageMobilePos>\r\n\t\tExamples:\r\n\t\t\t| imagePos | imageMobilePos |\r\n\t\t\t| left     | top            |\r\n\t\t\t| right    | bottom         |\r\n\r\n\t@motivating\r\n\tScenario Outline: Padding is configurable for the image and text of two column layouts\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop          | value                                                              |\r\n\t\t\t| image-url     | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.png"                                 |\r\n\t\t\t| header        | "Klip Rewards"                                                     |\r\n\t\t\t| description   | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text   | "Start earning"                                                    |\r\n\t\t\t| layout        | "columns"                                                          |\r\n\t\t\t| padding-text  | <paddingText>                                                      |\r\n\t\t\t| padding-image | <paddingImage>                                                     |\r\n\t\tThen the two column layout is displayed\r\n\t\tAnd the image has padding <paddingImage>\r\n\t\tAnd the text has padding <paddingText>\r\n\t\tExamples:\r\n\t\t\t| paddingText | paddingImage |\r\n\t\t\t| xxx-small   | xxx-small    |\r\n\t\t\t| xx-small    | xx-small     |\r\n\t\t\t| x-small     | x-small      |\r\n\t\t\t| small       | small        |\r\n\t\t\t| medium      | medium       |\r\n\t\t\t| large       | large        |\r\n\t\t\t| x-large     | x-large      |\r\n\t\t\t| xx-large    | xx-large     |\r\n\t\t\t| xxx-large   | xxx-large    |\r\n\t\t\t| xxxx-large  | xxxx-large   |\r\n\t\t\t| none        | none         |\r\n\r\n\t@motivating\r\n\tScenario Outline: Two-column layout image division percentage is configurable\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop             | value                                                              |\r\n\t\t\t| image-url        | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.png"                                 |\r\n\t\t\t| header           | "Klip Rewards"                                                     |\r\n\t\t\t| description      | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text      | "Start earning"                                                    |\r\n\t\t\t| layout           | "columns"                                                          |\r\n\t\t\t| image-percentage | <percent>                                                          |\r\n\t\tThen the two column layout is displayed\r\n\t\tAnd the image takes up <percent> of the two-column layout\r\n\t\tAnd the text elements take up the remainder of the space\r\n\t\tExamples:\r\n\t\t\t| percent |\r\n\t\t\t| 25%     |\r\n\t\t\t| 42%     |\r\n\t\t\t| 66%     |\r\n\r\n\t@motivating\r\n\tScenario: Two-column layout text and background color is configurable\r\n\t\tGiven a Hero Image component configured with the following props\r\n\t\t\t| prop             | value                                                              |\r\n\t\t\t| image-url        | "https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.png"                                 |\r\n\t\t\t| header           | "Klip Rewards"                                                     |\r\n\t\t\t| description      | "Refer friends or complete tasks while using Klip to earn rewards" |\r\n\t\t\t| button-text      | "Start earning"                                                    |\r\n\t\t\t| layout           | "columns"                                                          |\r\n\t\t\t| text-color       | <textColor>                                                        |\r\n\t\t\t| background-color | <backgroundColor>                                                  |\r\n\t\tThen the two column layout is displayed\r\n\t\tAnd the text has color <textColor>\r\n\t\tAnd the background has color <backgroundColor>\r\n\t\tExamples:\r\n\t\t\t| textColor | backgroundColor |\r\n\t\t\t| #fffc4b   | #ff7f7f         |\r\n\t\t\t| #1d0314   | #4baa1a         |\r\n\t\t\t| #211a27   | #aa481a         |';var Fg={title:"Components/Hero Image",parameters:{scenario:Ng}};var Lg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.png",header:"Klip Rewards",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var Bg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Og=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Gg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 jg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Vg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 zg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Mg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Wg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Ug=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828752/tenant_test_a7iws76wkk4az/aag0ns2mstusdizs0g2x.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 Hg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.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 Jg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.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 $g=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.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 Kg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.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 Xg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828952/tenant_test_a7iws76wkk4az/binv6fy0l94xbljk4qty.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":""})};var Yg=function(){return r("sqm-hero-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643828833/tenant_test_a7iws76wkk4az/ypmzuxldhnbvouujeuks.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 Zg=Object.freeze({__proto__:null,default:Fg,OverlayHeader:Lg,OverlayDescription:Bg,OverlayButton:Og,OverlayPadding:Gg,OverlayLong:jg,OverlayLeft:Vg,OverlayCenter:zg,OverlayRight:Mg,OverlayCustomColors:Wg,OverlayCustomOpacity:Ug,Columns:Hg,ColumnsPadding:Jg,ColumnsLong:$g,ColumnsReverse:Kg,ColumnsCustomPercentage:Xg,ColumnsCustomColors:Yg});var Qg='@author:kutay\r\n@owner:kutay\r\nFeature: Referral Card\r\n\r\n\tThe Referral Card component takes in two slots and displays them side by side.\r\n\r\n\tBackground: A user on the portal is viewing the widget\r\n\t\tGiven a user viewing the Referral Card component\r\n\r\n\t@motivating\r\n\tScenario: Referral Card component displays provided content in left and right slots side by side\r\n\t\tGiven a Referral Card component\r\n\t\tAnd a slot with the name "left"\r\n\t\tAnd a slot with the name "right"\r\n\t\tWhen the user views the referral card\r\n\t\tThen the slot contents are displayed the card with equal width\r\n\t\tWhen the component is scaled down to 499px\r\n\t\tThen the column layout switches to row layout\r\n\t\tAnd the "left" slot content is displayed above the "right" slot content\r\n\r\n\t@motivating\r\n\tScenario Outline: Referral Card component content can be vertically aligned start, center, end\r\n\t\tGiven a Referral Card component\r\n\t\tAnd a slot with the name "left"\r\n\t\tAnd a slot with the name "right"\r\n\t\tAnd the prop "vertical-alignment" has <value>\r\n\t\tThen slots contents are displayed inside the card\r\n\t\tAnd slots are vertically aligned to <alignment> of the card\r\n\t\tExamples:\r\n\t\t\t| value  | alignment  |\r\n\t\t\t| start  | the top    |\r\n\t\t\t| center | the center |\r\n\t\t\t| end    | the bottom |\r\n\t\t\t| N/A    | the top    |\r\n\r\n';var ef={title:"Components/Referral Card",parameters:{scenario:Qg}};var rf=function(e){return r("sqm-portal-container",{gap:"large",slot:e},"Get rewarded when your friend uses Klip",r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829127/tenant_test_a7iws76wkk4az/tvazndfcipf4wyraefb3.png"}))};var tf=function(e){return r("sqm-portal-container",{gap:"large",slot:e},r("sqm-text",null,"Choose how you want to share:"),r("sqm-text",null,r("p",{light:true},"Your unique referral link:"),r("sqm-share-code",null)),r("sqm-portal-container",{gap:"x-small"},r("sqm-share-button",{medium:"email"},"Share via email"),r("sqm-share-button",{medium:"facebook"},"Share on Facebook"),r("sqm-share-button",{medium:"twitter"},"Tweet about us")))};var nf=function(e,t){return r("sqm-timeline",{slot:e,icon:"circle"},t>0&&r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),t>1&&r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),t>2&&r("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),t>3&&r("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"}))};var af=function(){return r("sqm-referral-card",null,rf("left"),tf("right"))};var sf=function(){return r("sqm-referral-card",null,nf("left",3),tf("right"))};var of=function(){return r("sqm-referral-card",{"vertical-alignment":"start"},nf("left",4),tf("right"))};var lf=function(){return r("sqm-referral-card",{"vertical-alignment":"center"},nf("left",4),tf("right"))};var uf=function(){return r("sqm-referral-card",{"vertical-alignment":"end"},nf("left",4),tf("right"))};var df=function(){return r("sqm-referral-card",null,nf("right",3),tf("left"))};var cf=Object.freeze({__proto__:null,default:ef,media:rf,sharebutton:tf,ImageAndShareButtons:af,TimelineAndShareButtons:sf,StartAlignment:of,CenterAlignment:lf,EndAlignment:uf,FlippedSlots:df});var mf='@author:derek\r\n@owner:kutay\r\nFeature: Timeline\r\n\r\n    @motivating\r\n    Scenario: The timeline adds lines between timeline entries\r\n        Given a timeline\r\n        And it has many timeline entries as children\r\n        When a user views the timeline\r\n        Then they see all timeline entries are connected by brand colour lines\r\n        And see that the last entry does not have a line\r\n\r\n    @motivating\r\n    Scenario Outline: The timeline can set the icons used by its timeline entries\r\n        Given a timeline with "icon" <iconPropValue>\r\n        And it has many timeline entries as children\r\n        When a user views the timeline\r\n        Then they see the timeline entries have a <icon>\r\n        Examples:\r\n            | iconPropValue | icon                |\r\n            | gift          | gift icon           |\r\n            | gift          | gift icon           |\r\n            | circle        | brand colour circle |\r\n';var pf='@author:derek\r\n@owner:kutay\r\nFeature: Timeline Entry\r\n\r\n    @motivating\r\n    Scenario: Timeline entries have an icon, a reward and an entry desciption\r\n        Given an timeline entry with the following props\r\n            | prop   | value                                               |\r\n            | unit   | 50$                                                 |\r\n            | reward | Visa Giftcard                                       |\r\n            | desc   | Earn a 50$ Visa Giftcard for each referral you make |\r\n        When a user views the entry\r\n        Then they see a gift icon\r\n        And see "$50 VISA GIFTCARRD" to the right\r\n        And "$50" is bolded with x-large font size\r\n        And below they see "Earn a 50$ Visa Giftcard for each referral you make"\r\n\r\n    @motivating\r\n    Scenario Outline: Icon can either be a gift or a brand colour cirle\r\n        Given a timeline entry with "icon" <iconPropValue>\r\n        When a user views the entry\r\n        Then they see an <icon>\r\n        Examples:\r\n            | iconPropValue 1 | icon                |\r\n            | gift            | gift                |\r\n            | circle          | brand colour circle |\r\n            |                 | gift                |\r\n\r\n    @motivating\r\n    Scenario: A timeline entry can display a line to connect it to another entry\r\n        Given a timeline entry with "line" "true"\r\n        When a user views the entry\r\n        Then they see the entry\r\n        But it has a brand colour line connecting it to the next timeline entry\r\n';var hf=mf+pf;var gf={title:"Components/Timeline",parameters:{scenario:hf}};var ff=function(){return r("div",null,r("sqm-timeline",null,r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"})),r("br",null)," ",r("hr",null)," ",r("br",null),r("sqm-timeline",{icon:"circle"},r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"})))};var bf=function(){return r("div",null,r("sqm-timeline",null,r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"})),r("br",null)," ",r("hr",null)," ",r("br",null),r("sqm-timeline",{icon:"circle"},r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"})))};var vf=function(){return r("div",null,r("sqm-timeline",null,r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),r("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"})),r("br",null)," ",r("hr",null)," ",r("br",null),r("sqm-timeline",{icon:"circle"},r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),r("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"})))};var wf=function(){return r("div",null,r("sqm-timeline",null,r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),r("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),r("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"})),r("br",null)," ",r("hr",null)," ",r("br",null),r("sqm-timeline",{icon:"circle"},r("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),r("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),r("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"})))};var xf=Object.freeze({__proto__:null,default:gf,TimelineWith1Reward:ff,TimelineWith2Rewards:bf,TimelineWith3Rewards:vf,TimelineWith4Rewards:wf});var yf='@author:kutay\r\n@owner:kutay\r\nFeature: Image\r\n\r\n\tBackground: A user on the portal is viewing the widget\r\n\t\tGiven a user viewing the image component\r\n\r\n\t@motivating\r\n\tScenario: Image is displayed from URL\r\n\t\tGiven an Image component\r\n\t\tAnd prop "image-url" is provided with a valid image url\r\n\t\tThen the image is displayed\r\n\t\tAnd it is centered\r\n\r\n\t@motivating\r\n\tScenario Outline: Images can be aligned left, center or right\r\n\t\tGiven an Image component\r\n\t\tAnd prop "image-url" is provided with a valid image url\r\n\t\tAnd prop "align" has <value>\r\n\t\tThen the image is displayed\r\n\t\tAnd it is aligned to the <value>\r\n\t\tExamples:\r\n\t\t\t| value  |\r\n\t\t\t| left   |\r\n\t\t\t| center |\r\n\t\t\t| right  |\r\n\r\n\t@motivating\r\n\tScenario: Image background\r\n\t\tGiven an Image component\r\n\t\tAnd prop "image-url" is provided with a valid image url\r\n\t\tAnd prop "background-color" is provided a color\r\n\t\tThen the image is displayed\r\n\t\tAnd the background is the provided color\r\n\r\n\t@motivating\r\n\tScenario: Image minimum height can be constrained\r\n\t\tGiven an Image component\r\n\t\tAnd prop "image-url" is provided\r\n\t\tAnd prop "min-height" is given a minimum value\r\n\t\tThen the image is displayed\r\n\t\tAnd the container size changes\r\n\t\tThen the image does not shrink below its minimum height';var Ef={title:"Components/Image",parameters:{scenario:yf}};var qf=function(){return r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829007/tenant_test_a7iws76wkk4az/oxghbkf3aazwqz3xusry.png"})};var Af=function(){return r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829007/tenant_test_a7iws76wkk4az/oxghbkf3aazwqz3xusry.png",alignment:"left"})};var kf=function(){return r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829007/tenant_test_a7iws76wkk4az/oxghbkf3aazwqz3xusry.png",alignment:"center"})};var Df=function(){return r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829007/tenant_test_a7iws76wkk4az/oxghbkf3aazwqz3xusry.png",alignment:"right"})};var Cf=function(){return r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829007/tenant_test_a7iws76wkk4az/oxghbkf3aazwqz3xusry.png","background-color":"firebrick",alignment:"center"})};var _f=function(){return r("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829038/tenant_test_a7iws76wkk4az/fpqigwukfrsp12mc7kur.jpg",minHeight:"192px"})};var Tf=Object.freeze({__proto__:null,default:Ef,Image:qf,ImageAlignmentLeft:Af,ImageAlignmentCenter:kf,ImageAlignmentRight:Df,ImageBackground:Cf,MinimumHeight:_f});var Rf='@author:derek\r\n@owner:noah\r\nFeature: Titled Section\r\n\r\n    Background: The titled section has a label and content\r\n        Given a titled section\r\n        And it has a label\r\n        And it has content in the content slot\r\n\r\n    @motivating\r\n    Scenario: Text alignment defaults to left align but can be configured\r\n        Given the titled section has "text-align" <textAlignPropValue>\r\n        When a user views the titled section\r\n        Then the text in the label is <aligned>\r\n        And the text in the content is <aligned>\r\n        Examples:\r\n            | textAlignPropValue | aligned |\r\n            | center             | center  |\r\n            | left               | left    |\r\n            | right              | right   |\r\n            |                    | left    |\r\n\r\n    @minutae\r\n    Scenario: Label margin is configurable\r\n        Given the titled section has "label-margin" <marginPropValue>\r\n        When a user views the titled section\r\n        Then <marginPropValue> margin is between the label and content\r\n        Examples:\r\n            | marginPropValue | margin     |\r\n            | none            | no         |\r\n            | xxx-small       | xxx-small  |\r\n            | xx-small        | xx-small   |\r\n            | x-small         | x-small    |\r\n            | small           | small      |\r\n            | medium          | medium     |\r\n            | large           | large      |\r\n            | x-large         | x-large    |\r\n            | xx-large        | xx-large   |\r\n            | xxx-large       | xxx-large  |\r\n            | xxxx-large      | xxxx-large |\r\n            |                 | no         |\r\n\r\n    @minutae\r\n    Scenario Outline: Titled section padding is configurable\r\n        Given the titled section has "padding" <paddingPropValue>\r\n        When a user views the titled section\r\n        Then <paddingPropValue> padding is applied around the titled section\r\n        Examples:\r\n            | paddingPropValue | padding    |\r\n            | none             | no         |\r\n            | xxx-small        | xxx-small  |\r\n            | xx-small         | xx-small   |\r\n            | x-small          | x-small    |\r\n            | small            | small      |\r\n            | medium           | medium     |\r\n            | large            | large      |\r\n            | x-large          | x-large    |\r\n            | xx-large         | xx-large   |\r\n            | xxx-large        | xxx-large  |\r\n            | xxxx-large       | xxxx-large |\r\n            |                  | no         |';var If={title:"Components/Titled Section",parameters:{scenario:Rf}};var Sf=function(){return r("sqm-titled-section",{"text-align":"left"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards"),r("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")),r("sqm-text",{slot:"content"},r("sqm-referral-card",null,rf("left"),tf("right"))))};var Pf=function(){return r("sqm-titled-section",{"text-align":"center"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards"),r("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")),r("sqm-text",{slot:"content"},r("sqm-referral-card",null,rf("left"),tf("right"))))};var Nf=function(){return r("sqm-titled-section",{"text-align":"right"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards"),r("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")),r("sqm-text",{slot:"content"},r("sqm-referral-card",null,rf("left"),tf("right"))))};var Ff=function(){return r("div",null,r("h3",null,"None"),r("sqm-titled-section",{padding:"none"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xxx-small"),r("sqm-titled-section",{padding:"xxx-small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xx-small"),r("sqm-titled-section",{padding:"xx-small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"x-small"),r("sqm-titled-section",{padding:"x-small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"small"),r("sqm-titled-section",{padding:"small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"medium"),r("sqm-titled-section",{padding:"medium"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"large"),r("sqm-titled-section",{padding:"large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"x-large"),r("sqm-titled-section",{padding:"x-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xx-large"),r("sqm-titled-section",{padding:"xx-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xxx-large"),r("sqm-titled-section",{padding:"xxx-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xxxx-large"),r("sqm-titled-section",{padding:"xxxx-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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 Lf=function(){return r("div",null,r("h3",null,"None"),r("sqm-titled-section",{"label-margin":"none"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xxx-small"),r("sqm-titled-section",{"label-margin":"xxx-small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xx-small"),r("sqm-titled-section",{"label-margin":"xx-small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"x-small"),r("sqm-titled-section",{"label-margin":"x-small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"small"),r("sqm-titled-section",{"label-margin":"small"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"medium"),r("sqm-titled-section",{"label-margin":"medium"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"large"),r("sqm-titled-section",{"label-margin":"large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"x-large"),r("sqm-titled-section",{"label-margin":"x-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xx-large"),r("sqm-titled-section",{"label-margin":"xx-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xxx-large"),r("sqm-titled-section",{"label-margin":"xxx-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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"))),r("br",null),r("hr",null),r("br",null),r("h3",null,"xxxx-large"),r("sqm-titled-section",{"label-margin":"xxxx-large"},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards")),r("sqm-text",{slot:"content"},r("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 Bf=Object.freeze({__proto__:null,default:If,AlignLeft:Sf,AlignCenter:Pf,AlignRight:Nf,Padding:Ff,LabelMargin:Lf});var Of={title:"Components/Scroll"};var Gf=function(){return r("div",{style:{position:"relative",height:"2000px"}},r("sqm-scroll",{"scroll-tag-name":"sqm-text"}),r("div",{style:{position:"absolute",bottom:"0"}},r("sqm-text",{slot:"label"},r("h3",null,"Earn more rewards"),r("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 jf=function(){return r("div",{style:{position:"relative",height:"2000px"}},r("sqm-scroll",{"scroll-id":"my-id"}),r("div",{style:{position:"absolute",bottom:"0"}},r("sqm-text",{slot:"label",id:"my-id"},r("h3",null,"Earn more rewards"),r("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 Vf=function(){return r("div",{style:{position:"relative",height:"2000px"}},r("sqm-scroll",{"scroll-id":"tab-3"}),r("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 zf=Object.freeze({__proto__:null,default:Of,ScrollTag:Gf,ScrollId:jf,ScrollTabGroup:Vf});var Mf="@author:Zach\r\n@owner:Zach\r\nFeature: Tabs\r\n\r\n\tThe Tabs takes in the Tab component as children and maps through to display their header and content.\r\n\r\n\tBackground: A user on the portal is viewing the widget\r\n\t\tGiven a user viewing the Tabs component\r\n\r\n  @motivating\r\n\tScenario: Content inside the active tab is shown\r\n    Given the header is set to <tabHeader>\r\n    And the content inside is <tabContent>\r\n    And the user has clicked <tabHeader>\r\n    Then the <tabContent> is shown\r\n\r\n  Examples:\r\n  | tabHeader | tabContent               |\r\n  | Settings  | This is the settings tab |\r\n  | General   | This is the general tab  |\r\n  | History   | This is the history tab  |\r\n\r\n  @motivating\r\n\tScenario: The placement of the tabs is configurable\r\n    Given The placement prop has been passed a valid <placement>\r\n    Then tabs are placed on the <placementResult>\r\n\r\n    Examples:\r\n  | placement | placementResult                |\r\n  |           | top of the content             |\r\n  | left      | left hand side of the content  |\r\n  | right     | right hand side of the content |\r\n  | bottom    | bottom of the content          |\r\n\r\n\r\n  @minutae\r\n\tScenario Outline: Tabs are setup to use the brand color\r\n    Given the brand color is set to darkblue\r\n    Then the text inside the active tab is darkblue \r\n    And the underline of the active tab is darkblue\r\n\r\n  @ui\r\n\tScenario: Tabs are responsive\r\n    Given the user is on a mobile device \r\n    When there are more tabs than the horizontal space allows for\r\n    Then clickable arrows appear on the left and right of the tabs\r\n    And the tabs are scrollable\r\n\r\n\r\n  \r\n\r\n  \r\n\r\n\r\n\r\n\r\n\r\n";var Wf={title:"Components/Tabs",parameters:{scenario:Mf}};var Uf=function(){return r("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 Hf=function(){return r("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>        <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 Jf=function(){return r("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 $f=function(){return r("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></sqm-referral-table>\n        </sqm-tab>\n        <sqm-tab header="Reward history">\n          <sqm-rewards-table></sqm-rewards-table>\n        </sqm-tab>\n      </sqm-tabs>\n    '})};var Kf=function(){return r("div",{style:{maxWidth:"700px",margin:"auto"},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          <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 Xf=function(){return r("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></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 Yf=function(){return r("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></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 Zf=function(){return r("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></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 Qf=Object.freeze({__proto__:null,default:Wf,SimpleTabs:Uf,ManyTabs:Hf,SingleTab:Jf,ReferralProgram:$f,LoyaltyProgram:Kf,BottomTabs:Xf,LeftTabs:Yf,RightTabs:Zf});var eb='@author:johan\r\n@owner:johan\r\nFeature: Share Code\r\n\r\n  The share code component is a box that allows users to see and copy their referral code for a given program\r\n  \r\n  Background: Environment\r\n    Given there is a valid program ID in the environment\r\n    And there is a valid user ID and account ID in the environment\r\n\r\n  @motivating\r\n  Scenario: A Users referral code can be copied to their clipboard\r\n    Given tooltiptext is "hello tooltip"\r\n    When the component renders\r\n    Then there is a textbox with the user\'s share link\r\n    When the clipboard icon is clicked\r\n    Then the link is copied to clipboard\r\n    And a tooltip will appear for ~1 second\r\n\r\n  @minutae\r\n  Scenario: Tooltip lifespan defaults to 2000\r\n    Given the tooltip\'s lifespan is set to 2000\r\n    And there is tooltip text\r\n    When the component renders\r\n    And the clipboard icon is clicked\r\n    Then a tooltip will appear for ~2 seconds\r\n\r\n  @minutae\r\n  Scenario: Demo\r\n    Given isDemo() returns true\r\n    Then the share link is "https://www.example.com/sharelink/abc"\r\n    And the component won\'t be interactive\r\n    And the tooltip is hidden\r\n\r\n  @minutae\r\n  Scenario: Program ID can be sourced from prop\r\n    Given the programId prop is set to "program-a"\r\n    And window.widgetIdent.programId is set to "program-b"\r\n    When the component renders\r\n    Then the share link is for "program-a"\r\n\r\n  @minutae\r\n  Scenario: Program ID can be sourced from window\r\n    Given the programId prop is unset\r\n    And window.widgetIdent.programId is set to "program-b"\r\n    When the component renders\r\n    Then the share link is for "program-b"\r\n\r\n  @minutae\r\n  Scenario: An analytic event is fired when a user copies their code\r\n    Given a user viewing the share code component\r\n    And the component is rendered for "program-a"\r\n    When they click to copy their code\r\n    Then an "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT" analytic event is fired\r\n    And it is for "program-a"\r\n    And it has share medium "DIRECT"\r\n';var rb={title:"Components/Share Code",parameters:{scenario:eb}};var tb=function(){return r("sqm-share-code",null)};var nb=function(){return r("sqm-share-code",{tooltiptext:"CUSTOM TOOLTIP TEXT"})};var ab=function(){return r("sqm-share-code",{tooltiplifespan:5e3})};var ib=Object.freeze({__proto__:null,default:rb,ShareCode:tb,CustomTooltipText:nb,CustomTooltipDuration:ab});var sb="\n // No CSS\n";var ob="\n:root{\n    "+ge("orange")+"\n}\n";var lb="\n:root{\n    "+ge("#e50914")+"\n}\n";var ub="\n:root{\n    "+ge("#65bd60")+"\n    --sl-font-sans: Arial;\n}\n";var db="\n:root{\n    "+ge("black")+"\n    --sl-font-sans: Georgia, 'Times New Roman', serif;\n}\n";var cb="\n:root{\n    "+ge("#4225C4")+";\n}\n\n";var mb=Object.freeze({__proto__:null,Default:sb,Orangey:ob,Netflix:lb,SaaSquatchCorporate:ub,NYTimes:db,Klip:cb});function pb(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(r){var t=e[r];if(typeof t=="object"&&!Object.isFrozen(t)){pb(t)}}));return e}var hb=pb;var gb=pb;hb.default=gb;var fb=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 bb(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function vb(e){var r=[];for(var t=1;t<arguments.length;t++){r[t-1]=arguments[t]}var n=Object.create(null);for(var a in e){n[a]=e[a]}r.forEach((function(e){for(var r in e){n[r]=e[r]}}));return n}var wb="</span>";var xb=function(e){return!!e.kind};var yb=function(){function e(e,r){this.buffer="";this.classPrefix=r.classPrefix;e.walk(this)}e.prototype.addText=function(e){this.buffer+=bb(e)};e.prototype.openNode=function(e){if(!xb(e))return;var r=e.kind;if(!e.sublanguage){r=""+this.classPrefix+r}this.span(r)};e.prototype.closeNode=function(e){if(!xb(e))return;this.buffer+=wb};e.prototype.value=function(){return this.buffer};e.prototype.span=function(e){this.buffer+='<span class="'+e+'">'};return e}();var Eb=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 r={kind:e,children:[]};this.add(r);this.stack.push(r)};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,r){var t=this;if(typeof r==="string"){e.addText(r)}else if(r.children){e.openNode(r);r.children.forEach((function(r){return t._walk(e,r)}));e.closeNode(r)}return e};e._collapse=function(r){if(typeof r==="string")return;if(!r.children)return;if(r.children.every((function(e){return typeof e==="string"}))){r.children=[r.children.join("")]}else{r.children.forEach((function(r){e._collapse(r)}))}};return e}();var qb=function(e){__extends(r,e);function r(r){var t=e.call(this)||this;t.options=r;return t}r.prototype.addKeyword=function(e,r){if(e===""){return}this.openNode(r);this.addText(e);this.closeNode()};r.prototype.addText=function(e){if(e===""){return}this.add(e)};r.prototype.addSublanguage=function(e,r){var t=e.root;t.kind=r;t.sublanguage=true;this.add(t)};r.prototype.toHTML=function(){var e=new yb(this,this.options);return e.value()};r.prototype.finalize=function(){return true};return r}(Eb);function Ab(e){return new RegExp(e.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")}function kb(e){if(!e)return null;if(typeof e==="string")return e;return e.source}function Db(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t=e.map((function(e){return kb(e)})).join("");return t}function Cb(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t="("+e.map((function(e){return kb(e)})).join("|")+")";return t}function _b(e){return new RegExp(e.toString()+"|").exec("").length-1}function Tb(e,r){var t=e&&e.exec(r);return t&&t.index===0}var Rb=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function Ib(e,r){if(r===void 0){r="|"}var t=0;return e.map((function(e){t+=1;var r=t;var n=kb(e);var a="";while(n.length>0){var i=Rb.exec(n);if(!i){a+=n;break}a+=n.substring(0,i.index);n=n.substring(i.index+i[0].length);if(i[0][0]==="\\"&&i[1]){a+="\\"+String(Number(i[1])+r)}else{a+=i[0];if(i[0]==="("){t++}}}return a})).map((function(e){return"("+e+")"})).join(r)}var Sb=/\b\B/;var Pb="[a-zA-Z]\\w*";var Nb="[a-zA-Z_]\\w*";var Fb="\\b\\d+(\\.\\d+)?";var Lb="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)";var Bb="\\b(0b[01]+)";var Ob="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~";var Gb=function(e){if(e===void 0){e={}}var r=/^#![ ]*\//;if(e.binary){e.begin=Db(r,/.*\b/,e.binary,/\b.*/)}return vb({className:"meta",begin:r,end:/$/,relevance:0,"on:begin":function(e,r){if(e.index!==0)r.ignoreMatch()}},e)};var jb={begin:"\\\\[\\s\\S]",relevance:0};var Vb={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[jb]};var zb={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[jb]};var Mb={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 Wb=function(e,r,t){if(t===void 0){t={}}var n=vb({className:"comment",begin:e,end:r,contains:[]},t);n.contains.push(Mb);n.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):",relevance:0});return n};var Ub=Wb("//","$");var Hb=Wb("/\\*","\\*/");var Jb=Wb("#","$");var $b={className:"number",begin:Fb,relevance:0};var Kb={className:"number",begin:Lb,relevance:0};var Xb={className:"number",begin:Bb,relevance:0};var Yb={className:"number",begin:Fb+"("+"%|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 Zb={begin:/(?=\/[^/\n]*\/)/,contains:[{className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[jb,{begin:/\[/,end:/\]/,relevance:0,contains:[jb]}]}]};var Qb={className:"title",begin:Pb,relevance:0};var ev={className:"title",begin:Nb,relevance:0};var rv={begin:"\\.\\s*"+Nb,relevance:0};var tv=function(e){return Object.assign(e,{"on:begin":function(e,r){r.data._beginMatch=e[1]},"on:end":function(e,r){if(r.data._beginMatch!==e[1])r.ignoreMatch()}})};var nv=Object.freeze({__proto__:null,MATCH_NOTHING_RE:Sb,IDENT_RE:Pb,UNDERSCORE_IDENT_RE:Nb,NUMBER_RE:Fb,C_NUMBER_RE:Lb,BINARY_NUMBER_RE:Bb,RE_STARTERS_RE:Ob,SHEBANG:Gb,BACKSLASH_ESCAPE:jb,APOS_STRING_MODE:Vb,QUOTE_STRING_MODE:zb,PHRASAL_WORDS_MODE:Mb,COMMENT:Wb,C_LINE_COMMENT_MODE:Ub,C_BLOCK_COMMENT_MODE:Hb,HASH_COMMENT_MODE:Jb,NUMBER_MODE:$b,C_NUMBER_MODE:Kb,BINARY_NUMBER_MODE:Xb,CSS_NUMBER_MODE:Yb,REGEXP_MODE:Zb,TITLE_MODE:Qb,UNDERSCORE_TITLE_MODE:ev,METHOD_GUARD:rv,END_SAME_AS_BEGIN:tv});function av(e,r){var t=e.input[e.index-1];if(t==="."){r.ignoreMatch()}}function iv(e,r){if(!r)return;if(!e.beginKeywords)return;e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)";e.__beforeBegin=av;e.keywords=e.keywords||e.beginKeywords;delete e.beginKeywords;if(e.relevance===undefined)e.relevance=0}function sv(e,r){if(!Array.isArray(e.illegal))return;e.illegal=Cb.apply(void 0,e.illegal)}function ov(e,r){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 lv(e,r){if(e.relevance===undefined)e.relevance=1}var uv=["of","and","for","in","not","or","if","then","parent","list","value"];var dv="keyword";function cv(e,r,t){if(t===void 0){t=dv}var n={};if(typeof e==="string"){a(t,e.split(" "))}else if(Array.isArray(e)){a(t,e)}else{Object.keys(e).forEach((function(t){Object.assign(n,cv(e[t],r,t))}))}return n;function a(e,t){if(r){t=t.map((function(e){return e.toLowerCase()}))}t.forEach((function(r){var t=r.split("|");n[t[0]]=[e,mv(t[0],t[1])]}))}}function mv(e,r){if(r){return Number(r)}return pv(e)?0:1}function pv(e){return uv.includes(e.toLowerCase())}function hv(e,r){var t=r.plugins;function n(r,t){return new RegExp(kb(r),"m"+(e.case_insensitive?"i":"")+(t?"g":""))}var a=function(){function e(){this.matchIndexes={};this.regexes=[];this.matchAt=1;this.position=0}e.prototype.addRule=function(e,r){r.position=this.position++;this.matchIndexes[this.matchAt]=r;this.regexes.push([r,e]);this.matchAt+=_b(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=n(Ib(e),true);this.lastIndex=0};e.prototype.exec=function(e){this.matcherRe.lastIndex=this.lastIndex;var r=this.matcherRe.exec(e);if(!r){return null}var t=r.findIndex((function(e,r){return r>0&&e!==undefined}));var n=this.matchIndexes[t];r.splice(0,t);return Object.assign(r,n)};return e}();var i=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 r=new a;this.rules.slice(e).forEach((function(e){var t=e[0],n=e[1];return r.addRule(t,n)}));r.compile();this.multiRegexes[e]=r;return r};e.prototype.resumingScanAtSamePosition=function(){return this.regexIndex!==0};e.prototype.considerAll=function(){this.regexIndex=0};e.prototype.addRule=function(e,r){this.rules.push([e,r]);if(r.type==="begin")this.count++};e.prototype.exec=function(e){var r=this.getMatcher(this.regexIndex);r.lastIndex=this.lastIndex;var t=r.exec(e);if(this.resumingScanAtSamePosition()){if(t&&t.index===this.lastIndex);else{var n=this.getMatcher(0);n.lastIndex=this.lastIndex+1;t=n.exec(e)}}if(t){this.regexIndex+=t.position+1;if(this.regexIndex===this.count){this.considerAll()}}return t};return e}();function s(e){var r=new i;e.contains.forEach((function(e){return r.addRule(e.begin,{rule:e,type:"begin"})}));if(e.terminatorEnd){r.addRule(e.terminatorEnd,{type:"end"})}if(e.illegal){r.addRule(e.illegal,{type:"illegal"})}return r}function o(r,t){var a=r;if(r.isCompiled)return a;[ov].forEach((function(e){return e(r,t)}));e.compilerExtensions.forEach((function(e){return e(r,t)}));r.__beforeBegin=null;[iv,sv,lv].forEach((function(e){return e(r,t)}));r.isCompiled=true;var i=null;if(typeof r.keywords==="object"){i=r.keywords.$pattern;delete r.keywords.$pattern}if(r.keywords){r.keywords=cv(r.keywords,e.case_insensitive)}if(r.lexemes&&i){throw new Error("ERR: Prefer `keywords.$pattern` to `mode.lexemes`, BOTH are not allowed. (see mode reference) ")}i=i||r.lexemes||/\w+/;a.keywordPatternRe=n(i,true);if(t){if(!r.begin)r.begin=/\B|\b/;a.beginRe=n(r.begin);if(r.endSameAsBegin)r.end=r.begin;if(!r.end&&!r.endsWithParent)r.end=/\B|\b/;if(r.end)a.endRe=n(r.end);a.terminatorEnd=kb(r.end)||"";if(r.endsWithParent&&t.terminatorEnd){a.terminatorEnd+=(r.end?"|":"")+t.terminatorEnd}}if(r.illegal)a.illegalRe=n(r.illegal);if(!r.contains)r.contains=[];r.contains=[].concat.apply([],r.contains.map((function(e){return fv(e==="self"?r:e)})));r.contains.forEach((function(e){o(e,a)}));if(r.starts){o(r.starts,t)}a.matcher=s(a);return a}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=vb(e.classNameAliases||{});return o(e)}function gv(e){if(!e)return false;return e.endsWithParent||gv(e.starts)}function fv(e){if(e.variants&&!e.cachedVariants){e.cachedVariants=e.variants.map((function(r){return vb(e,{variants:null},r)}))}if(e.cachedVariants){return e.cachedVariants}if(gv(e)){return vb(e,{starts:e.starts?vb(e.starts):null})}if(Object.isFrozen(e)){return vb(e)}return e}var bv="10.7.3";function vv(e){return Boolean(e||e==="")}function wv(e){var r={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 bb(this.code)}var r={};if(this.autoDetect){r=e.highlightAuto(this.code);this.detectedLanguage=r.language}else{r=e.highlight(this.language,this.code,this.ignoreIllegals);this.detectedLanguage=this.language}return r.value},autoDetect:function(){return!this.language||vv(this.autodetect)},ignoreIllegals:function(){return true}},render:function(e){return e("pre",{},[e("code",{class:this.className,domProps:{innerHTML:this.highlighted}})])}};var t={install:function(e){e.component("highlightjs",r)}};return{Component:r,VuePlugin:t}}var xv={"after:highlightElement":function(e){var r=e.el,t=e.result,n=e.text;var a=Ev(r);if(!a.length)return;var i=document.createElement("div");i.innerHTML=t.value;t.value=qv(a,Ev(i),n)}};function yv(e){return e.nodeName.toLowerCase()}function Ev(e){var r=[];(function e(t,n){for(var a=t.firstChild;a;a=a.nextSibling){if(a.nodeType===3){n+=a.nodeValue.length}else if(a.nodeType===1){r.push({event:"start",offset:n,node:a});n=e(a,n);if(!yv(a).match(/br|hr|img|input/)){r.push({event:"stop",offset:n,node:a})}}}return n})(e,0);return r}function qv(e,r,t){var n=0;var a="";var i=[];function s(){if(!e.length||!r.length){return e.length?e:r}if(e[0].offset!==r[0].offset){return e[0].offset<r[0].offset?e:r}return r[0].event==="start"?e:r}function o(e){function r(e){return" "+e.nodeName+'="'+bb(e.value)+'"'}a+="<"+yv(e)+[].map.call(e.attributes,r).join("")+">"}function l(e){a+="</"+yv(e)+">"}function u(e){(e.event==="start"?o:l)(e.node)}while(e.length||r.length){var d=s();a+=bb(t.substring(n,d[0].offset));n=d[0].offset;if(d===e){i.reverse().forEach(l);do{u(d.splice(0,1)[0]);d=s()}while(d===e&&d.length&&d[0].offset===n);i.reverse().forEach(o)}else{if(d[0].event==="start"){i.push(d[0].node)}else{i.pop()}u(d.splice(0,1)[0])}}return a+bb(t.substr(n))}var Av={};var kv=function(e){console.error(e)};var Dv=function(e){var r=[];for(var t=1;t<arguments.length;t++){r[t-1]=arguments[t]}console.log.apply(console,__spreadArrays(["WARN: "+e],r))};var Cv=function(e,r){if(Av[e+"/"+r])return;console.log("Deprecated as of "+e+". "+r);Av[e+"/"+r]=true};var _v=bb;var Tv=vb;var Rv=Symbol("nomatch");var Iv=function(e){var r=Object.create(null);var t=Object.create(null);var n=[];var a=true;var i=/(^(<[^>]+>|\t|)+|\n)/gm;var s="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:qb};function u(e){return l.noHighlightRe.test(e)}function d(e){var r=e.className+" ";r+=e.parentNode?e.parentNode.className:"";var t=l.languageDetectRe.exec(r);if(t){var n=I(t[1]);if(!n){Dv(s.replace("{}",t[1]));Dv("Falling back to no-highlight mode for this block.",e)}return n?t[1]:"no-highlight"}return r.split(/\s+/).find((function(e){return u(e)||I(e)}))}function c(e,r,t,n){var a="";var i="";if(typeof r==="object"){a=e;t=r.ignoreIllegals;i=r.language;n=undefined}else{Cv("10.7.0","highlight(lang, code, ...args) has been deprecated.");Cv("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277");i=e;a=r}var s={code:a,language:i};L("before:highlight",s);var o=s.result?s.result:m(s.language,s.code,t,n);o.code=s.code;L("after:highlight",o);return o}function m(e,t,i,o){function u(e,r){var t=q.case_insensitive?r[0].toLowerCase():r[0];return Object.prototype.hasOwnProperty.call(e.keywords,t)&&e.keywords[t]}function d(){if(!D.keywords){_.addText(T);return}var e=0;D.keywordPatternRe.lastIndex=0;var r=D.keywordPatternRe.exec(T);var t="";while(r){t+=T.substring(e,r.index);var n=u(D,r);if(n){var a=n[0],i=n[1];_.addText(t);t="";R+=i;if(a.startsWith("_")){t+=r[0]}else{var s=q.classNameAliases[a]||a;_.addKeyword(r[0],s)}}else{t+=r[0]}e=D.keywordPatternRe.lastIndex;r=D.keywordPatternRe.exec(T)}t+=T.substr(e);_.addText(t)}function c(){if(T==="")return;var e=null;if(typeof D.subLanguage==="string"){if(!r[D.subLanguage]){_.addText(T);return}e=m(D.subLanguage,T,true,C[D.subLanguage]);C[D.subLanguage]=e.top}else{e=h(T,D.subLanguage.length?D.subLanguage:null)}if(D.relevance>0){R+=e.relevance}_.addSublanguage(e.emitter,e.language)}function p(){if(D.subLanguage!=null){c()}else{d()}T=""}function g(e){if(e.className){_.openNode(q.classNameAliases[e.className]||e.className)}D=Object.create(e,{parent:{value:D}});return D}function f(e,r,t){var n=Tb(e.endRe,t);if(n){if(e["on:end"]){var a=new fb(e);e["on:end"](r,a);if(a.isMatchIgnored)n=false}if(n){while(e.endsParent&&e.parent){e=e.parent}return e}}if(e.endsWithParent){return f(e.parent,r,t)}}function b(e){if(D.matcher.regexIndex===0){T+=e[0];return 1}else{N=true;return 0}}function v(e){var r=e[0];var t=e.rule;var n=new fb(t);var a=[t.__beforeBegin,t["on:begin"]];for(var i=0,s=a;i<s.length;i++){var o=s[i];if(!o)continue;o(e,n);if(n.isMatchIgnored)return b(r)}if(t&&t.endSameAsBegin){t.endRe=Ab(r)}if(t.skip){T+=r}else{if(t.excludeBegin){T+=r}p();if(!t.returnBegin&&!t.excludeBegin){T=r}}g(t);return t.returnBegin?0:r.length}function w(e){var r=e[0];var n=t.substr(e.index);var a=f(D,e,n);if(!a){return Rv}var i=D;if(i.skip){T+=r}else{if(!(i.returnEnd||i.excludeEnd)){T+=r}p();if(i.excludeEnd){T=r}}do{if(D.className){_.closeNode()}if(!D.skip&&!D.subLanguage){R+=D.relevance}D=D.parent}while(D!==a.parent);if(a.starts){if(a.endSameAsBegin){a.starts.endRe=a.endRe}g(a.starts)}return i.returnEnd?0:r.length}function x(){var e=[];for(var r=D;r!==q;r=r.parent){if(r.className){e.unshift(r.className)}}e.forEach((function(e){return _.openNode(e)}))}var y={};function E(r,n){var s=n&&n[0];T+=r;if(s==null){p();return 0}if(y.type==="begin"&&n.type==="end"&&y.index===n.index&&s===""){T+=t.slice(n.index,n.index+1);if(!a){var o=new Error("0 width match regex");o.languageName=e;o.badRule=y.rule;throw o}return 1}y=n;if(n.type==="begin"){return v(n)}else if(n.type==="illegal"&&!i){var o=new Error('Illegal lexeme "'+s+'" for mode "'+(D.className||"<unnamed>")+'"');o.mode=D;throw o}else if(n.type==="end"){var l=w(n);if(l!==Rv){return l}}if(n.type==="illegal"&&s===""){return 1}if(P>1e5&&P>n.index*3){var o=new Error("potential infinite loop, way more iterations than matches");throw o}T+=s;return s.length}var q=I(e);if(!q){kv(s.replace("{}",e));throw new Error('Unknown language: "'+e+'"')}var A=hv(q,{plugins:n});var k="";var D=o||A;var C={};var _=new l.__emitter(l);x();var T="";var R=0;var S=0;var P=0;var N=false;try{D.matcher.considerAll();for(;;){P++;if(N){N=false}else{D.matcher.considerAll()}D.matcher.lastIndex=S;var F=D.matcher.exec(t);if(!F)break;var L=t.substring(S,F.index);var B=E(L,F);S=F.index+B}E(t.substr(S));_.closeAllNodes();_.finalize();k=_.toHTML();return{relevance:Math.floor(R),value:k,language:e,illegal:false,emitter:_,top:D}}catch(r){if(r.message&&r.message.includes("Illegal")){return{illegal:true,illegalBy:{msg:r.message,context:t.slice(S-100,S+100),mode:r.mode},sofar:k,relevance:0,value:_v(t),emitter:_}}else if(a){return{illegal:false,relevance:0,value:_v(t),emitter:_,language:e,top:D,errorRaised:r}}else{throw r}}}function p(e){var r={relevance:0,emitter:new l.__emitter(l),value:_v(e),illegal:false,top:o};r.emitter.addText(e);return r}function h(e,t){t=t||l.languages||Object.keys(r);var n=p(e);var a=t.filter(I).filter(P).map((function(r){return m(r,e,false)}));a.unshift(n);var i=a.sort((function(e,r){if(e.relevance!==r.relevance)return r.relevance-e.relevance;if(e.language&&r.language){if(I(e.language).supersetOf===r.language){return 1}else if(I(r.language).supersetOf===e.language){return-1}}return 0}));var s=i[0],o=i[1];var u=s;u.second_best=o;return u}function g(e){if(!(l.tabReplace||l.useBR)){return e}return e.replace(i,(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,r,n){var a=r?t[r]:n;e.classList.add("hljs");if(a)e.classList.add(a)}var b={"before:highlightElement":function(e){var r=e.el;if(l.useBR){r.innerHTML=r.innerHTML.replace(/\n/g,"").replace(/<br[ /]*>/g,"\n")}},"after:highlightElement":function(e){var r=e.result;if(l.useBR){r.value=r.value.replace(/\n/g,"<br>")}}};var v=/^(<[^>]+>|\t)+/gm;var w={"after:highlightElement":function(e){var r=e.result;if(l.tabReplace){r.value=r.value.replace(v,(function(e){return e.replace(/\t/g,l.tabReplace)}))}}};function x(e){var r=null;var t=d(e);if(u(t))return;L("before:highlightElement",{el:e,language:t});r=e;var n=r.textContent;var a=t?c(n,{language:t,ignoreIllegals:true}):h(n);L("after:highlightElement",{el:e,result:a,text:n});e.innerHTML=a.value;f(e,t,a.language);e.result={language:a.language,re:a.relevance,relavance:a.relevance};if(a.second_best){e.second_best={language:a.second_best.language,re:a.second_best.relevance,relavance:a.second_best.relevance}}}function y(e){if(e.useBR){Cv("10.3.0","'useBR' will be removed entirely in v11.0");Cv("10.3.0","Please see https://github.com/highlightjs/highlight.js/issues/2559")}l=Tv(l,e)}var E=function(){if(E.called)return;E.called=true;Cv("10.6.0","initHighlighting() is deprecated.  Use highlightAll() instead.");var e=document.querySelectorAll("pre code");e.forEach(x)};function q(){Cv("10.6.0","initHighlightingOnLoad() is deprecated.  Use highlightAll() instead.");A=true}var A=false;function k(){if(document.readyState==="loading"){A=true;return}var e=document.querySelectorAll("pre code");e.forEach(x)}function D(){if(A)k()}if(typeof window!=="undefined"&&window.addEventListener){window.addEventListener("DOMContentLoaded",D,false)}function C(t,n){var i=null;try{i=n(e)}catch(e){kv("Language definition for '{}' could not be registered.".replace("{}",t));if(!a){throw e}else{kv(e)}i=o}if(!i.name)i.name=t;r[t]=i;i.rawDefinition=n.bind(null,e);if(i.aliases){S(i.aliases,{languageName:t})}}function _(e){delete r[e];for(var n=0,a=Object.keys(t);n<a.length;n++){var i=a[n];if(t[i]===e){delete t[i]}}}function T(){return Object.keys(r)}function R(e){Cv("10.4.0","requireLanguage will be removed entirely in v11.");Cv("10.4.0","Please see https://github.com/highlightjs/highlight.js/pull/2844");var r=I(e);if(r){return r}var t=new Error("The '{}' language is required, but not loaded.".replace("{}",e));throw t}function I(e){e=(e||"").toLowerCase();return r[e]||r[t[e]]}function S(e,r){var n=r.languageName;if(typeof e==="string"){e=[e]}e.forEach((function(e){t[e.toLowerCase()]=n}))}function P(e){var r=I(e);return r&&!r.disableAutodetect}function N(e){if(e["before:highlightBlock"]&&!e["before:highlightElement"]){e["before:highlightElement"]=function(r){e["before:highlightBlock"](Object.assign({block:r.el},r))}}if(e["after:highlightBlock"]&&!e["after:highlightElement"]){e["after:highlightElement"]=function(r){e["after:highlightBlock"](Object.assign({block:r.el},r))}}}function F(e){N(e);n.push(e)}function L(e,r){var t=e;n.forEach((function(e){if(e[t]){e[t](r)}}))}function B(e){Cv("10.2.0","fixMarkup will be removed entirely in v11.0");Cv("10.2.0","Please see https://github.com/highlightjs/highlight.js/issues/2534");return g(e)}function O(e){Cv("10.7.0","highlightBlock will be removed entirely in v12.0");Cv("10.7.0","Please use highlightElement now.");return x(e)}Object.assign(e,{highlight:c,highlightAuto:h,highlightAll:k,fixMarkup:B,highlightElement:x,highlightBlock:O,configure:y,initHighlighting:E,initHighlightingOnLoad:q,registerLanguage:C,unregisterLanguage:_,listLanguages:T,getLanguage:I,registerAliases:S,requireLanguage:R,autoDetection:P,inherit:Tv,addPlugin:F,vuePlugin:wv(e).VuePlugin});e.debugMode=function(){a=false};e.safeMode=function(){a=true};e.versionString=bv;for(var G in nv){if(typeof nv[G]==="object"){hb(nv[G])}}Object.assign(e,nv);e.addPlugin(b);e.addPlugin(xv);e.addPlugin(w);return e};var Sv=Iv({});var Pv=Sv;function Nv(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 Fv=Nv;Pv.registerLanguage("gherkin",Fv);var Lv=function(e,t){var n=e.story;var a;var i=(a=n.parent.parameters)===null||a===void 0?void 0:a.scenario;var s;try{s=Pv.highlight("gherkin",i)}catch(e){}return r("div",null,r("details",null,r("summary",null,"Specs"),s&&r("pre",{innerHTML:s.value})),t)};var Bv=[Jn,ea,ca,Da,za,ui,hi,Ji,Yi,is,Ga,Ya,ni,cs,Xs,eo,no,mo,Ao,Fo,Ho,ol,hl,wl,_l,Ml,nu,kd,Ld,Zu,jd,Ud,wc,hm,xm,km,Nm,Hm,Zm,ip,kp,ys,Bs,Is,Rp,Fp,Wp,rh,mh,sg,qg,Pg,Zg,cf,xf,Tf,Bf,zf,Qf,ib];var Ov=e("sqm_stencilbook",function(){function e(e){t(this,e);this.ignored=true;u(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=Pn(Bv,{h:r,title:"Mint Components",addons:[Lv,fe,Ca]}),t=e.class,a=e.children;var i=s("Default"),o=i[0],l=i[1];var u=s(true),d=u[0],c=u[1];var m=Object.keys(mb);var p=mb[o];return r(n,{class:t,onClick:{}},r("div",{style:{position:"absolute",top:"0",right:"0",zIndex:"999999"}},"Branding:",r("select",{onChange:function(e){return l(e.target.value)}},m.map((function(e){return r("option",{selected:e===o},e)}))),r("div",null,r("div",null)),r(Gv,null),r("br",null),r("input",{type:"checkbox",id:"checkerboard",onClick:function(){return c(!d)},onChange:function(){return document.documentElement.style.setProperty("--checker-color-1",d?"#ebebeb":"#ffffff00")}}),r("label",{htmlFor:"checkerboard"},"Checkerboard?")),r("style",null,p),r("style",null,Yd),a)};return e}());function Gv(){return r("span",null,r(jv,null),r(jv,{type:"success"}),r(jv,{type:"warning"}),r(jv,{type:"danger"}),r(jv,{type:"neutral"}))}function jv(e){var t=e.type,n=t===void 0?"primary":t;return r("span",{style:{background:"var(--sl-color-"+n+"-500)",width:"1em",marginRight:"2px",padding:"0 4px"},title:n},n.charAt(0))}}}}));