@saasquatch/mint-components 1.5.0-76 → 1.5.0-77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/cjs/{GenericTableView-2cdb4c5d.js → GenericTableView-bdb16907.js} +1 -1
  2. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +1 -1
  3. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +1 -1
  4. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
  5. package/dist/collection/tables/GenericTableView.js +1 -1
  6. package/dist/esm/{GenericTableView-79b65de0.js → GenericTableView-ea3fc435.js} +1 -1
  7. package/dist/esm/sqm-referral-table_11.entry.js +1 -1
  8. package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
  9. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  10. package/dist/esm-es5/GenericTableView-ea3fc435.js +1 -0
  11. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  12. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  13. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  14. package/dist/mint-components/mint-components.esm.js +1 -1
  15. package/dist/mint-components/p-233dfb7d.system.js +1 -1
  16. package/dist/mint-components/{p-6dc64a2f.system.entry.js → p-3556a51c.system.entry.js} +1 -1
  17. package/dist/mint-components/p-49cb162a.system.js +1 -0
  18. package/dist/mint-components/{p-7c8ca014.entry.js → p-530fd9c3.entry.js} +1 -1
  19. package/dist/mint-components/{p-f494eaa5.entry.js → p-74afeb85.entry.js} +1 -1
  20. package/dist/mint-components/{p-e8ae39ef.system.entry.js → p-92162199.system.entry.js} +1 -1
  21. package/dist/mint-components/p-9bf208d8.js +1 -0
  22. package/dist/mint-components/{p-38e81e7a.entry.js → p-cc8f816e.entry.js} +1 -1
  23. package/dist/mint-components/{p-23ece152.system.entry.js → p-eb601f3b.system.entry.js} +1 -1
  24. package/package.json +1 -1
  25. package/dist/esm-es5/GenericTableView-79b65de0.js +0 -1
  26. package/dist/mint-components/p-3a374367.js +0 -1
  27. package/dist/mint-components/p-d0acc0d5.system.js +0 -1
package/dist/esm-es5/sqm-stencilbook.entry.js CHANGED
@@ -1 +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,s){function i(e){try{l(n.next(e))}catch(e){s(e)}}function o(e){try{l(n["throw"](e))}catch(e){s(e)}}function l(e){e.done?t(e.value):a(e.value).then(i,o)}l((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,a,s,i;return i={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function o(e){return function(r){return l([e,r])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,a&&(s=i[0]&2?a["return"]:i[0]?a["throw"]||((s=a["return"])&&s.call(a),0):a.next)&&!(s=s.call(a,i[1])).done)return s;if(a=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;a=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(s=t.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){t.label=i[1];break}if(i[0]===6&&t.label<s[1]){t.label=s[1];s=i;break}if(s&&t.label<s[2]){t.label=s[2];t.ops.push(i);break}if(s[2])t.ops.pop();t.trys.pop();continue}i=r.call(e,t)}catch(e){i=[6,e];a=0}finally{n=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,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 s=arguments[r],i=0,o=s.length;i<o;i++,a++)n[a]=s[i];return n};import{h,r as registerInstance,c as Host}from"./index-17b4da69.js";import{a as commonjsGlobal,i as useMemo,k as useState,u as useEffect,c as createCommonjsModule,m as h$1}from"./stencil-hooks.module-2f159754.js";import"./global-c2179248.js";import"./use-callback-d8ef4b5d.js";import{p as pn,h as hn,Y,d as dist,K as Ke,A as A$1}from"./index.module-ec3dcc82.js";import"./extends-c31f1eff.js";import"./cjs-bdfb4486.js";import"./mixins-10353a39.js";import{c as createStyleSheet}from"./JSS-96eeab98.js";import{G as GenericTableView}from"./GenericTableView-79b65de0.js";import{l as luxon}from"./luxon-5fa22651.js";import{g as getProps}from"./utils-1d345130.js";import"./sqm-text-span-view-7e61c95c.js";import{A as AssetCardView}from"./sqm-asset-card-view-f9ca5345.js";import{B as BigStatView}from"./sqm-big-stat-view-309f7c1f.js";import{a as useBigStat,u as useDemoBigStat}from"./useDemoBigStat-022e116d.js";import{H as HeroView}from"./sqm-hero-view-190bc812.js";import{L as LeaderboardRankView}from"./sqm-leaderboard-rank-view-da91f5f3.js";import{N as NameFieldsView}from"./sqm-name-fields-view-69b1583f.js";import{N as NavigationSidebarView}from"./sqm-navigation-sidebar-view-816558e3.js";import{N as NavigationSidebarItemView}from"./sqm-navigation-sidebar-item-view-a6f7f96c.js";import{P as PortalEmailVerificationView}from"./sqm-portal-email-verification-view-8acdcd89.js";import{a as PoweredByImg$1,P as PortalFooterView}from"./sqm-portal-footer-view-9995ad03.js";import{P as PortalForgotPasswordView}from"./sqm-portal-forgot-password-view-fa088f83.js";import{P as PortalContainerView}from"./sqm-portal-container-view-f74db584.js";import{P as PortalProfileView}from"./sqm-portal-profile-view-71c84f2e.js";import{P as PortalResetPasswordView}from"./sqm-portal-reset-password-view-73e14282.js";import{P as PortalVerifyEmailView}from"./sqm-portal-verify-email-view-cbf1cfdc.js";import{S as StatContainerView}from"./sqm-stat-container-view-8a565c5a.js";import{S as ShareButtonView,a as ShareLinkView,L as LeaderboardView,P as PortalFrameView,E as EditProfileView,u as useShareLink,b as useShareButton,c as PortalChangePasswordView,d as PortalLoginView,e as PortalRegisterView,T as TaskCardView,f as ProgressBarView,R as ReferralIframeView,g as RewardExchangeView,C as CardFeedView,h as autoColorScaleCss,i as ShadowViewAddon}from"./ShadowViewAddon-9ee208b0.js";import{P as PortalSectionView}from"./sqm-portal-section-view-88a80af9.js";var INFINITY=1/0;var symbolTag="[object Symbol]";var reAsciiWord=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var reLatin=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;var rsAstralRange="\\ud800-\\udfff",rsComboMarksRange="\\u0300-\\u036f\\ufe20-\\ufe23",rsComboSymbolsRange="\\u20d0-\\u20f0",rsDingbatRange="\\u2700-\\u27bf",rsLowerRange="a-z\\xdf-\\xf6\\xf8-\\xff",rsMathOpRange="\\xac\\xb1\\xd7\\xf7",rsNonCharRange="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",rsPunctuationRange="\\u2000-\\u206f",rsSpaceRange=" \\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",rsUpperRange="A-Z\\xc0-\\xd6\\xd8-\\xde",rsVarRange="\\ufe0e\\ufe0f",rsBreakRange=rsMathOpRange+rsNonCharRange+rsPunctuationRange+rsSpaceRange;var rsApos="['’]",rsAstral="["+rsAstralRange+"]",rsBreak="["+rsBreakRange+"]",rsCombo="["+rsComboMarksRange+rsComboSymbolsRange+"]",rsDigits="\\d+",rsDingbat="["+rsDingbatRange+"]",rsLower="["+rsLowerRange+"]",rsMisc="[^"+rsAstralRange+rsBreakRange+rsDigits+rsDingbatRange+rsLowerRange+rsUpperRange+"]",rsFitz="\\ud83c[\\udffb-\\udfff]",rsModifier="(?:"+rsCombo+"|"+rsFitz+")",rsNonAstral="[^"+rsAstralRange+"]",rsRegional="(?:\\ud83c[\\udde6-\\uddff]){2}",rsSurrPair="[\\ud800-\\udbff][\\udc00-\\udfff]",rsUpper="["+rsUpperRange+"]",rsZWJ="\\u200d";var rsLowerMisc="(?:"+rsLower+"|"+rsMisc+")",rsUpperMisc="(?:"+rsUpper+"|"+rsMisc+")",rsOptLowerContr="(?:"+rsApos+"(?:d|ll|m|re|s|t|ve))?",rsOptUpperContr="(?:"+rsApos+"(?:D|LL|M|RE|S|T|VE))?",reOptMod=rsModifier+"?",rsOptVar="["+rsVarRange+"]?",rsOptJoin="(?:"+rsZWJ+"(?:"+[rsNonAstral,rsRegional,rsSurrPair].join("|")+")"+rsOptVar+reOptMod+")*",rsSeq=rsOptVar+reOptMod+rsOptJoin,rsEmoji="(?:"+[rsDingbat,rsRegional,rsSurrPair].join("|")+")"+rsSeq,rsSymbol="(?:"+[rsNonAstral+rsCombo+"?",rsCombo,rsRegional,rsSurrPair,rsAstral].join("|")+")";var reApos=RegExp(rsApos,"g");var reComboMark=RegExp(rsCombo,"g");var reUnicode=RegExp(rsFitz+"(?="+rsFitz+")|"+rsSymbol+rsSeq,"g");var reUnicodeWord=RegExp([rsUpper+"?"+rsLower+"+"+rsOptLowerContr+"(?="+[rsBreak,rsUpper,"$"].join("|")+")",rsUpperMisc+"+"+rsOptUpperContr+"(?="+[rsBreak,rsUpper+rsLowerMisc,"$"].join("|")+")",rsUpper+"?"+rsLowerMisc+"+"+rsOptLowerContr,rsUpper+"+"+rsOptUpperContr,rsDigits,rsEmoji].join("|"),"g");var reHasUnicode=RegExp("["+rsZWJ+rsAstralRange+rsComboMarksRange+rsComboSymbolsRange+rsVarRange+"]");var reHasUnicodeWord=/[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var deburredLetters={"À":"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 freeGlobal=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal;var freeSelf=typeof self=="object"&&self&&self.Object===Object&&self;var root=freeGlobal||freeSelf||Function("return this")();function arrayReduce(e,r,t,n){var a=-1,s=e?e.length:0;if(n&&s){t=e[++a]}while(++a<s){t=r(t,e[a],a,e)}return t}function asciiToArray(e){return e.split("")}function asciiWords(e){return e.match(reAsciiWord)||[]}function basePropertyOf(e){return function(r){return e==null?undefined:e[r]}}var deburrLetter=basePropertyOf(deburredLetters);function hasUnicode(e){return reHasUnicode.test(e)}function hasUnicodeWord(e){return reHasUnicodeWord.test(e)}function stringToArray(e){return hasUnicode(e)?unicodeToArray(e):asciiToArray(e)}function unicodeToArray(e){return e.match(reUnicode)||[]}function unicodeWords(e){return e.match(reUnicodeWord)||[]}var objectProto=Object.prototype;var objectToString=objectProto.toString;var Symbol$1=root.Symbol;var symbolProto=Symbol$1?Symbol$1.prototype:undefined,symbolToString=symbolProto?symbolProto.toString:undefined;function baseSlice(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 s=Array(a);while(++n<a){s[n]=e[n+r]}return s}function baseToString(e){if(typeof e=="string"){return e}if(isSymbol(e)){return symbolToString?symbolToString.call(e):""}var r=e+"";return r=="0"&&1/e==-INFINITY?"-0":r}function castSlice(e,r,t){var n=e.length;t=t===undefined?n:t;return!r&&t>=n?e:baseSlice(e,r,t)}function createCaseFirst(e){return function(r){r=toString(r);var t=hasUnicode(r)?stringToArray(r):undefined;var n=t?t[0]:r.charAt(0);var a=t?castSlice(t,1).join(""):r.slice(1);return n[e]()+a}}function createCompounder(e){return function(r){return arrayReduce(words(deburr(r).replace(reApos,"")),e,"")}}function isObjectLike(e){return!!e&&typeof e=="object"}function isSymbol(e){return typeof e=="symbol"||isObjectLike(e)&&objectToString.call(e)==symbolTag}function toString(e){return e==null?"":baseToString(e)}function deburr(e){e=toString(e);return e&&e.replace(reLatin,deburrLetter).replace(reComboMark,"")}var startCase=createCompounder((function(e,r,t){return e+(t?" ":"")+upperFirst(r)}));var upperFirst=createCaseFirst("toUpperCase");function words(e,r,t){e=toString(e);r=t?undefined:r;if(r===undefined){return hasUnicodeWord(e)?unicodeWords(e):asciiWords(e)}return e.match(r)||[]}var lodash_startcase=startCase;function sheetForTag(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 createStyleElement(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 StyleSheet=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(createStyleElement(this))}var t=this.tags[this.tags.length-1];if(this.isSpeedy){var n=sheetForTag(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 e="-ms-";var r="-moz-";var a="-webkit-";var c="comm";var n="rule";var t="decl";var i="@import";var p="@keyframes";var k=Math.abs;var d=String.fromCharCode;function m(e,r){return(((r<<2^z(e,0))<<2^z(e,1))<<2^z(e,2))<<2^z(e,3)}function g(e){return e.trim()}function x(e,r){return(e=r.exec(e))?e[0]:e}function y(e,r,t){return e.replace(r,t)}function j(e,r){return e.indexOf(r)}function z(e,r){return e.charCodeAt(r)|0}function C(e,r,t){return e.slice(r,t)}function A(e){return e.length}function M(e){return e.length}function O(e,r){return r.push(e),e}function S(e,r){return e.map(r).join("")}var q=1;var B=1;var D=0;var E=0;var F=0;var G="";function H(e,r,t,n,a,s,i){return{value:e,root:r,parent:t,type:n,props:a,children:s,line:q,column:B,length:i,return:""}}function I(e,r,t){return H(e,r.root,r.parent,t,r.props,r.children,0)}function J(){return F}function K(){F=E>0?z(G,--E):0;if(B--,F===10)B=1,q--;return F}function L(){F=E<D?z(G,E++):0;if(B++,F===10)B=1,q++;return F}function N(){return z(G,E)}function P(){return E}function Q(e,r){return C(G,e,r)}function R(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 T(e){return q=B=1,D=A(G=e),E=0,[]}function U(e){return G="",e}function V(e){return g(Q(E-1,_(e===91?e+2:e===40?e+1:e)))}function X(e){while(F=N())if(F<33)L();else break;return R(e)>2||R(F)>3?"":" "}function Z(e,r){while(--r&&L())if(F<48||F>102||F>57&&F<65||F>70&&F<97)break;return Q(e,P()+(r<6&&N()==32&&L()==32))}function _(e){while(L())switch(F){case e:return E;case 34:case 39:return _(e===34||e===39?e:F);case 40:if(e===41)_(e);break;case 92:L();break}return E}function ee(e,r){while(L())if(e+F===47+10)break;else if(e+F===42+42&&N()===47)break;return"/*"+Q(r,E-1)+"*"+d(e===47?e:L())}function re(e){while(!R(N()))L();return Q(e,E)}function ae(e){return U(ce("",null,null,null,[""],e=T(e),0,[0],e))}function ce(e,r,t,n,a,s,i,o,l){var u=0;var c=0;var m=i;var p=0;var h=0;var g=0;var f=1;var b=1;var w=1;var v=0;var x="";var E=a;var C=s;var _=n;var D=x;while(b)switch(g=v,v=L()){case 34:case 39:case 91:case 40:D+=V(v);break;case 9:case 10:case 13:case 32:D+=X(g);break;case 92:D+=Z(P()-1,7);continue;case 47:switch(N()){case 42:case 47:O(te(ee(L(),P()),r,t),l);break;default:D+="/"}break;case 123*f:o[u++]=A(D)*w;case 125*f:case 59:case 0:switch(v){case 0:case 125:b=0;case 59+c:if(h>0&&A(D)-m)O(h>32?se(D+";",n,t,m-1):se(y(D," ","")+";",n,t,m-2),l);break;case 59:D+=";";default:O(_=ne(D,r,t,u,c,a,o,x,E=[],C=[],m),s);if(v===123)if(c===0)ce(D,r,_,_,E,s,m,o,C);else switch(p){case 100:case 109:case 115:ce(e,_,_,n&&O(ne(e,_,_,0,0,a,o,x,a,E=[],m),C),a,C,m,o,n?E:C);break;default:ce(D,_,_,_,[""],C,m,o,C)}}u=c=h=0,f=w=1,x=D="",m=i;break;case 58:m=1+A(D),h=g;default:if(f<1)if(v==123)--f;else if(v==125&&f++==0&&K()==125)continue;switch(D+=d(v),v*f){case 38:w=c>0?1:(D+="\f",-1);break;case 44:o[u++]=(A(D)-1)*w,w=1;break;case 64:if(N()===45)D+=V(L());p=N(),c=A(x=D+=re(P())),v++;break;case 45:if(g===45&&A(D)==2)f=0}}return s}function ne(e,r,t,a,s,i,o,l,u,d,c){var m=s-1;var p=s===0?i:[""];var h=M(p);for(var f=0,b=0,w=0;f<a;++f)for(var v=0,x=C(e,m+1,m=k(b=o[f])),E=e;v<h;++v)if(E=g(b>0?p[v]+" "+x:y(x,/&\f/g,p[v])))u[w++]=E;return H(e,r,t,s===0?n:l,u,d,c)}function te(e,r,t){return H(e,r,t,c,d(J()),C(e,2,-2),0)}function se(e,r,n,a){return H(e,r,n,t,C(e,0,a),C(e,a+1,-1),a)}function ue(t,n){switch(m(t,n)){case 5103:return a+"print-"+t+t;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 a+t+t;case 5349:case 4246:case 4810:case 6968:case 2756:return a+t+r+t+e+t+t;case 6828:case 4268:return a+t+e+t+t;case 6165:return a+t+e+"flex-"+t+t;case 5187:return a+t+y(t,/(\w+).+(:[^]+)/,a+"box-$1$2"+e+"flex-$1$2")+t;case 5443:return a+t+e+"flex-item-"+y(t,/flex-|-self/,"")+t;case 4675:return a+t+e+"flex-line-pack"+y(t,/align-content|flex-|-self/,"")+t;case 5548:return a+t+e+y(t,"shrink","negative")+t;case 5292:return a+t+e+y(t,"basis","preferred-size")+t;case 6060:return a+"box-"+y(t,"-grow","")+a+t+e+y(t,"grow","positive")+t;case 4554:return a+y(t,/([^-])(transform)/g,"$1"+a+"$2")+t;case 6187:return y(y(y(t,/(zoom-|grab)/,a+"$1"),/(image-set)/,a+"$1"),t,"")+t;case 5495:case 3959:return y(t,/(image-set\([^]*)/,a+"$1"+"$`$1");case 4968:return y(y(t,/(.+:)(flex-)?(.*)/,a+"box-pack:$3"+e+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+a+t+t;case 4095:case 3583:case 4068:case 2532:return y(t,/(.+)-inline(.+)/,a+"$1$2")+t;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(A(t)-1-n>6)switch(z(t,n+1)){case 109:if(z(t,n+4)!==45)break;case 102:return y(t,/(.+:)(.+)-([^]+)/,"$1"+a+"$2-$3"+"$1"+r+(z(t,n+3)==108?"$3":"$2-$3"))+t;case 115:return~j(t,"stretch")?ue(y(t,"stretch","fill-available"),n)+t:t}break;case 4949:if(z(t,n+1)!==115)break;case 6444:switch(z(t,A(t)-3-(~j(t,"!important")&&10))){case 107:return y(t,":",":"+a)+t;case 101:return y(t,/(.+:)([^;!]+)(;|!.+)?/,"$1"+a+(z(t,14)===45?"inline-":"")+"box$3"+"$1"+a+"$2$3"+"$1"+e+"$2box$3")+t}break;case 5936:switch(z(t,n+11)){case 114:return a+t+e+y(t,/[svh]\w+-[tblr]{2}/,"tb")+t;case 108:return a+t+e+y(t,/[svh]\w+-[tblr]{2}/,"tb-rl")+t;case 45:return a+t+e+y(t,/[svh]\w+-[tblr]{2}/,"lr")+t}return a+t+e+t+t}return t}function ie(e,r){var t="";var n=M(e);for(var a=0;a<n;a++)t+=r(e[a],a,e,r)||"";return t}function fe(e,r,a,s){switch(e.type){case i:case t:return e.return=e.return||e.value;case c:return"";case n:e.value=e.props.join(",")}return A(a=ie(e.children,s))?e.return=e.value+"{"+a+"}":""}function oe(e){var r=M(e);return function(t,n,a,s){var i="";for(var o=0;o<r;o++)i+=e[o](t,n,a,s)||"";return i}}function le(e){return function(r){if(!r.root)if(r=r.return)e(r)}}function ve(s,i,o,l){if(!s.return)switch(s.type){case t:s.return=ue(s.value,s.length);break;case p:return ie([I(y(s.value,"@","@"+a),s,"")],l);case n:if(s.length)return S(s.props,(function(t){switch(x(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ie([I(y(t,/:(read-\w+)/,":"+r+"$1"),s,"")],l);case"::placeholder":return ie([I(y(t,/:(plac\w+)/,":"+a+"input-$1"),s,""),I(y(t,/:(plac\w+)/,":"+r+"$1"),s,""),I(y(t,/:(plac\w+)/,e+"input-$1"),s,"")],l)}return""}))}}function memoize(e){var r=Object.create(null);return function(t){if(r[t]===undefined)r[t]=e(t);return r[t]}}var toRules=function e(r,t){var n=-1;var a=44;do{switch(R(a)){case 0:if(a===38&&N()===12){t[n]=1}r[n]+=re(E-1);break;case 2:r[n]+=V(a);break;case 4:if(a===44){r[++n]=N()===58?"&\f":"";t[n]=r[n].length;break}default:r[n]+=d(a)}}while(a=L());return r};var getRules=function e(r,t){return U(toRules(T(r),t))};var fixedElements=new WeakMap;var compat=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&&!fixedElements.get(n)){return}if(a){return}fixedElements.set(r,true);var s=[];var i=getRules(t,s);var o=n.props;for(var l=0,u=0;l<i.length;l++){for(var d=0;d<o.length;d++,u++){r.props[u]=s[l]?i[l].replace(/&\f/g,o[d]):o[d]+" "+i[l]}}};var removeLabel=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 defaultStylisPlugins=[ve];var createCache=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||defaultStylisPlugins;var s={};var i;var o=[];{i=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++){s[r[t]]=true}o.push(e)}))}var l;var u=[compat,removeLabel];{var d;var c=[fe,le((function(e){d.insert(e)}))];var m=oe(u.concat(a,c));var p=function e(r){return ie(ae(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 StyleSheet({key:t,container:i,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend}),nonce:r.nonce,inserted:s,registered:{},insert:l};h.sheet.hydrate(o);return h};function murmur2(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 unitlessKeys={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 hyphenateRegex=/[A-Z]|^ms/g;var animationRegex=/_EMO_([^_]+?)_([^]*?)_EMO_/g;var isCustomProperty=function e(r){return r.charCodeAt(1)===45};var isProcessableValue=function e(r){return r!=null&&typeof r!=="boolean"};var processStyleName=memoize((function(e){return isCustomProperty(e)?e:e.replace(hyphenateRegex,"-$&").toLowerCase()}));var processStyleValue=function e(r,t){switch(r){case"animation":case"animationName":{if(typeof t==="string"){return t.replace(animationRegex,(function(e,r,t){cursor={name:r,styles:t,next:cursor};return r}))}}}if(unitlessKeys[r]!==1&&!isCustomProperty(r)&&typeof t==="number"&&t!==0){return t+"px"}return t};function handleInterpolation(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){cursor={name:t.name,styles:t.styles,next:cursor};return t.name}if(t.styles!==undefined){var n=t.next;if(n!==undefined){while(n!==undefined){cursor={name:n.name,styles:n.styles,next:cursor};n=n.next}}var a=t.styles+";";return a}return createStringFromObject(e,r,t)}case"function":{if(e!==undefined){var s=cursor;var i=t(e);cursor=s;return handleInterpolation(e,r,i)}break}}if(r==null){return t}var o=r[t];return o!==undefined?o:t}function createStringFromObject(e,r,t){var n="";if(Array.isArray(t)){for(var a=0;a<t.length;a++){n+=handleInterpolation(e,r,t[a])+";"}}else{for(var s in t){var i=t[s];if(typeof i!=="object"){if(r!=null&&r[i]!==undefined){n+=s+"{"+r[i]+"}"}else if(isProcessableValue(i)){n+=processStyleName(s)+":"+processStyleValue(s,i)+";"}}else{if(s==="NO_COMPONENT_SELECTOR"&&"production"!=="production"){throw new Error("Component selectors can only be used in conjunction with @emotion/babel-plugin.")}if(Array.isArray(i)&&typeof i[0]==="string"&&(r==null||r[i[0]]===undefined)){for(var o=0;o<i.length;o++){if(isProcessableValue(i[o])){n+=processStyleName(s)+":"+processStyleValue(s,i[o])+";"}}}else{var l=handleInterpolation(e,r,i);switch(s){case"animation":case"animationName":{n+=processStyleName(s)+":"+l+";";break}default:{n+=s+"{"+l+"}"}}}}}}return n}var labelPattern=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var cursor;var serializeStyles=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 s="";cursor=undefined;var i=r[0];if(i==null||i.raw===undefined){a=false;s+=handleInterpolation(n,t,i)}else{s+=i[0]}for(var o=1;o<r.length;o++){s+=handleInterpolation(n,t,r[o]);if(a){s+=i[o]}}labelPattern.lastIndex=0;var l="";var u;while((u=labelPattern.exec(s))!==null){l+="-"+u[1]}var d=murmur2(s)+l;return{name:d,styles:s,next:cursor}};var isBrowser="object"!=="undefined";function getRegisteredStyles(e,r,t){var n="";t.split(" ").forEach((function(t){if(e[t]!==undefined){r.push(e[t]+";")}else{n+=t+" "}}));return n}var insertStyles=function e(r,t,n){var a=r.key+"-"+t.name;if((n===false||isBrowser===false)&&r.registered[a]===undefined){r.registered[a]=t.styles}if(r.inserted[t.name]===undefined){var s=t;do{var i=r.insert(t===s?"."+a:"",s,r.sheet,true);s=s.next}while(s!==undefined)}};function insertWithoutScoping(e,r){if(e.inserted[r.name]===undefined){return e.insert("",r,e.sheet,true)}}function merge(e,r,t){var n=[];var a=getRegisteredStyles(e,n,t);if(n.length<2){return t}return a+r(n)}var createEmotion=function e(r){var t=createCache(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 s=serializeStyles(n,t.registered,undefined);insertStyles(t,s,false);return t.key+"-"+s.name};var a=function e(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++){n[a]=arguments[a]}var s=serializeStyles(n,t.registered);var i="animation-"+s.name;insertWithoutScoping(t,{name:s.name,styles:"@keyframes "+i+"{"+s.styles+"}"});return i};var s=function e(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++){n[a]=arguments[a]}var s=serializeStyles(n,t.registered);insertWithoutScoping(t,s)};var i=function e(){for(var r=arguments.length,a=new Array(r),s=0;s<r;s++){a[s]=arguments[s]}return merge(t.registered,n,classnames(a))};return{css:n,cx:i,injectGlobal:s,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:getRegisteredStyles.bind(null,t.registered),merge:merge.bind(null,t.registered,n)}};var classnames=function e(r){var t="";for(var n=0;n<r.length;n++){var a=r[n];if(a==null)continue;var s=void 0;switch(typeof a){case"boolean":break;case"object":{if(Array.isArray(a)){s=e(a)}else{s="";for(var i in a){if(a[i]&&i){s&&(s+=" ");s+=i}}}break}default:{s=a}}if(s){t&&(t+=" ");t+=s}}return t};var _createEmotion=createEmotion({key:"css"}),css=_createEmotion.css;function i$1(){return(i$1=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 s(e,r){return r||(r=e.slice(0)),e.raw=r,e}var a$1,l,u,c$1=css(a$1||(a$1=s(['\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 p$1(e,r){var t,n=r.story.title.split("/"),a=n[1]?n[0]:"_";return i$1({},e,((t={})[a]=[].concat(e[a]||[],[{story:i$1({},r.story,{title:n[1]||n[0]}),subs:r.subs}]).sort((function(e,r){return e.story.title.localeCompare(r.story.title)})),t))}function d$1(e){return{story:e.default,subs:function(e,r){if(null==e)return{};var t,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r.indexOf(t=s[n])>=0||(a[t]=e[t]);return a}(e,["default"])}}function f(e,r){var t=r.h,n=void 0===t?h:t,a=r.title,i=void 0===a?"Stencilbook":a,o=r.homepage,d=void 0===o?n("h3",null,"Select a story!"):o,c=r.addons,m=void 0===c?[]:c,p=useMemo((function(){return e.map(d$1).reduce(p$1,{_:[]})}),e),g=useState(void 0),f=g[0],b=g[1],w=null==f?void 0:f.key,v=useState("desktop"),x=v[0],y=v[1],E=useState(!0),C=E[0],_=E[1],D=useState(!1),A=D[0],q=D[1],k=function(){return n("div",{class:"dynamic-display-wrapper"},n("div",{class:"button-wrapper"},n("button",{class:"desktop"===x?"active":"",onClick:function(){return y("desktop")}},"Desktop"),n("button",{class:"tablet"===x?"active":"",onClick:function(){return y("tablet")}},"Tablet"),n("button",{class:"mobile"===x?"active":"",onClick:function(){return y("mobile")}},"Mobile")),n("p",null,"Note: Currently doesn't test breakpoints, use the native tester for now"),n("hr",null),n("button",{class:A?"active":"",onClick:function(){return q((function(e){return!e}))}},"Toggle Dark Background"),n("hr",null),n("button",{class:C?"active":"",onClick:function(){return _((function(e){return!e}))}},"Toggle Sidebar"))},R="mobile"===x?"375px":"tablet"===x?"768px":"1124px",T=css(l||(l=s(["\n max-width: ",";\n margin-left: ",";\n "])),R,C?"250px":"0px"),P=css(u||(u=s(["\n display: none;\n "])));document.body.style.backgroundColor=A?"#232323":"#fafafa";var S=function(e){var r=e.selected,t=m.reduce((function(e,t){return function(){return n(t,{story:i$1({},r)},n(e,null))}}),null==r?void 0:r.story);return n(t,null)},I=function(){return n("div",{class:"story-book-outer-div"},n("div",{class:"story-div "+(C?"":P)},n("div",{class:"header",onClick:function(){b(void 0)}},n("h2",null,i)),n("ul",{class:"parentStoryList"},Object.keys(p).sort().map((function(e){return n("div",{class:"group-wrapper"},"_"!==e&&n("h4",{class:"group-header"},e),p[e].map((function(r){return n("li",{class:"parentStory"},n("details",{style:{marginBottom:"10px"}},n("summary",{style:{outline:"none"}},r.story.title),r.subs&&Object.keys(r.subs).map((function(t){var a=e+"/"+t,s=r.subs[t],i=s.storyName||lodash_startcase(t);return n("div",{class:"subStory "+(w===a?"selected":"")},n("a",{onClick:function(){return function(e,r,t,n){b({key:r,story:e,parent:t,label:n})}(s,a,r.story,i)}},i))}))))})))})))),n(k,null),n("div",{class:"component "+T},!w&&d,w&&n("div",null,n("h3",null,f.label),n(S,{selected:f}))))};return{class:c$1,children:n(I,null),View:I,selected:f}}var ShareButton_stories={title:"Components/Share Button"};var WithIconPrefix=function(){var e={medium:"whatsapp",iconslot:"prefix"};return h(ShareButtonView,Object.assign({},e),"Share")};var WithIconSuffix=function(){var e={medium:"whatsapp",iconslot:"suffix"};return h(ShareButtonView,Object.assign({},e),"Share")};var WithIconOverride=function(){var e={medium:"facebook",icon:"person-badge"};return h(ShareButtonView,Object.assign({},e),"Share")};var TextStyle=function(){var e={medium:"facebook",type:"text"};return h(ShareButtonView,Object.assign({},e),"Share")};var WithoutIcon=function(){var e={medium:"facebook",hideicon:true};return h(ShareButtonView,Object.assign({},e),"Share")};var WithoutText=function(){var e={medium:"facebook",hidetext:true};return h(ShareButtonView,Object.assign({},e),"Share")};var TextStyleWithoutIcon=function(){var e={medium:"facebook",type:"text",hideicon:true};return h(ShareButtonView,Object.assign({},e),"Share")};var WithCustomColors=function(){var e={medium:"facebook",type:"text",backgroundcolor:"var(--sl-color-primary-500)",textcolor:"white",iconslot:"prefix"};return h(ShareButtonView,Object.assign({},e),"Facebook")};var WithCustomBorderRadius=function(){var e={medium:"facebook",type:"text",borderradius:8,iconslot:"prefix"};return h(ShareButtonView,Object.assign({},e),"Facebook")};var FullStackIcon=function(){return h("div",null,h("sqm-share-button",{medium:"facebook"},h("span",null,"Facebook")),h("br",null),h("sqm-share-button",{medium:"email"},h("span",null,"Email")))};var AllMediums=function(){return h("div",null,h("sqm-share-button",{medium:"facebook"},h("span",null,"Facebook")),h("br",null),h("sqm-share-button",{medium:"email"},h("span",null,"Email")),h("br",null),h("sqm-share-button",{medium:"whatsapp"},h("span",null,"WhatsApp")),h("br",null),h("sqm-share-button",{medium:"linkedin"},h("span",null,"Linkedin")),h("br",null),h("sqm-share-button",{medium:"twitter"},h("span",null,"Twitter")),h("br",null),h("sqm-share-button",{medium:"pinterest"},h("span",null,"Pinterest")),h("br",null),h("sqm-share-button",{medium:"fbmessenger"},h("span",null,"Messenger")),h("br",null),h("sqm-share-button",{medium:"sms"},h("span",null,"SMS")),h("br",null),h("sqm-share-button",{medium:"linemessenger"},h("span",null,"Line Messenger")),h("br",null),h("sqm-share-button",{medium:"direct"},h("span",null,"Share")))};var ShareButton=Object.freeze({__proto__:null,default:ShareButton_stories,WithIconPrefix:WithIconPrefix,WithIconSuffix:WithIconSuffix,WithIconOverride:WithIconOverride,TextStyle:TextStyle,WithoutIcon:WithoutIcon,WithoutText:WithoutText,TextStyleWithoutIcon:TextStyleWithoutIcon,WithCustomColors:WithCustomColors,WithCustomBorderRadius:WithCustomBorderRadius,FullStackIcon:FullStackIcon,AllMediums:AllMediums});var ShareLink_stories={title:"Components/Share Link"};var Default=function(){var e={shareString:"https://noah.example.com",open:false,tooltiptext:"Copied!"};return h(ShareLinkView,Object.assign({},e))};var Tooltip=function(){var e={shareString:"https://noah.example.com",tooltiptext:"Some text for the tooltip",open:true};return h(ShareLinkView,Object.assign({},e))};var Disabled=function(){var e={shareString:"https://noah.example.com",disabled:true,open:true,tooltiptext:"Copied!"};return h(ShareLinkView,Object.assign({},e))};var FullStack=function(){return h("sqm-share-link",null)};var ShareLink=Object.freeze({__proto__:null,default:ShareLink_stories,Default:Default,Tooltip:Tooltip,Disabled:Disabled,FullStack:FullStack});var BigStat_stories={title:"Components/Big Stat"};var Default$1=function(){var e={value:99e4,statvalue:"9.900,00",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var LeftAlign=function(){var e={value:500,statvalue:"500",alignment:"left",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var RightAlign=function(){var e={value:500,statvalue:"500",alignment:"right",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var FlexReverse=function(){var e={value:500,statvalue:"500",flexReverse:true,loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var FlexReverseRight=function(){var e={value:500,statvalue:"500",flexReverse:true,alignment:"right",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var FlexReverseLeft=function(){var e={value:500,statvalue:"500",flexReverse:true,alignment:"left",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var NoStatValue=function(){var e={value:0,statvalue:"...",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var InvalidStatValue=function(){var e={value:0,statvalue:"!!!",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var BigStat=Object.freeze({__proto__:null,default:BigStat_stories,Default:Default$1,LeftAlign:LeftAlign,RightAlign:RightAlign,FlexReverse:FlexReverse,FlexReverseRight:FlexReverseRight,FlexReverseLeft:FlexReverseLeft,NoStatValue:NoStatValue,InvalidStatValue:InvalidStatValue});var Leaderboard_stories={title:"Components/Leaderboard"};var defaultStyles={usersheading:"TOP REFERRERS",statsheading:"NEW TITANS"};var defaultElements={empty:h("slot",{name:"empty"},h("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},h("sqm-image",{"image-url":"https://i.imgur.com/KPGnPF8.png","max-width":"100px"}),h("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("h3",null,"View your rank in the leaderboard")),h("sqm-text",{slot:"content"},"Be the first to refer a friend and reach the top of the leaderboard")))),loadingstate:h("slot",{name:"loading"},h("table",null,__spreadArrays(Array(10)).map((function(){return h("tr",null,h("td",null,h("sl-skeleton",null)))}))))};var Empty=function(){var e={states:{loading:false,hasLeaders:false,styles:__assign({},defaultStyles)},data:{rankType:"rowNumber",leaderboard:[],showUser:true,userRank:{firstName:"Kutay",lastInitial:"C",value:8,rowNumber:11,rank:23}},elements:__assign({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var Loading=function(){var e={states:{loading:true,hasLeaders:false,styles:__assign({},defaultStyles)},data:{rankType:"rowNumber",leaderboard:[]},elements:__assign({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var One=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign({},defaultStyles)},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1}]},elements:__assign({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var Five=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign({},defaultStyles)},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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var FiveWithRank=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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var Ten=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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var TenWithRank=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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var UserInList=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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var UserOutside=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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var UserEmpty=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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var Leaderboard=Object.freeze({__proto__:null,default:Leaderboard_stories,Empty:Empty,Loading:Loading,One:One,Five:Five,FiveWithRank:FiveWithRank,Ten:Ten,TenWithRank:TenWithRank,UserInList:UserInList,UserOutside:UserOutside,UserEmpty:UserEmpty});var HookStoryAddon=function(e,r){var t=e.story;var n;var a=(n=t.story.parameters)===null||n===void 0?void 0:n.hookStory;if(!a){return r}var s=Math.round(Math.random()*1e5);var i="sqm-hook-story-container-"+s;return h(i,null,h("sqm-hook-story-container",{hookStory:a}))};function createHookStory(e){var r=function(){return h("div",null)};r.parameters={hookStory:e};return r}var Router_stories={title:"Tests/Router"};var templates='\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 routes='\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 TemplateNavigation=createHookStory((function(){return h("div",null,h("button",{onClick:function(){return pn.push("/")}},"/"),h("button",{onClick:function(){return pn.push("/foo")}},"/foo"),h("button",{onClick:function(){return pn.push("/bar")}},"/bar"),h("button",{onClick:function(){return pn.push("/baz/bang")}},"/baz/bang"),h("button",{onClick:function(){return pn.push("/refer")}},"/refer"),h("button",{onClick:function(){return pn.push("/refer/1")}},"/refer/1"),h("button",{onClick:function(){return pn.push("/refer/2")}},"/refer/2"),h("button",{onClick:function(){return pn.back()}},"Back"),h("button",{onClick:function(){return pn.forward()}},"Forward"),h("hr",null),h("sqm-router",{innerHTML:templates}))}));var RouteNavigation=createHookStory((function(){return h("div",null,h("button",{onClick:function(){return pn.push("/")}},"/"),h("button",{onClick:function(){return pn.push("/foo")}},"/foo"),h("button",{onClick:function(){return pn.push("/bar")}},"/bar"),h("button",{onClick:function(){return pn.push("/baz/bang")}},"/baz/bang"),h("button",{onClick:function(){return pn.push("/refer")}},"/refer"),h("button",{onClick:function(){return pn.push("/refer/1")}},"/refer/1"),h("button",{onClick:function(){return pn.push("/refer/2")}},"/refer/2"),h("button",{onClick:function(){return pn.back()}},"Back"),h("button",{onClick:function(){return pn.forward()}},"Forward"),h("hr",null),h("sqm-router",{innerHTML:routes}))}));var Styling=createHookStory((function(){return h("div",null,h("button",{onClick:function(){return pn.push("/")}},"/"),h("button",{onClick:function(){return pn.push("/foo")}},"/foo"),h("hr",null),h("div",{style:{display:"flex",justifyContent:"space-around"}},h("sqm-router",{innerHTML:'<template path="/">\n \n <div>Column 1</div>\n <div>Column 2 </div>\n </template>'})))}));function useTemplate(e){var r=useState(e),t=r[0],n=r[1];var a=useState(e),s=a[0],i=a[1];function o(e){pn.push(e.target.value)}return{states:{previewTemplate:s,editedTemplate:t},callbacks:{setEditedTemplate:n,setPreviewTemplate:i,setPath:o}}}var defaultRouter='\n<sqm-router>\n <template path="/">\n <div>hello world</div>\n </template>\n</sqm-router>\n';function TemplateView(e){var r=e.states,t=e.callbacks;return[h("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return t.setEditedTemplate(e.target.value)}},r.editedTemplate),h("button",{onClick:function(){return t.setPreviewTemplate(r.editedTemplate)}},"Update Preview"),h("label",null,"Current path:",h("input",{onInput:t.setPath,value:"/"})),h("div",{innerHTML:r.previewTemplate})]}var RouterPlayground=createHookStory((function(){var e=useTemplate(defaultRouter),r=e.states,t=e.callbacks;return h(TemplateView,{states:r,callbacks:t})}));var Router=Object.freeze({__proto__:null,default:Router_stories,TemplateNavigation:TemplateNavigation,RouteNavigation:RouteNavigation,Styling:Styling,RouterPlayground:RouterPlayground});var LeaderboardRank_stories={title:"Components/Leaderboard Rank"};var First=function(){var e={data:{rank:"1st"}};return h("p",null,"Your rank is ",h(LeaderboardRankView,Object.assign({},e))," on the leaderboard")};var LeaderboardRank=Object.freeze({__proto__:null,default:LeaderboardRank_stories,First:First});function setupGraphQL(){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 setupLoggedOut(){var e="a-referral-program";window.SquatchAndroid=true;window.widgetIdent={tenantAlias:"test_as36zjtpfy7oo",appDomain:"https://staging.referralsaasquatch.com",programId:e}}var PortalFrame_stories={title:"Components/Portal Frame"};var defaultProps={data:{footer:h("span",null,"example@example.com"),header:h("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},h("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),h("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:function(){}},ref:{current:undefined}};var FrameWithMenu=function(){var e=__assign({},defaultProps);return h(PortalFrameView,Object.assign({},e),h("sqm-navigation-menu",{"menu-label":"Menu"},h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),h("sl-menu-divider",null),h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")))};var FrameWithoutMenu=function(){var e=__assign({},defaultProps);return h(PortalFrameView,Object.assign({},e))};var FullStackFrame=function(){var e;setupGraphQL();return h("div",null,h("sqm-portal-frame",null,h("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},h("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),h("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal")),h("a",{slot:"footer",class:"FooterEmail",href:"mailto:referrals@servicetitan.com"},"referrals@servicetitan.com"),h("sqm-navigation-menu",{"menu-label":"Menu"},h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),h("sl-menu-divider",null),h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")),h("h1",null,"Something")),h("p",null,"Current path:"," ",h("code",null,h("strong",null,(e=hn())===null||e===void 0?void 0:e.pathname))),h("button",{onClick:pn.back},"Go Back"))};var FullStackFrameLoggedOut=function(){var e;setupLoggedOut();return h("div",null,h("sqm-portal-frame",null,h("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},h("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),h("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal")),h("span",{slot:"footer"},"sample@example.com"),h("sqm-navigation-menu",{"menu-label":"Menu"},h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),h("sl-menu-divider",null),h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")),h("h1",null,"Something")),h("p",null,"Current path:"," ",h("code",null,h("strong",null,(e=hn())===null||e===void 0?void 0:e.pathname))),h("button",{onClick:pn.back},"Go Back"))};var PortalFrame=Object.freeze({__proto__:null,default:PortalFrame_stories,FrameWithMenu:FrameWithMenu,FrameWithoutMenu:FrameWithoutMenu,FullStackFrame:FullStackFrame,FullStackFrameLoggedOut:FullStackFrameLoggedOut});var EditProfileForm_stories={title:"Components/Edit Profile Form"};var defaultProps$1={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 EditProfileFormDisabled=function(){var e=defaultProps$1;return h(EditProfileView,Object.assign({},e))};var EditProfileFormEnabled=function(){var e=__assign(__assign({},defaultProps$1),{states:__assign(__assign({},defaultProps$1.states),{showEdit:true})});return h(EditProfileView,Object.assign({},e))};var FullStackFrameWithMenu=function(){return h("sqm-edit-profile",{editprofileheader:"Edit Profile",editprofiletext:"Update your profile.",firstnametext:"Bill",lastnametext:"Bob",canceltext:"Cancel",updatetext:"Update",currentregiontext:"Current Region",showregion:true})};var EditProfile=Object.freeze({__proto__:null,default:EditProfileForm_stories,EditProfileFormDisabled:EditProfileFormDisabled,EditProfileFormEnabled:EditProfileFormEnabled,FullStackFrameWithMenu:FullStackFrameWithMenu});var UseShareLink_stories={title:"Hooks / useShareLink"};function setupGraphQL$1(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[])}var BareBonesView=createHookStory((function(){setupGraphQL$1();var e=useShareLink({programId:"sam-partner-test-2",tooltiplifespan:0,tooltiptext:""});return h("div",null,"Sharelink:"," ",h("code",{style:{borderStyle:"solid",borderWidth:"1px",padding:"2px"}},e.shareString))}));var RegularView=createHookStory((function(){setupGraphQL$1();return h(ShareLinkView,Object.assign({},useShareLink({programId:"sam-partner-test-2",tooltiptext:"Copied to clipboard",tooltiplifespan:1e3})))}));var FastTooltip=createHookStory((function(){setupGraphQL$1();return h(ShareLinkView,Object.assign({},useShareLink({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 UseShareLink=Object.freeze({__proto__:null,default:UseShareLink_stories,BareBonesView:BareBonesView,RegularView:RegularView,FastTooltip:FastTooltip});var UseShareButton_stories={title:"Hooks / useShareButton"};function setupGraphQL$2(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[])}var BareBonesView$1=createHookStory((function(){setupGraphQL$2();var e="sam-partner-test-2";var r=[useShareButton({programId:e,medium:"facebook"}),useShareButton({programId:e,medium:"twitter"}),useShareButton({programId:e,medium:"email"}),useShareButton({programId:e,medium:"direct"}),useShareButton({programId:e,medium:"sms"})];return h("div",null,r.map((function(e){return h("div",null,h("button",{onClick:e.onClick},"Share link (",e.medium,")"))})))}));var RegularView$1=createHookStory((function(){setupGraphQL$2();var e="sam-partner-test-2";var r=["facebook","twitter","email","direct","sms"];return h("div",null,r.map((function(r){return h("div",null,h("sqm-share-button",Object.assign({},{programId:e,medium:r}),"BUTTON_TEXT"))})))}));var UseShareButton=Object.freeze({__proto__:null,default:UseShareButton_stories,BareBonesView:BareBonesView$1,RegularView:RegularView$1});var UseBigStat_stories={title:"Hooks / useBigStat"};function setupGraphQL$3(){var e="nynellie";var r=e;var t="ny-post-referrals";window.widgetIdent={tenantAlias:"test_a7yoz8854cf6x",appDomain:"https://staging.referralsaasquatch.com",programId:t};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6Im55bmVsbGllIiwiaWQiOiJueW5lbGxpZSJ9fQ.3KV974VPLgk4tD8LQfJTi4IPkKCmnaB8w48HzVJYDuI"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[])}var View=function(e,r){console.log('View("'+e+'") - CALLED');setupGraphQL$3();var t=useBigStat({statType:e,render:function(){},disconnectedCallback:function(){},ignored:true}),n=t.props,a=t.label;return h("div",null,h("b",null,"Stat format:"),h("pre",null,r),h("br",null),h("b",null,"Stat selected:")," ",h("pre",{style:{color:"green"}},e),h(BigStatView,Object.assign({},n),a))};var DemoView=function(){var e=useState("/someRandomThing/with/someArguments/1234"),r=e[0],t=e[1];var n=useDemoBigStat({statType:r,render:function(){},disconnectedCallback:function(){},ignored:true}),a=n.props,s=n.label;return h("div",null,h("div",null,"Stat type:"," ",h("input",{style:{width:"300px"},type:"text",value:r,onInput:function(e){return t(e.target.value)}})),h("hr",null),h("div",null,h(BigStatView,Object.assign({},a),s)))};var Demo=createHookStory(DemoView);var ReferralsCount=createHookStory((function(){return View("/referralsCount","/(referralsCount)/:status?")}));var referralsConvertedCount=createHookStory((function(){return View("/referralsCount/converted","/(referralsCount)/:status?")}));var referralsStartedCount=createHookStory((function(){return View("/referralsCount/started","/(referralsCount)/:status?")}));var ReferralsMonth=createHookStory((function(){return View("/referralsMonth","/(referralsMonth)")}));var ReferralsWeek=createHookStory((function(){return View("/referralsWeek","/(referralsWeek)")}));var RewardsCount=createHookStory((function(){return View("/rewardsCount","/(rewardsCount)/:global?")}));var GlobalRewardsCount=createHookStory((function(){return View("/rewardsCount/global","/(rewardsCount)/:global")}));var GlobalRewardsCountFiltered=createHookStory((function(){return View("/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 GlobalRewardsCountPctDiscount=createHookStory((function(){return View("/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 GlobalRewardsCountPctDiscountPending=createHookStory((function(){return View("/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 RewardsCountByUnit=createHookStory((function(){return View("/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 GlobalRewardsCountByUnit=createHookStory((function(){return View("/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 GlobalPendingRewardsCount=createHookStory((function(){return View("/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 RewardsAvailableCount=createHookStory((function(){return View("/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 GlobalRewardsCountByIntegration=createHookStory((function(){return View("/integrationRewardsCountFiltered/AVAILABLE/global","/(integrationRewardsCountFiltered)/:format([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var GlobalRewardsCountByPendingIntegration=createHookStory((function(){return View("/integrationRewardsCountFiltered/PENDING/global","/(integrationRewardsCountFiltered)/:format([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var RewardsMonth=createHookStory((function(){return View("/rewardsMonth","/(rewardsMonth)/:global?")}));var RewardsWeek=createHookStory((function(){return View("/rewardsWeek","/(rewardsWeek)/:global?")}));var RewardsAssigned=createHookStory((function(){return View("/rewardsAssigned/CREDIT/COFFEE","/(rewardsAssigned)/:statType/:unit/:global?")}));var RewardsAssignedCashUSD=createHookStory((function(){return View("/rewardsAssigned/CREDIT/CASH%2FUSD","/(rewardsAssigned)/:statType/:unit/:global?")}));var RewardsRedeemed=createHookStory((function(){return View("/rewardsRedeemed/CREDIT/COFFEE","/(rewardsRedeemed)/:statType/:unit/:global?")}));var RewardsAvailable=createHookStory((function(){return View("/rewardsAvailable/CREDIT/COFFEE","/(rewardsAvailable)/:statType/:unit/:global?")}));var RewardsAvailableWithSlash=createHookStory((function(){return View("/rewardsAvailable/CREDIT/CASH%2FUSD","/(rewardsAvailable)/:statType/:unit/:global?")}));var RewardBalance=createHookStory((function(){return View("/rewardBalance/CREDIT/COFFEE/prettyValue","/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?")}));var RewardBalanceCashUSD=createHookStory((function(){var e=encodeURIComponent("CASH/USD");return View("/rewardBalance/CREDIT/"+e+"/prettyValue","/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?")}));var ProgramGoals=createHookStory((function(){var e=encodeURIComponent("Paid-Member-Goal/referrals");return View("/programGoals/count/"+e,"/(programGoals)/:metricType/:goalId")}));var CustomField=createHookStory((function(){return View("/customFields/thingCount","/(customFields)/:customField")}));var UseBigStat=Object.freeze({__proto__:null,default:UseBigStat_stories,Demo:Demo,ReferralsCount:ReferralsCount,referralsConvertedCount:referralsConvertedCount,referralsStartedCount:referralsStartedCount,ReferralsMonth:ReferralsMonth,ReferralsWeek:ReferralsWeek,RewardsCount:RewardsCount,GlobalRewardsCount:GlobalRewardsCount,GlobalRewardsCountFiltered:GlobalRewardsCountFiltered,GlobalRewardsCountPctDiscount:GlobalRewardsCountPctDiscount,GlobalRewardsCountPctDiscountPending:GlobalRewardsCountPctDiscountPending,RewardsCountByUnit:RewardsCountByUnit,GlobalRewardsCountByUnit:GlobalRewardsCountByUnit,GlobalPendingRewardsCount:GlobalPendingRewardsCount,RewardsAvailableCount:RewardsAvailableCount,GlobalRewardsCountByIntegration:GlobalRewardsCountByIntegration,GlobalRewardsCountByPendingIntegration:GlobalRewardsCountByPendingIntegration,RewardsMonth:RewardsMonth,RewardsWeek:RewardsWeek,RewardsAssigned:RewardsAssigned,RewardsAssignedCashUSD:RewardsAssignedCashUSD,RewardsRedeemed:RewardsRedeemed,RewardsAvailable:RewardsAvailable,RewardsAvailableWithSlash:RewardsAvailableWithSlash,RewardBalance:RewardBalance,RewardBalanceCashUSD:RewardBalanceCashUSD,ProgramGoals:ProgramGoals,CustomField:CustomField});function setupGraphQL$4(){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};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJpZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJmaXJzdE5hbWUiOiJ0ZXN0IiwibGFzdE5hbWUiOiJ0ZXN0In19.ziDWbdCwsTo1ijxl8d2__Ga-6iFOVShaJUPp2ZBMeO0"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[])}var UseEditProfile_stories={title:"Hooks / useEditProfile"};var RegularView$2=createHookStory((function(){setupGraphQL$4();return h("sqm-edit-profile",Object.assign({},{editprofileheader:"HEADER",editprofiletext:"TEXT",firstnametext:"FIRST NAME",lastnametext:"LAST NAME",canceltext:"CANCEL",updatetext:"UPDATE",currentregiontext:"CURRENT REGION TEXT"}))}));var UseEditProfile=Object.freeze({__proto__:null,default:UseEditProfile_stories,RegularView:RegularView$2});var UseLeaderboard_stories={title:"Hooks / useLeaderboard"};function setupGraphQL$5(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[])}function setupOtherGraphQL(){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};useEffect((function(){Y({accountId:r,id:e,jwt:n});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:e,accountId:r}}var View$1=function(e){var r=__assign({leaderboardType:"topConvertedReferrers",showRank:true,rankType:"rowNumber",usersheading:"Top Referrers",statsheading:"Completed Referrals",interval:""},e);var t=r.leaderboardType,n=r.rankType;console.log('View("'+t+'") - CALLED');e.setup();return h("div",{style:{marginBottom:"20px"}},h("sqm-divided-layout",{direction:"row"},h("div",{style:{padding:"10px"}},h("b",null,"Leaderboard Type"),h("pre",null,t)),h("div",{style:{padding:"10px"}},h("b",null,"Rank Type"),h("pre",null,n))),h("sqm-leaderboard",Object.assign({},getProps(r))),h("hr",null))};var TopConvertedReferrers=createHookStory((function(){var e=setupGraphQL$5;return[View$1({setup:e}),View$1({rankType:"rank",setup:e}),View$1({rankType:"denseRank",setup:e})]}));var TopStartedReferrers=createHookStory((function(){var e=setupGraphQL$5;return[View$1({leaderboardType:"topStartedReferrers",statsheading:"New Referrals",setup:e}),View$1({leaderboardType:"topStartedReferrers",rankType:"rank",statsheading:"New Referrals",setup:e}),View$1({leaderboardType:"topStartedReferrers",rankType:"denseRank",statsheading:"New Referrals",setup:e})]}));var EmptyLeaderboard=createHookStory((function(){var e=setupOtherGraphQL;return[View$1({leaderboardType:"topStartedReferrers",statsheading:"New Referrals",setup:e}),View$1({leaderboardType:"topStartedReferrers",rankType:"rank",statsheading:"New Referrals",setup:e}),View$1({leaderboardType:"topStartedReferrers",rankType:"denseRank",statsheading:"New Referrals",interval:"2022-02-11T08:00:00.000Z/2022-02-13T08:00:00.000Z",setup:e})]}));var UseLeaderboard=Object.freeze({__proto__:null,default:UseLeaderboard_stories,TopConvertedReferrers:TopConvertedReferrers,TopStartedReferrers:TopStartedReferrers,EmptyLeaderboard:EmptyLeaderboard});var FormMessage_stories={title:"Components/Form Message"};var SuccessAlert=function(){return h("sqm-form-message",{type:"success"},h("div",null,"This is a success message."))};var ErrorAlert=function(){return h("sqm-form-message",{type:"error"},h("div",null,"This is an error message"))};var InfoAlert=function(){return h("sqm-form-message",{type:"info"},h("div",null,"This is an info message"))};var FullStackSuccess=function(){return h("sqm-form-message",{type:"success",exportparts:"successalert-icon"},h("div",{class:"AlertContent"},h("div",{part:"successalert-text"},"Title"),h("div",{part:"successalert-subtext"},"Body text."),h("sl-button",{type:"default",exportparts:"base: defaultbutton-base",onClick:function(){console.log("click")}},"Primary Action"),h("sl-button",{class:"SecondaryTextButton",type:"text",onClick:function(){console.log("click")}},"Secondary Action")))};var FormMessage=Object.freeze({__proto__:null,default:FormMessage_stories,SuccessAlert:SuccessAlert,ErrorAlert:ErrorAlert,InfoAlert:InfoAlert,FullStackSuccess:FullStackSuccess});var EXCHANGE=dist.gql(templateObject_1||(templateObject_1=__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 UseRewardExchangeList_stories={title:"Hooks / useRewardExchange"};function setupGraphQL$6(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:e,accountId:r}}function useExchangeButton(){var e=setupGraphQL$6(),r=e.id,t=e.accountId;var n=useState(10),a=n[0],s=n[1];var i=useState(100),o=i[0],l=i[1];var u=Ke(EXCHANGE),d=u[0],c=u[1],m=c.data,p=c.errors;return{states:{points:a,rate:o},data:{id:r,accountId:t,data:m,errors:p},callbacks:{exchange:d,setPoints:s,setRate:l}}}var DefaultView=function(e){var r=e.states,t=e.data,n=e.callbacks;return h("div",null,h("div",null,h("label",null,"Rate:"),h("input",{value:r.rate,onInput:function(e){return n.setRate(e.target.value)}})),h("input",{value:r.points,onInput:function(e){return n.setPoints(e.target.value)}}),h("button",{onClick:function(){return n.exchange(e.input)}},"Exchange"),h("details",null,h("summary",null,"response"),h("h4",null,"data"),h("div",{style:{maxWidth:"500px"}},h("pre",{style:{width:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(t.data))),h("h4",null,"errors"),h("div",{style:{maxWidth:"500px"}},h("pre",{style:{maxWidth:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(t.errors)))))};var RewardList=createHookStory((function(){setupGraphQL$6();return h("sqm-reward-exchange-list",{"list-type":"something"})}));var FixedGlobalReward=createHookStory((function(){var e=useExchangeButton(),r=e.states,t=e.data,n=e.callbacks;return h(DefaultView,{states:r,data:t,callbacks:n,input:{exchangeRewardInput:{userId:t.id,accountId:t.accountId,redeemCreditInput:{amount:r.points,unit:"POINT"},globalRewardKey:"gc1"}}})}));var VariableGlobalReward=createHookStory((function(){var e=useExchangeButton(),r=e.states,t=e.data,n=e.callbacks;return h(DefaultView,{states:r,data:t,callbacks:n,input:{exchangeRewardInput:{userId:t.id,accountId:t.accountId,redeemCreditInput:{amount:r.points,unit:"POINT"},globalRewardKey:"gc1",rewardInput:{valueInCents:Math.ceil(r.points*r.rate)}}}})}));var VariableCreditReward=createHookStory((function(){var e=useExchangeButton(),r=e.states,t=e.data,n=e.callbacks;return h(DefaultView,{states:r,data:t,callbacks:n,input:{exchangeRewardInput:{userId:t.id,accountId:t.accountId,redeemCreditInput:{amount:r.points,unit:"POINT"},rewardInput:{type:"CREDIT",unit:"foo",assignedCredit:Math.ceil(r.points*r.rate)}}}})}));var UseRewardExchangeList=Object.freeze({__proto__:null,default:UseRewardExchangeList_stories,RewardList:RewardList,FixedGlobalReward:FixedGlobalReward,VariableGlobalReward:VariableGlobalReward,VariableCreditReward:VariableCreditReward});var UseRewardsTable_stories={title:"Hooks / useRewardsTable"};function setupGraphQL$7(){var e="testestest";var r=e;window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com"};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:e,accountId:r}}function setupGraphQLKlip(e){var r=e.token,t=e.id;var n=t;window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com"};useEffect((function(){Y({accountId:n,id:t,jwt:r});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:t,accountId:n}}var RewardsTableWithProgram=createHookStory((function(){setupGraphQL$7();A$1("sam-partner-test-2");return h("sqm-rewards-table",null,h("sqm-rewards-table-reward-column",null),h("sqm-rewards-table-status-column",null),h("sqm-rewards-table-source-column",null),h("sqm-rewards-table-date-column",null))}));var RewardsTableNoProgram=createHookStory((function(){setupGraphQL$7();A$1(undefined);return h("sqm-rewards-table",null,h("sqm-rewards-table-reward-column",null),h("sqm-rewards-table-status-column",null),h("sqm-rewards-table-source-column",null),h("sqm-rewards-table-date-column",null))}));var RewardsTableEn=createHookStory((function(){setupGraphQLKlip({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",id:"samenglish"});A$1(undefined);return h("sqm-rewards-table",{"per-page":"4"},h("sqm-rewards-table-reward-column",null),h("sqm-rewards-table-status-column",null),h("sqm-rewards-table-source-column",null),h("sqm-rewards-table-date-column",null))}));var RewardsTableTr=createHookStory((function(){setupGraphQLKlip({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",id:"samturkey"});A$1(undefined);return h("sqm-rewards-table",{"per-page":"4","more-label":"Daha","prev-label":"Öncesi","empty-state-text":"Henüz Referans Yok"},h("sqm-rewards-table-reward-column",{"column-title":"Ödüller","redeemed-text":"{redeemedAmount} kullanıldı","available-text":"{availableAmount} mevcut"}),h("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 {}}"}),h("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 "}),h("sqm-rewards-table-date-column",{"column-title":"Tarih"}))}));var RewardsTableFr=createHookStory((function(){setupGraphQLKlip({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",id:"samfrench"});A$1(undefined);return h("sqm-rewards-table",{"per-page":"4","more-label":"Plus","prev-label":"Précédent","empty-state-text":"Aucune Récompenses Maintenant"},h("sqm-rewards-table-reward-column",{"column-title":"Récompenses","redeemed-text":"{redeemedAmount} rachetée","available-text":"{availableAmount} disponible"}),h("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 {}}"}),h("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 "}),h("sqm-rewards-table-date-column",{"column-title":"Date de Réception"}))}));var UseRewardsTable=Object.freeze({__proto__:null,default:UseRewardsTable_stories,RewardsTableWithProgram:RewardsTableWithProgram,RewardsTableNoProgram:RewardsTableNoProgram,RewardsTableEn:RewardsTableEn,RewardsTableTr:RewardsTableTr,RewardsTableFr:RewardsTableFr});var JWT="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2giLCJsb2NhbGUiOiJlbiJ9fQ.a2nYYrSJ81FHXlCU-Sqp_-wquQizinHBhzwzULDzimg";var UseTaskCard_stories={title:"Hooks / useTaskCard"};function setupGraphQL$8(){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};useEffect((function(){Y({accountId:r,id:e,jwt:JWT});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:e,accountId:r}}var TaskCard=createHookStory((function(){setupGraphQL$8();return h("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 TaskCardFeed=createHookStory((function(){setupGraphQL$8();return h("sqm-card-feed",null,h("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"}),h("sqb-program-section",{"program-id":"klip-loyalty"},h("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"})),h("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"}),h("sqb-program-section",{"program-id":"klip-loyalty"},h("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"})),h("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"}),h("sqb-program-section",{"program-id":"klip-loyalty"},h("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"})),h("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"}),h("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"}),h("sqb-program-section",{"program-id":"klip-loyalty"},h("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"})),h("sqb-conditional-section",{condition:"'champion' in user.segments"},h("sqb-program-section",{"program-id":"klip-loyalty"},h("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 UseTaskCard=Object.freeze({__proto__:null,default:UseTaskCard_stories,TaskCard:TaskCard,TaskCardFeed:TaskCardFeed});var NewPortal_stories={title:"New Portal"};var style={HeaderSubtitleBold:{"font-weight":500,"text-decoration":"underline"}};var sheet=createStyleSheet(style);var styleString=sheet.toString();var barProps={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}};var item1Props={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var item2Props={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};var Sidebar=function(){return h(NavigationSidebarView,Object.assign({},barProps),h(NavigationSidebarItemView,Object.assign({},item1Props)),h(NavigationSidebarItemView,Object.assign({},item2Props)))};var Dashboard=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 r={shareString:"JOHNSMITH1",open:false,disabled:false,tooltiptext:"Share code copied",onClick:function(){return console.log("Share code copied")}};var t={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 n={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 a={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 h("sqm-divided-layout",{direction:"row"},h("style",{type:"text/css"},styleString),h(Sidebar,null),h("sqm-divided-layout",{direction:"column"},h(PortalContainerView,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),h(PortalSectionView,Object.assign({},{labelMargin:"xx-small",padding:"none",label:h("sqm-text",null,h("p",null,"Welcome back,")),content:h("sqm-text",null,h("h1",null,"John Smith"))})),h(StatContainerView,Object.assign({},{space:"64px"}),h(BigStatView,Object.assign({},{statvalue:"2,345",value:234500,loading:false}),"Clicks"),h(BigStatView,Object.assign({},{statvalue:"58",value:58,loading:false}),"Referrals"),h(BigStatView,Object.assign({},{statvalue:"$10,540",value:1054e3,loading:false}),"Earned"),h(BigStatView,Object.assign({},{statvalue:"$2,305",value:230500,loading:false}),"Awaiting Payout"))),h(PortalContainerView,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),h(PortalSectionView,Object.assign({},{labelMargin:"x-large",padding:"none",label:h("sqm-text",null,h("h2",null,"Partner and Profit")),content:h("sqm-text",null,h("p",null,"Get rewarded for referring potential customers to MyCompany. Earn commission for each successful lead you send our way"))})),h(PortalSectionView,Object.assign({},{labelMargin:"small",padding:"none",label:h("sqm-text",null,h("h3",null,"Share your referral link")),content:h(ShareLinkView,Object.assign({},e))})),h(PortalSectionView,Object.assign({},{labelMargin:"small",padding:"none",label:h("sqm-text",null,h("h3",null,"Share your referral code")),content:h(ShareLinkView,Object.assign({},r))})),h(PortalSectionView,Object.assign({},{labelMargin:"small",padding:"none",label:h("sqm-text",null,h("h3",null,"Share via social media")),content:h(PortalContainerView,Object.assign({},{direction:"row",padding:"large",gap:"xxx-large",minWidth:"150px"}),h(ShareButtonView,Object.assign({},t),"Tweet about us"),h(ShareButtonView,Object.assign({},n),"Share on Facebook"),h(ShareButtonView,Object.assign({},a),"Post on Linkedin"))})))))};var EditProfile$1=function(){return h("sqm-divided-layout",{direction:"row"},h("style",{type:"text/css"},styleString),h(Sidebar,null),h("sqm-divided-layout",{direction:"column"},h(PortalProfileView,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)}}})),h(PortalChangePasswordView,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 Commissions=function(){return h("sqm-divided-layout",{direction:"row"},h("style",{type:"text/css"},styleString),h(Sidebar,null),h("sqm-divided-layout",{direction:"column"},h(PortalContainerView,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),h(PortalSectionView,Object.assign({},{labelMargin:"xx-small",padding:"none",label:h("sqm-text",null,h("h2",null,"Commissions")),content:h("sqm-text",null,h("p",null,"for the"," ",h("span",{class:sheet.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),h(StatContainerView,Object.assign({},{space:"64px"}),h(BigStatView,Object.assign({},{statvalue:"$ 1,000",value:1e5,loading:false}),"Total Earned"),h(BigStatView,Object.assign({},{statvalue:"$ 800",value:8e4,loading:false}),"Available"),h(BigStatView,Object.assign({},{statvalue:"$ 180",value:18e3,loading:false}),"Pending"),h(BigStatView,Object.assign({},{statvalue:"$ 20",value:2e3,loading:false}),"Redeemed")))))};var Activity=function(){return h("sqm-divided-layout",{direction:"row"},h("style",{type:"text/css"},styleString),h(Sidebar,null),h("sqm-divided-layout",{direction:"column"},h(PortalContainerView,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),h(PortalSectionView,Object.assign({},{labelMargin:"xx-small",padding:"none",label:h("sqm-text",null,h("h2",null,"Activity")),content:h("sqm-text",null,h("p",null,"for the"," ",h("span",{class:sheet.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),h(PortalSectionView,Object.assign({},{labelMargin:"x-large",padding:"none",label:h("sqm-text",null,h("h3",null,"Referral Activity")),content:h(StatContainerView,Object.assign({},{space:"64px"}),h(BigStatView,Object.assign({},{statvalue:"1,000",value:1e5,loading:false}),"Total Referrals"),h(BigStatView,Object.assign({},{statvalue:"800",value:800,loading:false}),"Converted"),h(BigStatView,Object.assign({},{statvalue:"180",value:180,loading:false}),"Pending"),h(BigStatView,Object.assign({},{statvalue:"20",value:20,loading:false}),"Disqualified"))}))),h(PortalSectionView,Object.assign({},{labelMargin:"x-large",padding:"xxx-large",label:h("sqm-text",null,h("h3",null,"Traffic Generated")),content:h(StatContainerView,Object.assign({},{space:"64px"}),h(BigStatView,Object.assign({},{statvalue:"1,000",value:1e3,loading:false}),"Clicks"),h(BigStatView,Object.assign({},{statvalue:"800",value:800,loading:false}),"From share link"),h(BigStatView,Object.assign({},{statvalue:"180",value:180,loading:false}),"From share mediums"))}))))};var NewPortal=Object.freeze({__proto__:null,default:NewPortal_stories,Dashboard:Dashboard,EditProfile:EditProfile$1,Commissions:Commissions,Activity:Activity});var SidebarItem_stories={title:"Components/Sidebar Item"};var InactiveItem=function(){var e={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};return h(NavigationSidebarItemView,Object.assign({},e))};var ActiveItem=function(){var e={states:{active:true},data:{label:"Dashboard",icon:"house",path:"/"}};return h(NavigationSidebarItemView,Object.assign({},e))};var SidebarItem=Object.freeze({__proto__:null,default:SidebarItem_stories,InactiveItem:InactiveItem,ActiveItem:ActiveItem});var NavigationSidebar_stories={title:"Components/Navigation Sidebar"};var DefaultNavigationSidebar=function(){var e={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}};var r={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var t={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};return h(NavigationSidebarView,Object.assign({},e),h(NavigationSidebarItemView,Object.assign({},r)),h(NavigationSidebarItemView,Object.assign({},t)))};var NavigationSidebar=Object.freeze({__proto__:null,default:NavigationSidebar_stories,DefaultNavigationSidebar:DefaultNavigationSidebar});var PortalLogin_stories={title:"Components/Portal Login"};var defaultProps$2={states:{error:"",loading:false,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:function(e){return __awaiter(void 0,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 errorProps={states:{error:"Something went wrong. Please try again.",loading:false,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:function(e){return __awaiter(void 0,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 loadingProps={states:{error:"",loading:true,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:function(e){return __awaiter(void 0,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 Default$2=function(){return h(PortalLoginView,Object.assign({},defaultProps$2))};var LoginWithError=function(){return h(PortalLoginView,Object.assign({},errorProps))};var LoginLoading=function(){return h(PortalLoginView,Object.assign({},loadingProps))};var PortalLogin=Object.freeze({__proto__:null,default:PortalLogin_stories,Default:Default$2,LoginWithError:LoginWithError,LoginLoading:LoginLoading});var PortalRegister_stories={title:"Components/Portal Register"};var defaultProps$3={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 errorProps$1={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 loadingProps$1={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 slottedProps={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:h("div",null,h("sl-input",{style:{marginBottom:"var(--sl-spacing-x-large)"},exportparts:"label: input-label",label:"Slotted Input",required:true}),h("sl-input",{exportparts:"label: input-label",label:"Slotted Input 2",required:true}))}};var Default$3=function(){return h(PortalRegisterView,Object.assign({},defaultProps$3))};var RegisterWithError=function(){return h(PortalRegisterView,Object.assign({},errorProps$1))};var RegisterLoading=function(){return h(PortalRegisterView,Object.assign({},loadingProps$1))};var FieldsHidden=function(){return h("sqm-portal-register",{demoData:{states:{error:"",loading:true,confirmPassword:true,hideInputs:true,loginPath:"/login"}}})};var SlottedInputs=function(){return h(PortalRegisterView,Object.assign({},slottedProps))};var TermsAndConditions=function(){return h(PortalRegisterView,Object.assign({},defaultProps$3,{content:__assign(__assign({},defaultProps$3.content),{terms:h("p",null,"By signing up you agree to the"," ",h("a",{href:"https://example.com",target:"_blank"},"Terms and Conditions"))})}))};var PortalRegister=Object.freeze({__proto__:null,default:PortalRegister_stories,Default:Default$3,RegisterWithError:RegisterWithError,RegisterLoading:RegisterLoading,FieldsHidden:FieldsHidden,SlottedInputs:SlottedInputs,TermsAndConditions:TermsAndConditions});var scenario='@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 PortalForgotPassword_stories={title:"Components/Portal Forgot Password",parameters:{scenario:scenario}};var defaultProps$4={states:{error:"",loading:false,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(void 0,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 errorProps$2={states:{error:"Something went wrong. Please try again.",loading:false,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(void 0,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 loadingProps$2={states:{error:"",loading:true,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(void 0,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 successProps={states:{error:"",loading:false,success:true,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(void 0,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 Default$4=function(){return h(PortalForgotPasswordView,Object.assign({},defaultProps$4))};var ForgotPasswordWithError=function(){return h(PortalForgotPasswordView,Object.assign({},errorProps$2))};var ForgotPasswordLoading=function(){return h(PortalForgotPasswordView,Object.assign({},loadingProps$2))};var ForgotPasswordSuccess=function(){return h(PortalForgotPasswordView,Object.assign({},successProps))};var PortalForgotPassword=Object.freeze({__proto__:null,default:PortalForgotPassword_stories,Default:Default$4,ForgotPasswordWithError:ForgotPasswordWithError,ForgotPasswordLoading:ForgotPasswordLoading,ForgotPasswordSuccess:ForgotPasswordSuccess});var scenario$1='@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 PortalEmailVerification_stories={title:"Components/Portal Email Verification",parameters:{scenario:scenario$1}};var defaultProps$5={states:{error:"",loading:false,success:false},callbacks:{submit:function(e){return __awaiter(void 0,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 errorProps$3={states:{error:"Something went wrong. Please try again.",loading:false,success:false},callbacks:{submit:function(e){return __awaiter(void 0,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 loadingProps$3={states:{error:"",loading:true,success:false},callbacks:{submit:function(e){return __awaiter(void 0,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 successProps$1={states:{error:"",loading:false,success:true},callbacks:{submit:function(e){return __awaiter(void 0,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 Default$5=function(){return h(PortalEmailVerificationView,Object.assign({},defaultProps$5))};var EmailVerificationWithError=function(){return h(PortalEmailVerificationView,Object.assign({},errorProps$3))};var EmailVerificationLoading=function(){return h(PortalEmailVerificationView,Object.assign({},loadingProps$3))};var EmailVerificationSuccess=function(){return h(PortalEmailVerificationView,Object.assign({},successProps$1))};var PortalEmailVerification=Object.freeze({__proto__:null,default:PortalEmailVerification_stories,Default:Default$5,EmailVerificationWithError:EmailVerificationWithError,EmailVerificationLoading:EmailVerificationLoading,EmailVerificationSuccess:EmailVerificationSuccess});var scenario$2='@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 PortalResetPassword_stories={title:"Components/Portal Reset Password",parameters:{scenario:scenario$2}};var defaultProps$6={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(void 0,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 defaultPropsNoConfirm={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(void 0,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 errorProps$4={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(void 0,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 loadingProps$4={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(void 0,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 successProps$2={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(void 0,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 validatingCodeProps={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(void 0,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 Default$6=function(){return h(PortalResetPasswordView,Object.assign({},defaultProps$6))};var DefaultWithoutConfirmField=function(){return h(PortalResetPasswordView,Object.assign({},defaultPropsNoConfirm))};var ResetPasswordWithError=function(){return h(PortalResetPasswordView,Object.assign({},errorProps$4))};var ResetPasswordLoading=function(){return h(PortalResetPasswordView,Object.assign({},loadingProps$4))};var ResetPasswordSuccess=function(){return h(PortalResetPasswordView,Object.assign({},successProps$2))};var CodeValidating=function(){return h(PortalResetPasswordView,Object.assign({},validatingCodeProps))};var PortalResetPassword=Object.freeze({__proto__:null,default:PortalResetPassword_stories,Default:Default$6,DefaultWithoutConfirmField:DefaultWithoutConfirmField,ResetPasswordWithError:ResetPasswordWithError,ResetPasswordLoading:ResetPasswordLoading,ResetPasswordSuccess:ResetPasswordSuccess,CodeValidating:CodeValidating});var scenario$3='@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 PortalVerifyEmail_stories={title:"Components/Portal Verify Email",parameters:{scenario:scenario$3}};var errorProps$5={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 verifiedProps={states:{error:"",loading:false,verified:true},data:{oobCode:"abc123"},callbacks:{gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var EmailVerificationWithError$1=function(){return h(PortalVerifyEmailView,Object.assign({},errorProps$5))};var EmailVerificationSuccess$1=function(){return h(PortalVerifyEmailView,Object.assign({},verifiedProps))};var PortalVerifyEmail=Object.freeze({__proto__:null,default:PortalVerifyEmail_stories,EmailVerificationWithError:EmailVerificationWithError$1,EmailVerificationSuccess:EmailVerificationSuccess$1});var AssetCard_stories={title:"Components/Asset Card"};var Default$7=function(){var e={text:{titleText:"Marketing Banner"},imgUrl:"../../assets/saasquatch-logo.png",callbacks:{}};return h(AssetCardView,Object.assign({},e))};var CardWithLongText=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 h(AssetCardView,Object.assign({},e))};var CardWithNoImg=function(){var e={text:{titleText:"Marketing Banner"},imgUrl:"",callbacks:{}};return h(AssetCardView,Object.assign({},e))};var AssetCard=Object.freeze({__proto__:null,default:AssetCard_stories,Default:Default$7,CardWithLongText:CardWithLongText,CardWithNoImg:CardWithNoImg});var DividedLayout_stories={title:"Components/Divided Layout"};var barProps$1={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}};var item1Props$1={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var item2Props$1={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};var Sidebar$1=function(){return h(NavigationSidebarView,Object.assign({},barProps$1),h(NavigationSidebarItemView,Object.assign({},item1Props$1)),h(NavigationSidebarItemView,Object.assign({},item2Props$1)))};var Row=function(){return h("sqm-divided-layout",{direction:"row"},h(Sidebar$1,null),h("div",{style:{padding:"48px"}},h(PortalSectionView,Object.assign({},{labelMargin:"xx-small",padding:"none",label:h("sqm-text",null,h("p",null,"Welcome back,")),content:h("sqm-text",null,h("h1",null,"Joe Smith"))}))))};var Column=function(){return h("sqm-divided-layout",{direction:"column"},h(Sidebar$1,null),h("div",{style:{padding:"48px"}},h(PortalSectionView,Object.assign({},{labelMargin:"xx-small",padding:"none",label:h("sqm-text",null,h("p",null,"Welcome back,")),content:h("sqm-text",null,h("h1",null,"Joe Smith"))}))))};var ColumnCustomDivider=function(){return h("sqm-divided-layout",{direction:"column",dividerStyle:"1px solid red"},h(Sidebar$1,null),h("div",{style:{padding:"48px"}},h(PortalSectionView,Object.assign({},{labelMargin:"xx-small",padding:"none",label:h("sqm-text",null,h("p",null,"Welcome back,")),content:h("sqm-text",null,h("h1",null,"Joe Smith"))}))))};var DividedLayout=Object.freeze({__proto__:null,default:DividedLayout_stories,Row:Row,Column:Column,ColumnCustomDivider:ColumnCustomDivider});var scenario$4='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 ChangePassword_stories={title:"Components/Change Password",parameters:{scenario:scenario$4}};var defaultProps$7={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 openProps={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 errorProps$6={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 passwordErrorProps={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 loadingProps$5={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 successProps$3={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 Default$8=function(){return h(PortalChangePasswordView,Object.assign({},defaultProps$7))};var Open=function(){return h(PortalChangePasswordView,Object.assign({},openProps))};var Error$1=function(){return h(PortalChangePasswordView,Object.assign({},errorProps$6))};var PaswordError=function(){return h(PortalChangePasswordView,Object.assign({},passwordErrorProps))};var Loading$1=function(){return h(PortalChangePasswordView,Object.assign({},loadingProps$5))};var Success=function(){return h(PortalChangePasswordView,Object.assign({},successProps$3))};var ChangePassword=Object.freeze({__proto__:null,default:ChangePassword_stories,Default:Default$8,Open:Open,Error:Error$1,PaswordError:PaswordError,Loading:Loading$1,Success:Success});var PortalProfile_stories={title:"Components/Portal Profile"};var defaultProps$8={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 noCountry={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 loadingProps$6={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 disabledProps={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 errorProps$7={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 successProps$4={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 Default$9=function(){return h(PortalProfileView,Object.assign({},defaultProps$8))};var DefaultNoCountry=function(){return h(PortalProfileView,Object.assign({},noCountry))};var Loading$2=function(){return h(PortalProfileView,Object.assign({},loadingProps$6))};var Disabled$1=function(){return h(PortalProfileView,Object.assign({},disabledProps))};var Error$2=function(){return h(PortalProfileView,Object.assign({},errorProps$7))};var Success$1=function(){return h(PortalProfileView,Object.assign({},successProps$4))};var PortalProfile=Object.freeze({__proto__:null,default:PortalProfile_stories,Default:Default$9,DefaultNoCountry:DefaultNoCountry,Loading:Loading$2,Disabled:Disabled$1,Error:Error$2,Success:Success$1});var ReferralTableRewardsCell_stories={title:"Components/Referral Table Rewards Cell"};var baseReward={id:"123",type:"CREDIT",value:19,unit:"POINT",name:"test",dateGiven:1627427794891,dateScheduledFor:getDays(),dateExpires:getMonths(),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 nullExpiresIn={dateExpires:null};var nullScheduledFor={dateScheduledFor:null};var nullFuelTank={fuelTankCode:null};var discountReward={type:"PCT_DISCOUNT"};var creditReward={type:"CREDIT"};var fuelTankReward={type:"FUELTANK"};var integrationReward={type:"INTEGRATION"};var pendingReward={statuses:["AVAILABLE","PENDING"]};var cancelledReward={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5};var expiredReward={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5};var redeemedReward={statuses:["AVAILABLE","EXPIRED","REDEEMED"]};var availableReward={statuses:["AVAILABLE"]};var zeroRewards=[];var oneReward=[__assign(__assign({},baseReward),availableReward)];var twoRewards=[__assign(__assign(__assign({},baseReward),discountReward),pendingReward),__assign(__assign({},baseReward),creditReward)];var threeRewards=[__assign(__assign(__assign({},baseReward),fuelTankReward),nullExpiresIn),__assign(__assign(__assign({},baseReward),fuelTankReward),expiredReward),__assign(__assign(__assign({},baseReward),pendingReward),nullFuelTank)];var fiveRewards=[__assign(__assign({},baseReward),fuelTankReward),__assign(__assign({},baseReward),integrationReward),__assign(__assign({},baseReward),pendingReward),__assign(__assign(__assign(__assign({},baseReward),cancelledReward),nullExpiresIn),nullFuelTank),__assign(__assign(__assign({},baseReward),expiredReward),nullFuelTank)];var eightRewards=[__assign(__assign(__assign({},baseReward),redeemedReward),nullFuelTank),__assign(__assign(__assign({},baseReward),availableReward),nullExpiresIn),__assign(__assign({},baseReward),pendingReward),__assign(__assign({},baseReward),cancelledReward),__assign(__assign({},baseReward),expiredReward),__assign(__assign(__assign(__assign({},baseReward),pendingReward),nullExpiresIn),nullScheduledFor),__assign(__assign({},baseReward),cancelledReward),__assign(__assign({},baseReward),expiredReward)];var tenRewards=[__assign(__assign({},baseReward),integrationReward),__assign(__assign({},baseReward),redeemedReward),__assign(__assign({},baseReward),availableReward),__assign(__assign(__assign({},baseReward),cancelledReward),nullExpiresIn),__assign(__assign({},baseReward),expiredReward),__assign(__assign({},baseReward),pendingReward),__assign(__assign({},baseReward),discountReward),__assign(__assign({},baseReward),fuelTankReward),__assign(__assign(__assign({},baseReward),cancelledReward),nullExpiresIn),__assign(__assign({},baseReward),creditReward)];function getSeconds(){return luxon.DateTime.now().toMillis()+1e4}function getMinutes(){return luxon.DateTime.now().toMillis()+4e5}function getHours(){return luxon.DateTime.now().toMillis()+9e6}function getDays(){return luxon.DateTime.now().toMillis()+6e8}function getMonths(){return luxon.DateTime.now().toMillis()+1e10}function getYears(){return luxon.DateTime.now().toMillis()+2e11}var PendingNoUnpend=function(){return h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),nullScheduledFor)],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 PendingNoUnpendNoDetails=function(){return h("sqm-referral-table-rewards-cell",{hideDetails:true,rewards:[__assign(__assign(__assign({},baseReward),pendingReward),nullScheduledFor)],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 PendingWithUnpend=function(){return[h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),{dateScheduledFor:getSeconds()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),{dateScheduledFor:getMinutes()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),{dateScheduledFor:getHours()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),{dateScheduledFor:getDays()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),{dateScheduledFor:getMonths()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),{dateScheduledFor:getYears()})],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 AvailableNoExpiry=function(){return h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),nullExpiresIn)],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 AvailableWithExpiry=function(){return[h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),{dateExpires:getSeconds()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),{dateExpires:getMinutes()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),{dateExpires:getHours()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),{dateExpires:getDays()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),{dateExpires:getMonths()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),{dateExpires:getYears()})],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 Redeemed=function(){return h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},baseReward),redeemedReward)],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 Cancelled=function(){return h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},baseReward),cancelledReward)],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 Expired=function(){return h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},baseReward),expiredReward)],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 EmptyCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:zeroRewards,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 oneRewardCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:oneReward,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 twoRewardsCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:twoRewards,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 threeRewardsCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:threeRewards,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 fiveRewardsCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:fiveRewards,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 eightRewardsCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:eightRewards,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 tenRewardsCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:tenRewards,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 ReferralTableRewardsCell=Object.freeze({__proto__:null,default:ReferralTableRewardsCell_stories,PendingNoUnpend:PendingNoUnpend,PendingNoUnpendNoDetails:PendingNoUnpendNoDetails,PendingWithUnpend:PendingWithUnpend,AvailableNoExpiry:AvailableNoExpiry,AvailableWithExpiry:AvailableWithExpiry,Redeemed:Redeemed,Cancelled:Cancelled,Expired:Expired,EmptyCell:EmptyCell,oneRewardCell:oneRewardCell,twoRewardsCell:twoRewardsCell,threeRewardsCell:threeRewardsCell,fiveRewardsCell:fiveRewardsCell,eightRewardsCell:eightRewardsCell,tenRewardsCell:tenRewardsCell});var ReferralTable_stories={title:"Components/Referral Table"};var loadingElement=h("div",{slot:"loading",style:{display:"contents"}},h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))));var emptyElement=h("div",{slot:"empty",style:{display:"contents"}},h("sqm-table-row",null,h("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},h("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},h("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_3_1.png","max-width":"100px"}),h("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("h3",null,"View your referral details")),h("sqm-text",{slot:"content"},"Track the status of your referrals and rewards earned by referring friends"))))));var baseReward$1={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 pendingReward$1={statuses:["AVAILABLE","PENDING"]};var cancelledReward$1={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5};var expiredReward$1={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5};var availableReward$1={statuses:["AVAILABLE"]};var nullExpiresIn$1={dateExpires:null};var simpleUserTableProps={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:[[h("sqm-referral-table-user-cell",{name:"Joe Smith"}),h("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),h("sqm-referral-table-user-cell",{name:"07/15/1902"}),h(PendingNoUnpend,null)],[h("sqm-referral-table-user-cell",{name:"Bob Williams"}),h("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),h("sqm-referral-table-user-cell",{name:"09/05/1999"}),h(AvailableNoExpiry,null)],[h("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),h("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),h("sqm-referral-table-user-cell",{name:"12/21/1984"}),h(Cancelled,null)]]}};var hideLabelProps={data:{textOverrides:{showLabels:false,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:899,smBreakpoint:599}};var customButtonProps={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 longCellTextTableProps={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:[[h("sqm-referral-table-user-cell",{name:"Bartholomew Christopher-Johnston Wallace"}),h("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),h("sqm-referral-table-date-cell",{date:-220896e5}),h("sqm-referral-table-user-cell",{name:"Vancouver"}),h("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),h("sqm-referral-table-user-cell",{name:"Canada"}),h("sqm-referral-table-user-cell",{name:"14,000,000"}),h("sqm-referral-table-user-cell",{name:"$800,000,000,000"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[h("sqm-referral-table-user-cell",{name:"Bob Williams"}),h("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),h("sqm-referral-table-date-cell",{date:8e11}),h("sqm-referral-table-user-cell",{name:"Los Angeles"}),h("sqm-referral-table-cell",{innerTemplate:"California"}),h("sqm-referral-table-user-cell",{name:"US"}),h("sqm-referral-table-user-cell",{name:"1"}),h("sqm-referral-table-user-cell",{name:"$5"}),h("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[h("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),h("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),h("sqm-referral-table-date-cell",{date:444703707e3}),h("sqm-referral-table-user-cell",{name:"Toronto"}),h("sqm-referral-table-cell",{innerTemplate:"Ontario"}),h("sqm-referral-table-user-cell",{name:"Canada"}),h("sqm-referral-table-user-cell",{name:"10"}),h("sqm-referral-table-user-cell",{name:"$71"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}};var longColumnTextTableProps={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:[[h("sqm-referral-table-user-cell",{name:"Joe Smith"}),h("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),h("sqm-referral-table-date-cell",{date:-2128547493e3}),h("sqm-referral-table-user-cell",{name:"Vancouver"}),h("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),h("sqm-referral-table-user-cell",{name:"Canada"}),h("sqm-referral-table-user-cell",{name:"14"}),h("sqm-referral-table-user-cell",{name:"$88"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[h("sqm-referral-table-user-cell",{name:"Bob Williams"}),h("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),h("sqm-referral-table-date-cell",{date:8e11}),h("sqm-referral-table-user-cell",{name:"Los Angeles"}),h("sqm-referral-table-cell",{innerTemplate:"California"}),h("sqm-referral-table-user-cell",{name:"US"}),h("sqm-referral-table-user-cell",{name:"1"}),h("sqm-referral-table-user-cell",{name:"$5"}),h("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[h("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),h("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),h("sqm-referral-table-date-cell",{date:444703707e3}),h("sqm-referral-table-user-cell",{name:"Toronto"}),h("sqm-referral-table-cell",{innerTemplate:"Ontario"}),h("sqm-referral-table-user-cell",{name:"Canada"}),h("sqm-referral-table-user-cell",{name:"10"}),h("sqm-referral-table-user-cell",{name:"$71"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}};var fullUserTableProps={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:[[h("sqm-referral-table-user-cell",{name:"Joe Smith"}),h("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),h("sqm-referral-table-date-cell",{date:-2128547493e3}),h("sqm-referral-table-user-cell",{name:"Vancouver"}),h("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),h("sqm-referral-table-user-cell",{name:"Canada"}),h("sqm-referral-table-user-cell",{name:"14"}),h("sqm-referral-table-user-cell",{name:"$88"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[h("sqm-referral-table-user-cell",{name:"Bob Williams"}),h("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),h("sqm-referral-table-date-cell",{date:8e11}),h("sqm-referral-table-user-cell",{name:"Los Angeles"}),h("sqm-referral-table-cell",{innerTemplate:"California"}),h("sqm-referral-table-user-cell",{name:"US"}),h("sqm-referral-table-user-cell",{name:"1"}),h("sqm-referral-table-user-cell",{name:"$5"}),h("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[h("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),h("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),h("sqm-referral-table-date-cell",{date:444703707e3}),h("sqm-referral-table-user-cell",{name:"Toronto"}),h("sqm-referral-table-cell",{innerTemplate:"Ontario"}),h("sqm-referral-table-user-cell",{name:"Canada"}),h("sqm-referral-table-user-cell",{name:"10"}),h("sqm-referral-table-user-cell",{name:"$71"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}};var SimpleUserTable=function(){return h(GenericTableView,Object.assign({},simpleUserTableProps))};var HiddenLabelsTable=function(){return h(GenericTableView,Object.assign({},__assign(__assign({},simpleUserTableProps),hideLabelProps)))};var CustomButtonTextTable=function(){return h(GenericTableView,Object.assign({},__assign(__assign({},simpleUserTableProps),customButtonProps)))};var FullUserTable=function(){return h(GenericTableView,Object.assign({},fullUserTableProps))};var LongCellTextTable=function(){return h(GenericTableView,Object.assign({},longCellTextTableProps))};var LongColumnTextTable=function(){return h(GenericTableView,Object.assign({},longColumnTextTableProps))};var EmptyTable=function(){return h("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:emptyElement,loadingElement:loadingElement,columns:["Name","Email","DOB"],rows:[]}}})};var LoadingTable=function(){return h("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:emptyElement,loadingElement:loadingElement,columns:["Name","Email","DOB"],rows:[]}}})};var FullRewardsTable=function(){return h("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:emptyElement,loadingElement:loadingElement,columns:["User","Rewards","Status","Date Started","Date Converted"],rows:[[h("sqm-referral-table-user-cell",{name:"Joe Smith"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},baseReward$1),availableReward$1),__assign(__assign({},baseReward$1),pendingReward$1),__assign(__assign({},baseReward$1),cancelledReward$1)],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}"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),h("sqm-referral-table-date-cell",{date:16267644e5}),h("sqm-referral-table-date-cell",{date:1627427794891})],[h("sqm-referral-table-user-cell",{name:"Sarah Williams"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},baseReward$1),expiredReward$1)],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}"}),h("sqm-referral-table-status-cell",{statusText:"Incomplete",converted:false}),h("sqm-referral-table-date-cell",{date:16267644e5}),h("sqm-referral-table-date-cell",{date:null})],[h("sqm-referral-table-user-cell",{name:"Marvin Smith"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},baseReward$1),nullExpiresIn$1),__assign(__assign({},baseReward$1),pendingReward$1)],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}"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),h("sqm-referral-table-date-cell",{date:16267644e5}),h("sqm-referral-table-date-cell",{date:1627427794891})]]}}})};var ReferralTable=Object.freeze({__proto__:null,default:ReferralTable_stories,SimpleUserTable:SimpleUserTable,HiddenLabelsTable:HiddenLabelsTable,CustomButtonTextTable:CustomButtonTextTable,FullUserTable:FullUserTable,LongCellTextTable:LongCellTextTable,LongColumnTextTable:LongColumnTextTable,EmptyTable:EmptyTable,LoadingTable:LoadingTable,FullRewardsTable:FullRewardsTable});var ReferralTableCell_stories={title:"Components/Referral Table Cell"};var TableCell=function(){return h("sqm-referral-table-cell",{innerTemplate:"Table Cell Text"})};var TableUserCell=function(){return h("sqm-referral-table-user-cell",{name:"Table User Cell Text"})};var EmptyCell$1=function(){return h("sqm-sqm-referral-table-cell",null,"-")};var StatusCell=function(){return h("div",null,h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),h("sqm-referral-table-status-cell",{statusText:"In Progress",converted:false}))};var DateCell=function(){return h("sqm-referral-table-date-cell",{date:8e11})};var rewardsData={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 rewards=[rewardsData];var RewardsCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:rewards,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 ReferralTableCell=Object.freeze({__proto__:null,default:ReferralTableCell_stories,TableCell:TableCell,TableUserCell:TableUserCell,EmptyCell:EmptyCell$1,StatusCell:StatusCell,DateCell:DateCell,RewardsCell:RewardsCell});var UserName_stories={title:"Tests/User Name"};var DemoData=function(){return h("sqm-user-name",{demoData:{loading:false,loadingText:"...",username:"Test Testerson"}})};var Username=function(){return h("sqm-user-name",null)};var UserName=Object.freeze({__proto__:null,default:UserName_stories,DemoData:DemoData,Username:Username});var PasswordField_stories={title:"Components/Portal Password Field"};var Start=function(){return h("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:true,validationErrors:{},content:{fieldLabel:"Password"}}}})};var EmptyError=function(){return h("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:true,validationErrors:{password:"Cannot be empty"},content:{fieldLabel:"Password"}}}})};var ValidationError=function(){return h("sqm-password-field",{demoData:{initValue:"asdf",states:{enableValidation:true,validationErrors:{password:"Incomplete"},content:{fieldLabel:"Password"}}}})};var PasswordField=Object.freeze({__proto__:null,default:PasswordField_stories,Start:Start,EmptyError:EmptyError,ValidationError:ValidationError});function MatrixStory(e){var r=e.matrix,t=e.props,n=e.Component;var a=Object.keys(r).map((function(e){var t=r[e];return t.map((function(r){var t;return t={},t[e]=r,t}))}));var s=cartesian.apply(void 0,a);var i=s.map((function(e){return e.reduce((function(e,r){return __assign(__assign({},e),r)}),{})}));return i.map((function(e){var r=__assign(__assign({},t),e);return h("div",null,h(PropsTable,{values:r}),h("hr",null)," ",h("br",null),h(n,Object.assign({},r)),h("br",null))}))}function PropsTable(e){var r=e.values;return h("table",null,h("tbody",null,Object.keys(r).map((function(e){return h("tr",null,h("th",null,e),h("td",null,JSON.stringify(r[e])))}))))}function cartesian(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t=[],n=e.length-1;function a(r,s){for(var i=0,o=e[s].length;i<o;i++){var l=r.slice(0);l.push(e[s][i]);if(s==n)t.push(l);else a(l,s+1)}}a([],0);return t}var scenarioTaskCard='@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 scenarioProgressBar="@author:kutay\r\n@owner:kutay\r\nFeature: Task Card Progress Bar\r\n\r\n\tScenario Outline: Progress Bar\r\n\t\tGiven a Task Card component\r\n\t\tAnd progress is <progress>\r\n\t\tAnd goal is <goal>\r\n\t\tThen I have <progressBar>\r\n\t\tAnd <progressBar> shows <progress> with <unit> above\r\n\t\tAnd gift icon has <color>\r\n\t\tAnd gift icon shows <goal> with <unit> below\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar | unit | color |\r\n\t\t\t| 0 | 500 | ●――――――――――――――――――🎁 | $ | no |\r\n\t\t\t| 100 | 500 | ―――――――――●―――――――――🎁 | $ | no |\r\n\t\t\t| 500 | 500 | ―――――――――――――――――――🎁 | $ | yes |\r\n\t\t\t| 650 | 500 | ―――――――――――――――――――🎁 | $ | yes |\r\n\t\t\t| 1200 | 500 | ―――――――――――――――――――🎁 | $ | yes |\r\n\r\n\tScenario Outline: Progress Bar Steps\r\n\t\tGiven a Task Card component\r\n\t\tAnd progress is <progress>\r\n\t\tAnd goal is <goal>\r\n\t\tAnd steps is enabled\r\n\t\tThen I have <progressBar>\r\n\t\tAnd <progressBar> has incrementing steps up to <goal>\r\n\t\tAnd gift icon has <color>\r\n\t\tAnd gift icon shows <goal> below\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar | color |\r\n\t\t\t| 0 | 5 | ―――○―――○―――○―――○―――🎁 | no |\r\n\t\t\t| 1 | 5 | ―――●―――○―――○―――○―――🎁 | no |\r\n\t\t\t| 5 | 5 | ―――○―――○―――○―――●―――🎁 | yes |\r\n\t\t\t| 7 | 5 | ―――○―――○―――○―――●―――🎁 | yes |\r\n\t\t\t| 12 | 5 | ―――○―――○―――○―――●―――🎁 | yes |\r\n\r\n\r\n\tScenario Outline: Progress Bar Repeatable\r\n\t\tGiven a Task Card component\r\n\t\tAnd progress is <progress>\r\n\t\tAnd goal is <goal>\r\n\t\tAnd it is repeatable\r\n\t\tThen I have <progressBar>\r\n\t\tAnd <progressBar> shows <progress> with <unit> above\r\n\t\tAnd first <icon1> is <color1> with <text1> displayed below\r\n\t\tAnd second <icon2> is <color2> with <text2> displayed below\r\n\t\tAnd third <icon3> is <color3> with <text3> displayed below\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar | unit | icon1 | color1 | text1 | icon2 | color2 | text 2 | icon3 | color3 | text 3 |\r\n\t\t\t| 250 | 500 | ――――●――――🎁―――――――🎁 | $ | NA | NA | NA | gift | greyscale | 500 | gift | greyscale | 1000 |\r\n\t\t\t| 500 | 500 | ―――――――――🎁―――――――🎁 | $ | NA | NA | NA | gift | colorful | 500 | gift | greyscale | 1000 |\r\n\t\t\t| 750 | 500 | ―――――――――🎁―――●―――🎁 | $ | NA | NA | NA | gift | colorful | 500 | gift | greyscale | 1000 |\r\n\t\t\t| 1000 | 500 | 🎁―――――――🎁―――――――🎁 | $ | gift | colorful | 500 | gift | colorful | 1000 | gift | greyscale | 1500 |\r\n\t\t\t| 1250 | 500 | 🎁―――――――🎁―――●―――🎁 | $ | gift | colorful | 500 | gift | colorful | 1000 | gift | greyscale | 1500 |\r\n\r\n\tScenario Outline: Progress Bar Steps Repeatable\r\n\t\tGiven a Task Card component\r\n\t\tAnd progress is <progress>\r\n\t\tAnd goal is <goal>\r\n\t\tAnd steps is enabled\r\n\t\tAnd it is repeatable\r\n\t\tThen I have <progressBar>\r\n\t\tAnd <progressBar> has incrementing steps up to <goal>\r\n\t\tAnd first <icon1> is <color1>\r\n\t\tAnd second <icon2> is <color2>\r\n\t\tAnd third <icon3> is <color3>\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar | icon1 | color1 | icon2 | color2 | icon3 | color3 |\r\n\t\t\t| 0 | 5 | ―――○―○―○―○―🎁―○―○―○―○―🎁 | NA | NA | gift | greyscale | gift | greyscale |\r\n\t\t\t| 1 | 5 | ―――●―○―○―○―🎁―○―○―○―○―🎁 | NA | NA | gift | greyscale | gift | greyscale |\r\n\t\t\t| 5 | 5 | ―――●―●―●―●―🎁―○―○―○―○―🎁 | NA | NA | gift | colorful | gift | greyscale |\r\n\t\t\t| 7 | 5 | ―――●―●―●―●―🎁―●―●―○―○―🎁 | NA | NA | gift | colorful | gift | greyscale |\r\n\t\t\t| 12 | 5 | 🎁―●―●―●―●―🎁―●―●―○―○―🎁 | gift | colorful | gift | colorful | gift | greyscale |";var ResizerStylesheet="\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}\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 Resizer=function(e,r){return h("div",{class:"resizer"},r)};var scenario$5=scenarioTaskCard+scenarioProgressBar;var TaskCard_stories={title:"Components/Task Card/",parameters:{scenario:scenario$5}};var storyFrame={display:"inline-flex",gap:"32px"};var resizable={width:"347px",minWidth:"347px",resize:"horizontal",height:"fit-content",overflow:"hidden"};var oneAction={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 coupleActions={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 manyActions={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 TaskCard$1=function(){var e={rewardDuration:"2021-11-30T08:00:00.000Z/2021-12-01T08:00:00.000Z"};var r=__assign(__assign({},e),{repeatable:true});return h("div",{style:storyFrame},h(Resizer,null,h("h4",null,"Not Repeatable"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{description:""}),states:__assign(__assign({},oneAction.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{description:""}),states:__assign(__assign({},coupleActions.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{description:""}),states:__assign(__assign({},manyActions.states),{progress:230})}))),h(Resizer,null,h("h4",null,"Repeatable"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{repeatable:true}),states:__assign(__assign({},oneAction.states),{progress:2})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true}),states:__assign(__assign({},coupleActions.states),{progress:7})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true}),states:__assign(__assign({},manyActions.states),{progress:650})}))),h(Resizer,null,h("h4",null,"Complete"),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:1})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:5})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:500})}))),h(Resizer,null,h("h4",null,"Unavailable"),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:0})},r)),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:3})},r)),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:250})},r))))};var TaskCardNotRepeatable=function(){return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:1})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:5})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:230})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:500})})),h("h5",null)))};var TaskCardRepeatable=function(){return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{repeatable:true}),states:__assign(__assign({},oneAction.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{repeatable:true}),states:__assign(__assign({},oneAction.states),{progress:1})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true}),states:__assign(__assign({},coupleActions.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true}),states:__assign(__assign({},coupleActions.states),{progress:5})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true}),states:__assign(__assign({},coupleActions.states),{progress:7})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true}),states:__assign(__assign({},coupleActions.states),{progress:10})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true}),states:__assign(__assign({},manyActions.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true}),states:__assign(__assign({},manyActions.states),{progress:500})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true}),states:__assign(__assign({},manyActions.states),{progress:650})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true}),states:__assign(__assign({},manyActions.states),{progress:1e3})})),h("h5",null)))};var TaskCardRepeatableFinite=function(){return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{repeatable:true,finite:2}),states:__assign(__assign({},oneAction.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{repeatable:true,finite:2}),states:__assign(__assign({},oneAction.states),{progress:1})})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{repeatable:true,finite:2}),states:__assign(__assign({},oneAction.states),{progress:2})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true,finite:2}),states:__assign(__assign({},coupleActions.states),{progress:2})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true,finite:2}),states:__assign(__assign({},coupleActions.states),{progress:5})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true,finite:2}),states:__assign(__assign({},coupleActions.states),{progress:10})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true,finite:3}),states:__assign(__assign({},coupleActions.states),{progress:12})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true,finite:3}),states:__assign(__assign({},coupleActions.states),{progress:15})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true,finite:2}),states:__assign(__assign({},manyActions.states),{progress:200})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true,finite:3}),states:__assign(__assign({},manyActions.states),{progress:500})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true,finite:2}),states:__assign(__assign({},manyActions.states),{progress:1e3})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true,finite:3}),states:__assign(__assign({},manyActions.states),{progress:1200})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true,finite:3}),states:__assign(__assign({},manyActions.states),{progress:1500})})),h("h5",null)))};var TaskCardEndDate=function(){var e={rewardDuration:luxon.DateTime.now().minus({days:1}).toISO()+"/"+luxon.DateTime.now().plus({days:1}).toISO()};var r=__assign(__assign({},e),{repeatable:true});return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),r),states:__assign(__assign({},oneAction.states),{progress:1})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},coupleActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},coupleActions.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},coupleActions.content),r),states:__assign(__assign({},coupleActions.states),{progress:5})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},manyActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},manyActions.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},manyActions.content),r),states:__assign(__assign({},manyActions.states),{progress:1e3})})),h("h5",null)))};var TaskCardLoading=function(){var e={states:{loading:true,progress:0,loadingEvent:false}};return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,e))," ",h("h5",null),h(TaskCardView,Object.assign({},oneAction,e))," ",h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},coupleActions,e))," ",h("h5",null),h(TaskCardView,Object.assign({},coupleActions,e))," ",h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},manyActions,e))," ",h("h5",null),h(TaskCardView,Object.assign({},manyActions,e))," ",h("h5",null)))};var TaskCardNotStarted=function(){var e={rewardDuration:luxon.DateTime.now().plus({days:1}).toISO()+"/"+luxon.DateTime.now().plus({days:2}).toISO()};var r=__assign(__assign({},e),{repeatable:true});return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:0}),content:__assign(__assign({},oneAction.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:1}),content:__assign(__assign({},oneAction.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:0}),content:__assign(__assign({},oneAction.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:1}),content:__assign(__assign({},oneAction.content),r)})),h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),r)})),h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:100}),content:__assign(__assign({},manyActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:500}),content:__assign(__assign({},manyActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:100}),content:__assign(__assign({},manyActions.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:500}),content:__assign(__assign({},manyActions.content),r)})),h("h5",null)))};var TaskCardEnded=function(){var e={rewardDuration:luxon.DateTime.now().minus({days:2}).toISO()+"/"+luxon.DateTime.now().minus({days:1}).toISO()};var r=__assign(__assign({},e),{repeatable:true});return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:0}),content:__assign(__assign({},oneAction.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:1}),content:__assign(__assign({},oneAction.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:0}),content:__assign(__assign({},oneAction.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:1}),content:__assign(__assign({},oneAction.content),r)})),h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),r)})),h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:100}),content:__assign(__assign({},manyActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:500}),content:__assign(__assign({},manyActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:100}),content:__assign(__assign({},manyActions.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:500}),content:__assign(__assign({},manyActions.content),r)})),h("h5",null)))};var ProgressBar=function(){var e={progress:0,goal:500,progressBarUnit:"$"};return h("div",null,h(MatrixStory,{matrix:{progress:[0,100,500,650,1200]},props:e,Component:ProgressBarView}))};var ProgressBarSteps=function(){var e={progress:0,steps:true,goal:5,progressBarUnit:"$"};return h("div",null,h(MatrixStory,{matrix:{progress:[0,1,5,7,12]},props:e,Component:ProgressBarView}))};var ProgressBarRepeatable=function(){var e={progress:0,goal:500,progressBarUnit:"$",repeatable:true};return h("div",null,h(MatrixStory,{matrix:{progress:[0,250,500,750,1e3,1250]},props:e,Component:ProgressBarView}))};var ProgressBarStepsRepeatable=function(){var e={progress:0,steps:true,goal:5,progressBarUnit:"$",repeatable:true};return h("div",null,h(MatrixStory,{matrix:{progress:[0,1,5,7,12]},props:e,Component:ProgressBarView}))};var ProgressBarStepsRepeatableFinite=function(){var e={progress:0,steps:true,goal:5,progressBarUnit:"$",repeatable:true,finite:2};return h("div",null,h(MatrixStory,{matrix:{progress:[0,1,5,7,10,12]},props:e,Component:ProgressBarView}))};var TaskCard$2=Object.freeze({__proto__:null,default:TaskCard_stories,TaskCard:TaskCard$1,TaskCardNotRepeatable:TaskCardNotRepeatable,TaskCardRepeatable:TaskCardRepeatable,TaskCardRepeatableFinite:TaskCardRepeatableFinite,TaskCardEndDate:TaskCardEndDate,TaskCardLoading:TaskCardLoading,TaskCardNotStarted:TaskCardNotStarted,TaskCardEnded:TaskCardEnded,ProgressBar:ProgressBar,ProgressBarSteps:ProgressBarSteps,ProgressBarRepeatable:ProgressBarRepeatable,ProgressBarStepsRepeatable:ProgressBarStepsRepeatable,ProgressBarStepsRepeatableFinite:ProgressBarStepsRepeatableFinite});var portalTemplate='<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 portalLeadSubmitTemplate='<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 portalLeadSubmitTemplateWithDashboard='<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 portalTemplateWithDashboard='<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 multiProgramTemplate='<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 multiProgramTemplateWithDashboard='<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 dashboardTemplate='<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 leadSubmitTemplate="<sqm-referral-iframe></sqm-referral-iframe>\r\n";var editProfileTemplate='<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 activityTemplate='<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 resetPasswordEmailTemplate='<!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 verifyEmailTemplate='<!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 loginTemplate='<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 registerTemplate='<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 forgotPasswordTemplate='<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 resetPasswordTemplate='<sqm-portal-reset-password confirm-password="true"></sqm-portal-reset-password>\r\n';var emailVerifiedTemplate="<sqm-portal-verify-email></sqm-portal-verify-email>\r\n";var emailVerificationTemplate='<sqm-portal-protected-route redirect-to="/login"></sqm-portal-protected-route>\r\n<sqm-portal-email-verification></sqm-portal-email-verification>\r\n';var marked=createCommonjsModule((function(e,r){(function(r,t){e.exports=t()})(commonjsGlobal,(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 s={exports:{}};function i(){return{baseUrl:null,breaks:false,extensions:null,gfm:true,headerIds:true,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:true,pedantic:false,renderer:null,sanitize:false,sanitizer:null,silent:false,smartLists:false,smartypants:false,tokenizer:null,walkTokens:null,xhtml:false}}function o(e){s.exports.defaults=e}s.exports={defaults:i(),getDefaults:i,changeDefaults:o};var l=/[&<>"']/;var 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 w(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 v=/[^\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(v,"").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=A(r,t)}try{t=encodeURI(t).replace(/%25/g,"%")}catch(e){return null}return t}var E={};var C=/^[^:]+:\/*[^/]*$/;var _=/^([^:]+:)[\s\S]*$/;var D=/^([^:]+:\/*[^/]*)[\s\S]*$/;function A(e,r){if(!E[" "+e]){if(C.test(e)){E[" "+e]=e+"/"}else{E[" "+e]=T(e,"/",true)}}e=E[" "+e];var t=e.indexOf(":")===-1;if(r.substring(0,2)==="//"){if(t){return r}return e.replace(_,"$1")+r}else if(r.charAt(0)==="/"){if(t){return r}return e.replace(D,"$1")+r}else{return e+r}}var q={exec:function e(){}};function k(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 R(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 T(e,r,t){var n=e.length;if(n===0){return""}var a=0;while(a<n){var s=e.charAt(n-a-1);if(s===r&&!t){a++}else if(s!==r&&t){a++}else{break}}return e.substr(0,n-a)}function P(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 I(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:w,cleanUrl:y,resolveUrl:A,noopTest:q,merge:k,splitCells:R,rtrim:T,findClosingBracket:P,checkSanitizeDeprecation:S,repeatString:I};var L=s.exports.defaults;var F=N.rtrim,B=N.splitCells,V=N.escape,O=N.findClosingBracket;function j(e,r,t,n){var a=r.href;var s=r.title?V(r.title):null;var i=e[1].replace(/\\([\[\]])/g,"$1");if(e[0].charAt(0)!=="!"){n.state.inLink=true;var o={type:"link",raw:t,href:a,title:s,text:i,tokens:n.inlineTokens(i,[])};n.state.inLink=false;return o}else{return{type:"image",raw:t,href:a,title:s,text:V(i)}}}function M(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 $=function(){function e(e){this.options=e||L}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?F(n,"\n"):n}}};r.fences=function e(r){var t=this.rules.block.fences.exec(r);if(t){var n=t[0];var a=M(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=F(n,"#");if(this.options.pedantic){n=a.trim()}else if(!a||/ $/.test(a)){n=a.trim()}}var s={type:"heading",raw:t[0],depth:t[1].length,text:n,tokens:[]};this.lexer.inline(s.text,s.tokens);return s}};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,s,i,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){i=2;m=c[0].trimLeft()}else{i=t[2].search(/[^ ]/);i=t[1].length+(i>4?1:i);m=c[0].slice(i-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,i-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(/[^ ]/)>=i){m+="\n"+d.slice(i)}else{m+="\n"+d}continue}if(d.search(/[^ ]/)>=i||!d.trim()){m+="\n"+d.slice(i);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){s=a[0]!=="[ ] ";m=m.replace(/^\[[ xX]\] +/,"")}}e.items.push({type:"list_item",raw:n,task:!!a,checked:s,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]):V(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 s,i,o,l;for(s=0;s<a;s++){if(/^ *-+: *$/.test(n.align[s])){n.align[s]="right"}else if(/^ *:-+: *$/.test(n.align[s])){n.align[s]="center"}else if(/^ *:-+ *$/.test(n.align[s])){n.align[s]="left"}else{n.align[s]=null}}a=n.rows.length;for(s=0;s<a;s++){n.rows[s]=B(n.rows[s],n.header.length).map((function(e){return{text:e}}))}a=n.header.length;for(i=0;i<a;i++){n.header[i].tokens=[];this.lexer.inlineTokens(n.header[i].text,n.header[i].tokens)}a=n.rows.length;for(i=0;i<a;i++){l=n.rows[i];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:V(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]):V(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=F(n.slice(0,-1),"\\");if((n.length-a.length)%2===0){return}}else{var s=O(t[2],"()");if(s>-1){var i=t[0].indexOf("!")===0?5:4;var o=i+t[1].length+s;t[2]=t[2].substring(0,s);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 s=n[0].charAt(0);return{type:"text",raw:s,text:s}}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 s=a[1]||a[2]||"";if(!s||s&&(n===""||this.rules.inline.punctuation.exec(n))){var i=a[0].length-1;var o,l,u=i,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+i);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(i%3&&!((i+l)%3)){d+=l;continue}}u-=l;if(u>0)continue;l=Math.min(l,l+u+d);if(Math.min(i,l)%2){var m=r.slice(1,i+a.index+l);return{type:"em",raw:r.slice(0,i+a.index+l+1),text:m,tokens:this.lexer.inlineTokens(m,[])}}var p=r.slice(2,i+a.index+l-1);return{type:"strong",raw:r.slice(0,i+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 s=/^ /.test(n)&&/ $/.test(n);if(a&&s){n=n.substring(1,n.length-1)}n=V(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,s;if(n[2]==="@"){a=V(this.options.mangle?t(n[1]):n[1]);s="mailto:"+a}else{a=V(n[1]);s=a}return{type:"link",raw:n[0],text:a,href:s,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,s;if(n[2]==="@"){a=V(this.options.mangle?t(n[0]):n[0]);s="mailto:"+a}else{var i;do{i=n[0];n[0]=this.rules.inline._backpedal.exec(n[0])[0]}while(i!==n[0]);a=V(n[0]);if(n[1]==="www."){s="http://"+a}else{s=a}}return{type:"link",raw:n[0],text:a,href:s,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]):V(n[0]):n[0]}else{a=V(this.options.smartypants?t(n[0]):n[0])}return{type:"text",raw:n[0],text:a}}};return e}();var G=N.noopTest,U=N.edit,H=N.merge;var z={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:G,lheading:/^([^\n]+)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html| +\n)[^\n]+)*)/,text:/^[^\n]+/};z._label=/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/;z._title=/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/;z.def=U(z.def).replace("label",z._label).replace("title",z._title).getRegex();z.bullet=/(?:[*+-]|\d{1,9}[.)])/;z.listItemStart=U(/^( *)(bull) */).replace("bull",z.bullet).getRegex();z.list=U(z.list).replace(/bull/g,z.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+z.def.source+")").getRegex();z._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";z._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/;z.html=U(z.html,"i").replace("comment",z._comment).replace("tag",z._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex();z.paragraph=U(z._paragraph).replace("hr",z.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",z._tag).getRegex();z.blockquote=U(z.blockquote).replace("paragraph",z.paragraph).getRegex();z.normal=H({},z);z.gfm=H({},z.normal,{table:"^ *([^\\n ].*\\|.*)\\n"+" {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?"+"(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"});z.gfm.table=U(z.gfm.table).replace("hr",z.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",z._tag).getRegex();z.pedantic=H({},z.normal,{html:U("^ *(?:comment *(?:\\n|\\s*$)"+"|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)"+"|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",z._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:G,paragraph:U(z.normal._paragraph).replace("hr",z.hr).replace("heading"," *#{1,6} *[^\n]").replace("lheading",z.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()});var W={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:G,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:G,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\spunctuation])/};W._punctuation="!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~";W.punctuation=U(W.punctuation).replace(/punctuation/g,W._punctuation).getRegex();W.blockSkip=/\[[^\]]*?\]\([^\)]*?\)|`[^`]*?`|<[^>]*?>/g;W.escapedEmSt=/\\\*|\\_/g;W._comment=U(z._comment).replace("(?:--\x3e|$)","--\x3e").getRegex();W.emStrong.lDelim=U(W.emStrong.lDelim).replace(/punct/g,W._punctuation).getRegex();W.emStrong.rDelimAst=U(W.emStrong.rDelimAst,"g").replace(/punct/g,W._punctuation).getRegex();W.emStrong.rDelimUnd=U(W.emStrong.rDelimUnd,"g").replace(/punct/g,W._punctuation).getRegex();W._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g;W._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/;W._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])?)+(?![-_])/;W.autolink=U(W.autolink).replace("scheme",W._scheme).replace("email",W._email).getRegex();W._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/;W.tag=U(W.tag).replace("comment",W._comment).replace("attribute",W._attribute).getRegex();W._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/;W._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/;W._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/;W.link=U(W.link).replace("label",W._label).replace("href",W._href).replace("title",W._title).getRegex();W.reflink=U(W.reflink).replace("label",W._label).getRegex();W.reflinkSearch=U(W.reflinkSearch,"g").replace("reflink",W.reflink).replace("nolink",W.nolink).getRegex();W.normal=H({},W);W.pedantic=H({},W.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:U(/^!?\[(label)\]\((.*?)\)/).replace("label",W._label).getRegex(),reflink:U(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",W._label).getRegex()});W.gfm=H({},W.normal,{escape:U(W.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.!#$%&'*+\/=?_`{\|}~-]+@)))/});W.gfm.url=U(W.gfm.url,"i").replace("email",W.gfm._extended_email).getRegex();W.breaks=H({},W.gfm,{br:U(W.br).replace("{2,}","*").getRegex(),text:U(W.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()});var K={block:z,inline:W};var J=$;var Y=s.exports.defaults;var X=K.block,Q=K.inline;var Z=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||Y;this.options.tokenizer=this.options.tokenizer||new J;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:X.normal,inline:Q.normal};if(this.options.pedantic){r.block=X.pedantic;r.inline=Q.pedantic}else if(this.options.gfm){r.block=X.gfm;if(this.options.breaks){r.inline=Q.breaks}else{r.inline=Q.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,s,i,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);s=t[t.length-1];if(s&&(s.type==="paragraph"||s.type==="text")){s.raw+="\n"+a.raw;s.text+="\n"+a.text;this.inlineQueue[this.inlineQueue.length-1].src=s.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);s=t[t.length-1];if(s&&(s.type==="paragraph"||s.type==="text")){s.raw+="\n"+a.raw;s.text+="\n"+a.raw;this.inlineQueue[this.inlineQueue.length-1].src=s.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}i=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){i=r.substring(0,e+1)}})()}if(this.state.top&&(a=this.tokenizer.paragraph(i))){s=t[t.length-1];if(o&&s.type==="paragraph"){s.raw+="\n"+a.raw;s.text+="\n"+a.text;this.inlineQueue.pop();this.inlineQueue[this.inlineQueue.length-1].src=s.text}else{t.push(a)}o=i.length!==r.length;r=r.substring(a.raw.length);continue}if(a=this.tokenizer.text(r)){r=r.substring(a.raw.length);s=t[t.length-1];if(s&&s.type==="text"){s.raw+="\n"+a.raw;s.text+="\n"+a.text;this.inlineQueue.pop();this.inlineQueue[this.inlineQueue.length-1].src=s.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,s,i;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)+"["+Z("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)+"["+Z("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);s=t[t.length-1];if(s&&a.type==="text"&&s.type==="text"){s.raw+=a.raw;s.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);s=t[t.length-1];if(s&&a.type==="text"&&s.type==="text"){s.raw+=a.raw;s.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}i=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){i=r.substring(0,e+1)}})()}if(a=this.tokenizer.inlineText(i,ee)){r=r.substring(a.raw.length);if(a.raw.slice(-1)!=="_"){d=a.raw.slice(-1)}u=true;s=t[t.length-1];if(s&&s.type==="text"){s.raw+=a.raw;s.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:X,inline:Q}}}]);return e}();var ne=s.exports.defaults;var ae=N.cleanUrl,se=N.escape;var ie=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 s=this.options.highlight(r,a);if(s!=null&&s!==r){n=true;r=s}}r=r.replace(/\n$/,"")+"\n";if(!a){return"<pre><code>"+(n?r:se(r,true))+"</code></pre>\n"}return'<pre><code class="'+this.options.langPrefix+se(a,true)+'">'+(n?r:se(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",s=t&&n!==1?' start="'+n+'"':"";return"<"+a+s+">\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="'+se(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=ie;var de=oe;var ce=le;var me=s.exports.defaults;var pe=N.unescape;var he=function(){function e(e){this.options=e||me;this.options.renderer=this.options.renderer||new 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,s,i,o,l,u,d,c,m,p,h,g,f,b,w,v,x,y,E;var C=r.length;for(a=0;a<C;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(s=0;s<o;s++){d+=this.renderer.tablecell(this.parseInline(p.header[s].tokens),{header:true,align:p.align[s]})}c+=this.renderer.tablerow(d);m="";o=p.rows.length;for(s=0;s<o;s++){u=p.rows[s];d="";l=u.length;for(i=0;i<l;i++){d+=this.renderer.tablecell(this.parseInline(u[i].tokens),{header:false,align:p.align[i]})}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(s=0;s<o;s++){w=p.items[s];v=w.checked;x=w.task;b="";if(w.task){y=this.renderer.checkbox(v);if(f){if(w.tokens.length>0&&w.tokens[0].type==="paragraph"){w.tokens[0].text=y+" "+w.tokens[0].text;if(w.tokens[0].tokens&&w.tokens[0].tokens.length>0&&w.tokens[0].tokens[0].type==="text"){w.tokens[0].tokens[0].text=y+" "+w.tokens[0].tokens[0].text}}else{w.tokens.unshift({type:"text",text:y})}}else{b+=y}}b+=this.parse(w.tokens,f);m+=this.renderer.listitem(b,x,v)}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<C&&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 _='Token with "'+p.type+'" type was not found.';if(this.options.silent){console.error(_);return}else{throw new Error(_)}}}}return n};r.parseInline=function e(r,t){t=t||this.renderer;var n="",a,s,i;var o=r.length;for(a=0;a<o;a++){s=r[a];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[s.type]){i=this.options.extensions.renderers[s.type].call({parser:this},s);if(i!==false||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(s.type)){n+=i||"";continue}}switch(s.type){case"escape":{n+=t.text(s.text);break}case"html":{n+=t.html(s.text);break}case"link":{n+=t.link(s.href,s.title,this.parseInline(s.tokens,t));break}case"image":{n+=t.image(s.href,s.title,s.text);break}case"strong":{n+=t.strong(this.parseInline(s.tokens,t));break}case"em":{n+=t.em(this.parseInline(s.tokens,t));break}case"codespan":{n+=t.codespan(s.text);break}case"br":{n+=t.br();break}case"del":{n+=t.del(this.parseInline(s.tokens,t));break}case"text":{n+=t.text(s.text);break}default:{var l='Token with "'+s.type+'" type was not found.';if(this.options.silent){console.error(l);return}else{throw new Error(l)}}}}return n};return e}();var ge=te;var fe=he;var be=$;var we=ie;var ve=oe;var xe=le;var ye=N.merge,Ee=N.checkSanitizeDeprecation,Ce=N.escape;var _e=s.exports.getDefaults,De=s.exports.changeDefaults,Ae=s.exports.defaults;function qe(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({},qe.defaults,r||{});Ee(r);if(t){var n=r.highlight;var a;try{a=ge.lex(e,r)}catch(e){return t(e)}var s=function e(s){var i;if(!s){try{if(r.walkTokens){qe.walkTokens(a,r.walkTokens)}i=fe.parse(a,r)}catch(e){s=e}}r.highlight=n;return s?t(s):t(null,i)};if(!n||n.length<3){return s()}delete r.highlight;if(!a.length)return s();var i=0;qe.walkTokens(a,(function(e){if(e.type==="code"){i++;setTimeout((function(){n(e.text,e.lang,(function(r,t){if(r){return s(r)}if(t!=null&&t!==e.text){e.text=t;e.escaped=true}i--;if(i===0){s()}}))}),0)}}));if(i===0){s()}return}try{var o=ge.lex(e,r);if(r.walkTokens){qe.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>"+Ce(e.message+"",true)+"</pre>"}throw e}}qe.options=qe.setOptions=function(e){ye(qe.defaults,e);De(qe.defaults);return qe};qe.getDefaults=_e;qe.defaults=Ae;qe.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 s=qe.defaults.extensions||{renderers:{},childTokens:{}};var i;t.forEach((function(r){if(r.extensions){i=true;r.extensions.forEach((function(e){if(!e.name){throw new Error("extension name required")}if(e.renderer){var r=s.renderers?s.renderers[e.name]:null;if(r){s.renderers[e.name]=function(){for(var t=arguments.length,n=new Array(t),a=0;a<t;a++){n[a]=arguments[a]}var s=e.renderer.apply(this,n);if(s===false){s=r.apply(this,n)}return s}}else{s.renderers[e.name]=e.renderer}}if(e.tokenizer){if(!e.level||e.level!=="block"&&e.level!=="inline"){throw new Error("extension level must be 'block' or 'inline'")}if(s[e.level]){s[e.level].unshift(e.tokenizer)}else{s[e.level]=[e.tokenizer]}if(e.start){if(e.level==="block"){if(s.startBlock){s.startBlock.push(e.start)}else{s.startBlock=[e.start]}}else if(e.level==="inline"){if(s.startInline){s.startInline.push(e.start)}else{s.startInline=[e.start]}}}}if(e.childTokens){s.childTokens[e.name]=e.childTokens}}))}if(r.renderer){(function(){var e=qe.defaults.renderer||new we;var t=function t(n){var a=e[n];e[n]=function(){for(var t=arguments.length,s=new Array(t),i=0;i<t;i++){s[i]=arguments[i]}var o=r.renderer[n].apply(e,s);if(o===false){o=a.apply(e,s)}return o}};for(var n in r.renderer){t(n)}a.renderer=e})()}if(r.tokenizer){(function(){var e=qe.defaults.tokenizer||new be;var t=function t(n){var a=e[n];e[n]=function(){for(var t=arguments.length,s=new Array(t),i=0;i<t;i++){s[i]=arguments[i]}var o=r.tokenizer[n].apply(e,s);if(o===false){o=a.apply(e,s)}return o}};for(var n in r.tokenizer){t(n)}a.tokenizer=e})()}if(r.walkTokens){var t=qe.defaults.walkTokens;a.walkTokens=function(n){r.walkTokens.call(e,n);if(t){t(n)}}}if(i){a.extensions=s}qe.setOptions(a)}))};qe.walkTokens=function(e,r){var t=function e(){var t=s.value;r(t);switch(t.type){case"table":{for(var n=a(t.header),i;!(i=n()).done;){var o=i.value;qe.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;qe.walkTokens(p.tokens,r)}}break}case"list":{qe.walkTokens(t.items,r);break}default:{if(qe.defaults.extensions&&qe.defaults.extensions.childTokens&&qe.defaults.extensions.childTokens[t.type]){qe.defaults.extensions.childTokens[t.type].forEach((function(e){qe.walkTokens(t[e],r)}))}else if(t.tokens){qe.walkTokens(t.tokens,r)}}}};for(var n=a(e),s;!(s=n()).done;){t()}};qe.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({},qe.defaults,r||{});Ee(r);try{var t=ge.lexInline(e,r);if(r.walkTokens){qe.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>"+Ce(e.message+"",true)+"</pre>"}throw e}};qe.Parser=fe;qe.parser=fe.parse;qe.Renderer=we;qe.TextRenderer=ve;qe.Lexer=ge;qe.lexer=ge.lex;qe.Tokenizer=be;qe.Slugger=xe;qe.parse=qe;var ke=qe;return ke}))}));var LoginReadme='# 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 ReferralIframeReadme='# 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 ForgotPasswordReadme='# 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 RegisterReadme='# 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 EditProfileReadme='# 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 ResetPasswordReadme='# 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 EmailVerificationReadme='# 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 EmailVerifiedReadme='# 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 PortalTemplates_stories={title:"Templates / Portal"};function useTemplate$1(e){var r=useState(e),t=r[0],n=r[1];var a=useState(e),s=a[0],i=a[1];return{states:{previewTemplate:s,editedTemplate:t},callbacks:{setEditedTemplate:n,setPreviewTemplate:i}}}function TemplateView$1(e){var r=e.states,t=e.callbacks,n=e.readme;return[h("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return t.setEditedTemplate(e.target.value)}},r.editedTemplate),h("button",{onClick:function(){return t.setPreviewTemplate(r.editedTemplate)}},"Update Preview"),n?h("details",null,h("summary",null,"Props readme"),h("div",{innerHTML:marked(n)})):"",h("div",{innerHTML:r.previewTemplate})]}function Buttons(e){var r=e.callbacks,t=e.states,n=e.template;return h("div",null,h("button",{onClick:function(){return r.setPreviewTemplate(t.editedTemplate)}},"Update Preview"),h("button",{style:{marginLeft:"10px"},onClick:function(){return r.setPreviewTemplate(n)}},"Preview Dashboard"))}function DefaultTemplateView(e){var r=e.states,t=e.callbacks;return h("div",{style:{height:"50vh"}},h("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return t.setEditedTemplate(e.target.value)}},r.editedTemplate),h(Buttons,{states:r,callbacks:t,template:e.template}),h("h2",null,"Navigation"),h("div",{style:{display:"grid",gridTemplateColumns:"repeat(9, 80px)",gridGap:"10px"}},h("button",{onClick:function(){return pn.push("/")}},"Dashboard"),e.leadSubmit&&h("button",{onClick:function(){return pn.push("/refer")}},"Submit a Referral"),h("button",{onClick:function(){return pn.push("/activity")}},"Activity"),h("button",{onClick:function(){return pn.push("/editProfile")}},"Edit Profile"),h("button",{onClick:function(){return pn.push("/login")}},"Login"),h("button",{onClick:function(){return pn.push("/register")}},"Register"),h("button",{onClick:function(){return pn.push("/emailVerification")}},"Email Verification"),h("button",{onClick:function(){return pn.push("/verifyEmail")}},"Verify Email"),h("button",{onClick:function(){return pn.push("/forgotPassword")}},"Forgot Password"),h("button",{onClick:function(){return pn.push("/resetPassword")}},"Reset Password")),h("br",null),h("div",{innerHTML:r.previewTemplate}))}var DefaultPortal=createHookStory((function(){var e=useTemplate$1(portalTemplate),r=e.states,t=e.callbacks;return h(DefaultTemplateView,{states:r,callbacks:t,template:portalTemplateWithDashboard})}));var MultiProgramPortal=createHookStory((function(){var e=useTemplate$1(multiProgramTemplate),r=e.states,t=e.callbacks;return h(DefaultTemplateView,{states:r,callbacks:t,template:multiProgramTemplateWithDashboard})}));var LeadSubmitPortal=createHookStory((function(){var e=useTemplate$1(portalLeadSubmitTemplate),r=e.states,t=e.callbacks;return h(DefaultTemplateView,{states:r,callbacks:t,template:portalLeadSubmitTemplateWithDashboard,leadSubmit:true})}));var Login=createHookStory((function(){var e=useTemplate$1(loginTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:LoginReadme})}));var ForgotPassword=createHookStory((function(){var e=useTemplate$1(forgotPasswordTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:ForgotPasswordReadme})}));var Register=createHookStory((function(){var e=useTemplate$1(registerTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:RegisterReadme})}));var Dashboard$1=createHookStory((function(){var e=useTemplate$1(dashboardTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t})}));var LeadSubmitIframe=createHookStory((function(){var e=useTemplate$1(leadSubmitTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:ReferralIframeReadme})}));var Activity$1=createHookStory((function(){var e=useTemplate$1(activityTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t})}));var EditProfile$2=createHookStory((function(){var e=useTemplate$1(editProfileTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:EditProfileReadme})}));var ResetPassword=createHookStory((function(){var e=useTemplate$1(resetPasswordTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:ResetPasswordReadme})}));var EmailVerification=createHookStory((function(){var e=useTemplate$1(emailVerificationTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:EmailVerificationReadme})}));var EmailVerified=createHookStory((function(){var e=useTemplate$1(emailVerifiedTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:EmailVerifiedReadme})}));var Widget=createHookStory((function(){return h("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:dashboardTemplate}}})}));var ResetPasswordEmail=createHookStory((function(){var e=useTemplate$1(resetPasswordEmailTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t})}));var VerifyEmail=createHookStory((function(){var e=useTemplate$1(verifyEmailTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t})}));var PortalTemplates=Object.freeze({__proto__:null,default:PortalTemplates_stories,DefaultPortal:DefaultPortal,MultiProgramPortal:MultiProgramPortal,LeadSubmitPortal:LeadSubmitPortal,Login:Login,ForgotPassword:ForgotPassword,Register:Register,Dashboard:Dashboard$1,LeadSubmitIframe:LeadSubmitIframe,Activity:Activity$1,EditProfile:EditProfile$2,ResetPassword:ResetPassword,EmailVerification:EmailVerification,EmailVerified:EmailVerified,Widget:Widget,ResetPasswordEmail:ResetPasswordEmail,VerifyEmail:VerifyEmail});var ProgramMenu_stories={title:"Program Menu"};var OneProgram=createHookStory((function(){return h("sqm-program-menu",null,h("sl-menu-item",{value:"referral-program"},"Referral Program"))}));var TwoProgram=createHookStory((function(){return h("sqm-program-menu",null,h("sl-menu-item",{value:"referral-program"},"Referral Program"),h("sl-menu-item",{value:"partner-program"},"Partner Program"))}));var FiveProgram=createHookStory((function(){return h("sqm-program-menu",null,h("sl-menu-item",{value:"program1"},"Program 1"),h("sl-menu-item",{value:"program2"},"Program 2"),h("sl-menu-item",{value:"program3"},"Program 3"),h("sl-menu-item",{value:"program4"},"Program 4"),h("sl-menu-item",{value:"program5"},"Program 5"))}));var ProgramMenuWithSwitch=createHookStory((function(){return h("div",null,h("sqb-program-section",{"program-id":"Vacay-referral"},h("sqm-program-menu",null,h("sl-menu-item",{value:"Vacay-referral"},"Vacay-referral"),h("sl-menu-item",{value:"vacay-affiliates"},"vacay-affiliates")),h("sqb-program-switch",null,h("template",{"program-id":"Vacay-referral"},h("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:dashboardTemplate}}})),h("template",{"program-id":"vacay-affiliates"},h("sqb-widget",{"widget-type":"p/vacay-affiliates/w/referrerWidget",demoData:{data:{html:dashboardTemplate}}})))))}));var ProgramMenu=Object.freeze({__proto__:null,default:ProgramMenu_stories,OneProgram:OneProgram,TwoProgram:TwoProgram,FiveProgram:FiveProgram,ProgramMenuWithSwitch:ProgramMenuWithSwitch});var PoweredByImg_stories={title:"Powered By"};var Default$a=function(){return h(PoweredByImg$1,null)};var CustomColor=function(){return h(PoweredByImg$1,{color:"salmon"})};var CustomWidthAndHeight=function(){return h(PoweredByImg$1,{width:300,height:50})};var PoweredByImg=Object.freeze({__proto__:null,default:PoweredByImg_stories,Default:Default$a,CustomColor:CustomColor,CustomWidthAndHeight:CustomWidthAndHeight});var scenario$6='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 PortalFooter_stories={title:"Portal Footer",parameters:{scenario:scenario$6}};var defaultProps$9={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 DefaultFooter=function(){return h(PortalFooterView,Object.assign({},defaultProps$9))};var FooterWithTerms=function(){return h(PortalFooterView,Object.assign({},defaultProps$9,{termsLink:"https://example.com",termsText:"Terms and Conditions"}))};var FooterWithFAQ=function(){return h(PortalFooterView,Object.assign({},defaultProps$9,{faqLink:"https://example.com",faqText:"FAQ"}))};var FooterWithTermsAndFAQ=function(){return h(PortalFooterView,Object.assign({},defaultProps$9,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ"}))};var FooterNoPoweredBy=function(){return h(PortalFooterView,Object.assign({},defaultProps$9,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ",showPoweredBy:false}))};var PortalFooter=Object.freeze({__proto__:null,default:PortalFooter_stories,DefaultFooter:DefaultFooter,FooterWithTerms:FooterWithTerms,FooterWithFAQ:FooterWithFAQ,FooterWithTermsAndFAQ:FooterWithTermsAndFAQ,FooterNoPoweredBy:FooterNoPoweredBy});var scenario$7='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 Hero_stories={title:"Hero Layout",parameters:{scenario:scenario$7}};var LoginOneColumn=function(){var e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large"},content:{primaryColumn:[h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("sqm-portal-login",null)]}};return h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var LoginOneColumnWithColor=function(){var e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large",background:"LightSlateGrey"},content:{primaryColumn:h("sqm-portal-login",null)}};return h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var LoginOneColumnWithImage=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:h("sqm-portal-login",null)}};return h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var TwoColumnLoginLargePadding=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:h("sqm-portal-login",null),secondaryColumn:h("div",null,h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("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 h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var TwoColumnLoginMediumPadding=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:h("sqm-portal-login",null),secondaryColumn:h("div",null,h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("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 h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var TwoColumnLoginSmallPadding=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:h("sqm-portal-login",null),secondaryColumn:h("div",null,h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("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 h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var TwoColumnLoginNoPadding=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:h("sqm-portal-login",null),secondaryColumn:h("div",null,h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("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 h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var TwoColumnLoginReverseWrap=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:h("sqm-portal-change-password",null),secondaryColumn:h("div",null,h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("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 h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var TwoColumnLoginWithImgElement=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"large"},content:{primaryColumn:h("div",null,h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("sqm-portal-login",null)),secondaryColumn:h("div",null,h("img",{src:"https://images.unsplash.com/photo-1487528278747-ba99ed528ebc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80"}),h("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 h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var Hero=Object.freeze({__proto__:null,default:Hero_stories,LoginOneColumn:LoginOneColumn,LoginOneColumnWithColor:LoginOneColumnWithColor,LoginOneColumnWithImage:LoginOneColumnWithImage,TwoColumnLoginLargePadding:TwoColumnLoginLargePadding,TwoColumnLoginMediumPadding:TwoColumnLoginMediumPadding,TwoColumnLoginSmallPadding:TwoColumnLoginSmallPadding,TwoColumnLoginNoPadding:TwoColumnLoginNoPadding,TwoColumnLoginReverseWrap:TwoColumnLoginReverseWrap,TwoColumnLoginWithImgElement:TwoColumnLoginWithImgElement});var scenario$8='@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 ReferralIframe_stories={title:"Referral Iframe",parameters:{scenario:scenario$8}};var props={data:{shareCode:"BOBBYREFER"},states:{content:{iframeSrc:"https://example.com",iframeHeight:"100%",iframeWidth:"100%"}}};var ReferralIframe=function(){return h("div",{style:{width:"1000px",height:"1000px"}},h(ReferralIframeView,Object.assign({},props)))};var ReferralIframeError=function(){return h("div",{style:{width:"1000px",height:"1000px"}},h("sqm-referral-iframe",null))};var ReferralIframe$1=Object.freeze({__proto__:null,default:ReferralIframe_stories,ReferralIframe:ReferralIframe,ReferralIframeError:ReferralIframeError});var scenario$9='@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 NameFields_stories={title:"Name Fields",parameters:{scenario:scenario$9}};var props$1={states:{validationErrors:undefined,content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}};var errorProps$8={states:{validationErrors:{firstName:"Cannot be empty",lastName:"Cannot be empty"},content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}};var NameFields=function(){return h(NameFieldsView,Object.assign({},props$1))};var NameFieldsWithErrors=function(){return h(NameFieldsView,Object.assign({},errorProps$8))};var NameFields$1=Object.freeze({__proto__:null,default:NameFields_stories,NameFields:NameFields,NameFieldsWithErrors:NameFieldsWithErrors});var baseResponse=function(e,r,t,n,a,s,i){if(r===void 0){r="chooseReward"}if(t===void 0){t=null}if(n===void 0){n=null}if(a===void 0){a=false}if(s===void 0){s=false}if(i===void 0){i=null}return{states:{content:{text:{buttonText:"Exchange Rewards",notAvailableError:"{unavailableReasonCode, select, NOT_CHAMPION {CUSTOM ERROR MESSAGE } US_TAX {Exceeds tax limit for this year} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {unavailableReasonCode} }",chooseRewardTitle:"Rewards",chooseAmountTitle:"Select",confirmationTitle:"Confirm",rewardTitle:"Choose a reward",cancelText:"Cancel",backText:"Back",continueText:"Continue",continueToConfirmationText:"Continue to confirmation",redeemText:"Redeem",redeemTitle:"Confirm and redeem",redemptionSuccessText:"Redeemed {sourceValue} for {destinationValue}",doneText:"Done",toolTipText:"Copied!",selectText:"Select amount to receive",sourceAmountMessage:"{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",rewardRedeemedText:"Reward redeemed",redemptionError:"An error occured trying to redeem this reward. Please try again",promoCode:"Promo code",skeletonCardNum:8,rewardNameTitle:"Reward Name",rewardAmountTitle:"Reward Amount",costTitle:"Cost"}},redeemStage:r,amount:0,exchangeError:a,loading:s,selectedItem:t,selectedStep:n,open:false},data:{exchangeList:e,fuelTankCode:i},callbacks:{exchangeReward:null,resetState:null,setStage:null,setExchangeState:null,copyFuelTankCode:null,refs:null},refs:null}};var baseReward$2={key:"",name:"",description:"Description of reward. Lorem ipsum dolor sit amet, consectetur adipiscing. Id nec semper sapien dignissim rhoncus nunc.",imageUrl:"",available:true,unavailableReasonCode:null,ruleType:"FIXED_GLOBAL_REWARD",sourceUnit:"POINT",sourceValue:10,prettySourceValue:"10 SaaSquatch Points",sourceMinValue:null,prettySourceMinValue:null,sourceMaxValue:null,prettySourceMaxValue:null,destinationMinValue:null,prettyDestinationMinValue:null,destinationMaxValue:null,prettyDestinationMaxValue:null,globalRewardKey:"",destinationUnit:null,steps:[]};var notEnoughPoints={available:false,unavailableReasonCode:"INSUFFICIENT_REDEEMABLE_CREDIT"};var usTax={available:false,unavailableReasonCode:"US_TAX"};var customError={available:false,unavailableReasonCode:"NOT_CHAMPION"};var selected={key:"r1"};var imageUrl=function(e){return{imageUrl:e}};var name=function(e){return{name:e}};var fixedValue=function(e){return{prettySourceValue:e}};var variableValue=function(e,r,t){return{ruleType:"VARIABLE_CREDIT_REWARD",sourceMinValue:e,prettySourceMinValue:e+" "+t,sourceMaxValue:r,prettySourceMaxValue:r+" "+t}};var data=[__assign(__assign(__assign(__assign({},baseReward$2),name("Free swag with a promo code")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png")),fixedValue("40 SaaSquatch Points")),__assign(__assign(__assign(__assign(__assign({},baseReward$2),selected),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points")),__assign(__assign(__assign(__assign({},baseReward$2),name("A very exclusive gift box")),imageUrl("https://i.imgur.com/93BvEgH.png")),fixedValue("30 SaaSquatch Points")),__assign(__assign(__assign(__assign({},baseReward$2),name("$50 Store credit")),imageUrl("https://i.imgur.com/WkCMVSE.png")),fixedValue("100 SaaSquatch Points")),__assign(__assign(__assign(__assign({},baseReward$2),name("Variable amount of store credit")),imageUrl("https://i.imgur.com/Jn2fE0s.png")),variableValue(20,100,"Points")),__assign(__assign(__assign(__assign(__assign({},baseReward$2),notEnoughPoints),name("A very rare cactus")),imageUrl("https://i.imgur.com/hhlF2Ey.png")),fixedValue("2000 SaaSquatch Points")),__assign(__assign(__assign(__assign(__assign({},baseReward$2),usTax),name("$1000 Store credit with a really super long name in the front page")),imageUrl("https://i.imgur.com/y9HSls1.png")),fixedValue("2000 SaaSquatch Long Points")),__assign(__assign(__assign(__assign(__assign({},baseReward$2),notEnoughPoints),name("A holiday gift box")),imageUrl("https://i.imgur.com/dWEdB3p.png")),fixedValue("100 SaaSquatch Points"))];var rewardExchange=__assign({},baseResponse(data));var rewardExchangeLongText=__assign({},baseResponse(__spreadArrays([__assign(__assign(__assign(__assign(__assign({},baseReward$2),notEnoughPoints),name("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")),imageUrl("https://i.imgur.com/dWEdB3p.png")),fixedValue("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")),__assign(__assign(__assign(__assign({},baseReward$2),name("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")),imageUrl("https://i.imgur.com/y9HSls1.png")),fixedValue("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")),__assign(__assign(__assign(__assign({},baseReward$2),name("Suuuuuuuuper aweeeeesssssoooommme reward!!!!!!")),imageUrl("https://i.imgur.com/WkCMVSE.png")),fixedValue("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."))],data)));var rewardExchangeCustomErrorMsg=__assign({},baseResponse(__spreadArrays([__assign(__assign(__assign(__assign(__assign({},baseReward$2),customError),name("A very rare cactus")),imageUrl("https://i.imgur.com/hhlF2Ey.png")),fixedValue("2000 SaaSquatch Points"))],data)));var rewardExchangeSelected=__assign({},baseResponse(data,"chooseReward",__assign(__assign(__assign(__assign(__assign({},baseReward$2),selected),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points"))));var baseStep=function(e,r,t,n,a,s){if(a===void 0){a=true}if(s===void 0){s=null}return{destinationValue:e,prettyDestinationValue:r+e,sourceValue:t,prettySourceValue:t+" "+n,available:a,unavailableReasonCode:s}};var chooseAmountVariable=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign(__assign({},baseReward$2),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points")),{steps:[baseStep(20,"$",40,"Points"),baseStep(30,"$",60,"Points"),baseStep(40,"$",80,"Points"),baseStep(50,"$",100,"Points"),baseStep(60,"$",120,"Points")]})));var chooseAmountVariableDisabled=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign(__assign({},baseReward$2),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points")),{steps:[baseStep(20,"$",40,"Points"),baseStep(30,"$",60,"Points"),baseStep(40,"$",80,"Points",false,"INSUFFICIENT_REDEEMABLE_CREDIT"),baseStep(50,"$",100,"Points",false,"INSUFFICIENT_REDEEMABLE_CREDIT"),baseStep(60,"$",120,"Points",false,"INSUFFICIENT_REDEEMABLE_CREDIT")]})));var chooseAmountVariableUnavailable=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign(__assign({},baseReward$2),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points")),{steps:[baseStep(20,"$",40,"Points"),baseStep(30,"$",60,"Points"),baseStep(40,"$",80,"Points",false,"US_TAX"),baseStep(50,"$",100,"Points",false,"US_TAX"),baseStep(60,"$",120,"Points",false,"US_TAX")]})));var chooseAmountFixed=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign({},baseReward$2),name("Free swag with a promo code")),imageUrl("https://i.imgur.com/n7vC4BR.png")),fixedValue("40 SaaSquatch Points"))));var confirmFixed=__assign({},baseResponse(data,"confirmation",__assign(__assign(__assign(__assign({},baseReward$2),name("Free swag with a promo code")),imageUrl("https://i.imgur.com/n7vC4BR.png")),fixedValue("40 SaaSquatch Points"))));var confirmVariable=__assign({},baseResponse(data,"confirmation",__assign(__assign(__assign(__assign({},baseReward$2),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points")),baseStep(20,"$",40,"Points")));var error=__assign({},baseResponse(data,"confirmation",__assign(__assign(__assign(__assign({},baseReward$2),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points")),baseStep(20,"$",40,"Points"),true));var success=__assign({},baseResponse(data,"success",__assign(__assign(__assign(__assign({},baseReward$2),name("Free swag with a promo code")),imageUrl("https://i.imgur.com/n7vC4BR.png")),fixedValue("40 SaaSquatch Points")),undefined,undefined,undefined,"4ah2-hh46-gk7r"));var successVariable=__assign({},baseResponse(data,"success",__assign(__assign(__assign(__assign({},baseReward$2),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/93BvEgH.png")),variableValue(20,80,"Points")),baseStep(20,"$",40,"Points")));var loading=__assign({},baseResponse(null,"chooseReward",null,null,false,true));var RewardExchangeList_stories={title:"Components/Reward Exchange List"};var StoryBase=function(e){return function(){return h(RewardExchangeView,Object.assign({},e))}};var ChooseReward=StoryBase(rewardExchange);var CustomErrorMessage=StoryBase(rewardExchangeCustomErrorMsg);var LongTextRewardExhange=StoryBase(rewardExchangeLongText);var ChooseRewardSelected=StoryBase(rewardExchangeSelected);var ChooseAmount=StoryBase(chooseAmountFixed);var ChooseAmountVariable=StoryBase(chooseAmountVariable);var chooseAmountVariableDisabled$1=StoryBase(chooseAmountVariableDisabled);var chooseAmountVariableUnavailable$1=StoryBase(chooseAmountVariableUnavailable);var Confirm=StoryBase(confirmFixed);var ConfirmVariable=StoryBase(confirmVariable);var Error$3=StoryBase(error);var SuccessPromo=StoryBase(success);var SuccessVariable=StoryBase(successVariable);var Loading$3=StoryBase(loading);var RewardExchangeList=Object.freeze({__proto__:null,default:RewardExchangeList_stories,ChooseReward:ChooseReward,CustomErrorMessage:CustomErrorMessage,LongTextRewardExhange:LongTextRewardExhange,ChooseRewardSelected:ChooseRewardSelected,ChooseAmount:ChooseAmount,ChooseAmountVariable:ChooseAmountVariable,chooseAmountVariableDisabled:chooseAmountVariableDisabled$1,chooseAmountVariableUnavailable:chooseAmountVariableUnavailable$1,Confirm:Confirm,ConfirmVariable:ConfirmVariable,Error:Error$3,SuccessPromo:SuccessPromo,SuccessVariable:SuccessVariable,Loading:Loading$3});var ProgramExplainer_stories={title:"Components/Program Explainer"};var OneStep=function(){return h("sqm-program-explainer",{header:"How it works"},h("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"}),h("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"}),h("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 Custom=function(){return h("sqm-program-explainer",{header:"How it works","text-color":"#fffc4b","background-color":"#ff7f7f"},h("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"}),h("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"}),h("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 ProgramExplainer=Object.freeze({__proto__:null,default:ProgramExplainer_stories,OneStep:OneStep,Custom:Custom});var ProgramExplainerStep_stories={title:"Components/Program Explainer Step"};var ProgramExplainerStep=function(){return h("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 ProgramExplainerStepCustom=function(){return h("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://i.imgur.com/Uqn3aXw.png","text-color":"#fffc4b","background-color":"#ff7f7f"})};var ProgramExplainerStep$1=Object.freeze({__proto__:null,default:ProgramExplainerStep_stories,ProgramExplainerStep:ProgramExplainerStep,ProgramExplainerStepCustom:ProgramExplainerStepCustom});var SqmBrand_stories={title:"Components/Brand"};var SampleComponents=function(){return h("div",{style:{padding:"10px",border:"5px solid #EEE"}},h("div",{style:{display:"flex",gap:"5px",padding:"5px"}},h("sl-button",{type:"default"},"Default"),h("sl-button",{type:"primary"},"Primary"),h("sl-button",{type:"success"},"Success"),h("sl-button",{type:"neutral"},"Neutral"),h("sl-button",{type:"warning"},"Warning"),h("sl-button",{type:"danger"},"Danger")),h("div",{style:{display:"flex",gap:"5px",padding:"5px"}},h("sl-badge",{type:"primary"},"Primary"),h("sl-badge",{type:"success"},"Success"),h("sl-badge",{type:"neutral"},"Neutral"),h("sl-badge",{type:"warning"},"Warning"),h("sl-badge",{type:"danger"},"Danger")),h("div",{class:"color-palette"},h("div",{class:"color-palette__name"},"Primary",h("br",null),h("code",null,"--sl-color-primary-",h("em",null,"{n}"))),h("div",{style:{display:"flex",gap:"5px"}},h(ColorSwatch,{depth:50}),h(ColorSwatch,{depth:100}),h(ColorSwatch,{depth:200}),h(ColorSwatch,{depth:300}),h(ColorSwatch,{depth:400}),h(ColorSwatch,{depth:500}),h(ColorSwatch,{depth:600}),h(ColorSwatch,{depth:700}),h(ColorSwatch,{depth:800}),h(ColorSwatch,{depth:900}),h(ColorSwatch,{depth:950}))))};var Examples=function(){return h("div",null,h(SampleComponents,null),h("sqm-brand",{"brand-color":"#FF0000"},h(SampleComponents,null)),h("sqm-brand",{"brand-color":"#00FF00"},h(SampleComponents,null)),h("sqm-brand",{"brand-color":"#0000FF"},h(SampleComponents,null)),h("sqm-brand",{"brand-color":"#000000"},h(SampleComponents,null)))};var Nested=function(){return h("div",null,"Default ",h(SampleComponents,null),h("sqm-brand",{"brand-color":"#FF0000"},"Red:",h(SampleComponents,null),h("sqm-brand",{"brand-color":"#00FF00"},"Green:",h(SampleComponents,null),h("sqm-brand",{"brand-color":"#0000FF"},"Blue:",h(SampleComponents,null),h("sqm-brand",{"brand-color":"#000000"},"Black:",h(SampleComponents,null))))))};function ColorSwatch(e){var r=e.depth;return h("div",{style:{backgroundColor:"var(--sl-color-primary-"+r+")",color:"var(--sl-color-neutral-"+(1e3-r)+")",width:"50px",height:"50px",display:"flex",justifyContent:"center",alignItems:"center"}},r)}var Fonts=function(){return h("div",null,h(SampleComponents,null),h("sqm-brand",{"brand-font":"Roboto"},"Roboto",h(SampleComponents,null)),h("sqm-brand",{"brand-font":"Open Sans"},"Open Sans",h(SampleComponents,null)),h("sqm-brand",{"brand-font":"Lato"},"Lato",h(SampleComponents,null)),h("sqm-brand",{"brand-font":"Oswald"},"Oswald",h(SampleComponents,null)))};var BrandStories=Object.freeze({__proto__:null,default:SqmBrand_stories,Examples:Examples,Nested:Nested,Fonts:Fonts});var CardFeed_stories={title:"Components/Card Feed"};var props$2={width:347,gap:24};var taskCardProps={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,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:false,showExpiry:false,rewardDuration:null,expiryMessage:"Ends {endDate}",startsOnMessage:"Starts {startDate}",endedMessage:"Ended {endDate}",finite:0,goal:1,locale:"en"},states:{progress:0,loading:false,loadingEvent:false}};var coupleActions$1={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,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",steps:true,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:false,showExpiry:false,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 manyActions$1={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,showProgressBar:true,steps:false,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",progressBarUnit:"$",buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:false,showExpiry: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 TaskCardGrid=function(){return h(CardFeedView,Object.assign({},props$2),h(TaskCardView,Object.assign({},taskCardProps)),h("div",null,h(TaskCardView,Object.assign({},coupleActions$1))),h("div",null,h("div",null,h(TaskCardView,Object.assign({},taskCardProps)))),h(TaskCardView,Object.assign({},coupleActions$1)),h(TaskCardView,Object.assign({},coupleActions$1)),h("div",null,h(TaskCardView,Object.assign({},coupleActions$1))),h("div",null,h("div",null,h(TaskCardView,Object.assign({},taskCardProps)))),h(TaskCardView,Object.assign({},manyActions$1)))};var CardFeed=Object.freeze({__proto__:null,default:CardFeed_stories,TaskCardGrid:TaskCardGrid});var scenario$a='@author:kutay\r\n@owner:noah\r\nFeature: Portal Container\r\n\r\n\r\n\tScenario: Horizontal content overflows, but does not stretch\r\n\r\n\t\tBad elements should not affect other elements in the page\r\n\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@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';var PortalContainer_stories={title:"Components/Portal Container",parameters:{scenario:scenario$a}};var TooWideColumn=function(){return h("div",{style:{width:"200px",border:"1px dashed grey"}},h("sqm-portal-container",null,h("div",{style:{background:"grey",border:"1px solid red"}},"Small"),h("div",{style:{background:"lightblue",width:"1000px"}},"Too wide, content goes off the side of the page for ever and is hidden.")))};var TooWideRow=function(){return h("div",{style:{width:"500px",border:"1px dashed grey"}},h("sqm-portal-container",{direction:"row","min-width":"160px"},h("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),h("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),h("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var HalfWidth=function(){return h("div",{style:{width:"1000px",border:"1px dashed grey"}},h("sqm-portal-container",{direction:"row",minWidth:"160px",maxWidth:"50%"},h("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),h("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),h("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var HalfWidthCenter=function(){return h("div",{style:{width:"1000px",border:"1px dashed grey"}},h("sqm-portal-container",{direction:"row",minWidth:"160px",maxWidth:"50%",center:true},h("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),h("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),h("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var FullWidth=function(){return h("div",{style:{width:"1000px",border:"1px dashed grey"}},h("sqm-portal-container",{direction:"row",maxWidth:"100%"},h("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),h("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),h("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var PortalContainer=Object.freeze({__proto__:null,default:PortalContainer_stories,TooWideColumn:TooWideColumn,TooWideRow:TooWideRow,HalfWidth:HalfWidth,HalfWidthCenter:HalfWidthCenter,FullWidth:FullWidth});var RewardsTableCell_stories={title:"Components/Rewards Table Cell"};var rewardsData$1={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 RewardsCellCreditSingle=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},rewardsData$1),singleRedeemed)})};var RewardsCellCreditFull=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign({},rewardsData$1),availableText:"19 Points available"})};var partial={prettyAvailableValue:"10 Points",prettyRedeemedCredit:"9 Points",prettyRedeemedNumber:"9",dateRedeemed:1640038417468};var RewardsCellCreditPartial=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},rewardsData$1),partial),availableText:"10 Points available"})};var RewardsCellCreditCancelled=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},rewardsData$1),cancelled),redeemedText:"0 Points redeemed"})};var RewardsCellCreditExpired=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign(__assign({},rewardsData$1),partial),expired),redeemedText:"9 Points redeemed"})};var empty={prettyAvailableValue:"0 Points",prettyAvailableNumber:"0",prettyRedeemedCredit:"19 Points",prettyRedeemedNumber:"19",dateRedeemed:1640038417468};var RewardsCellCreditRedeemed=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},rewardsData$1),empty),availableText:"0 Points available"})};var singleRedeemed={prettyValue:"1 Point",prettyValueNumber:"1"};var longName={prettyValue:"19 Points with a really really super duper longest name ever in the world wide web",prettyValueNumber:"19"};var RewardsCellCreditLong=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},rewardsData$1),longName),availableText:"19 Points with a really really super duper longest name ever in the world wide web available"})};var RewardsCellNonCredit=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},rewardsData$1),{type:"FUELTANK",prettyValue:"SaaSquatch Giftcard"})})};var SourceCellManual=function(){return h("sqm-rewards-table-source-cell",{reward:rewardsData$1,rewardSourceText:"Manual"})};var SourceCellProgram=function(){return h("sqm-rewards-table-source-cell",{reward:__assign(__assign({},rewardsData$1),{rewardSource:"AUTOMATED",program:{name:"Klip Loyalty"}}),rewardSourceText:"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"})};var exchange={exchangedRewardRedemptionTransaction:{id:"61c100117a82a376d88041196",creditRedeemed:1,prettyRedeemedCredit:"1 Money",unit:"TESTUNIT",dateRedeemed:1640038417173,redeemedRewards:null,exchangedRewards:null}};var SourceCellExchange=function(){return h("sqm-rewards-table-source-cell",{reward:__assign(__assign({},rewardsData$1),exchange),rewardExchangeText:"Reward Exchange"})};var johnDoe={firstName:"John",lastName:"Doe",imageUrl:null};var anon={firstName:"",lastName:"",imageUrl:null};var referral=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 referred=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 SourceCellReferral=function(){return h("sqm-rewards-table-source-cell",{reward:__assign(__assign({},rewardsData$1),referral(johnDoe)),referralText:"Referral to"})};var SourceCellReferred=function(){return h("sqm-rewards-table-source-cell",{reward:__assign(__assign({},rewardsData$1),referred(johnDoe)),referralText:"Referred by"})};var SourceCellAnonymousUser=function(){return h("sqm-rewards-table-source-cell",{reward:__assign(__assign({},rewardsData$1),referral(anon)),referralText:"Referral to",anonymousUserText:"Anonymous User"})};var SourceCellDeletedUser=function(){return h("sqm-rewards-table-source-cell",{reward:__assign(__assign({},rewardsData$1),referral(null)),referralText:"Referral to",deletedUserText:"Deleted User"})};var StatusCellAvailable=function(){return h("sqm-rewards-table-status-cell",{statusText:"Available",reward:rewardsData$1})};var expire={dateExpires:1640038417468};var StatusCellAvailableExpiry=function(){return h("sqm-rewards-table-status-cell",{statusText:"Available",reward:__assign(__assign({},rewardsData$1),expire),expiryText:"Expires"})};var redeemed={statuses:["REDEEMED"],dateRedeemed:1640038417468};var StatusCellRedeemed=function(){return h("sqm-rewards-table-status-cell",{statusText:"Redeemed",reward:__assign(__assign({},rewardsData$1),redeemed)})};var cancelled={statuses:["CANCELLED"],dateCancelled:1640038417468};var StatusCellCancelled=function(){return h("sqm-rewards-table-status-cell",{statusText:"Cancelled",reward:__assign(__assign({},rewardsData$1),cancelled)})};var expired={statuses:["EXPIRED"],dateExpires:1640038417468};var StatusCellExpired=function(){return h("sqm-rewards-table-status-cell",{statusText:"Expired",reward:__assign(__assign({},rewardsData$1),expired)})};var pending={statuses:["PENDING"]};var us_tax={pendingReasons:["US_TAX"]};var scheduled={pendingReasons:["SCHEDULED"],dateScheduledFor:1640038417468};var unhandled={pendingReasons:["UNHANDLED_ERROR"]};var StatusCellPending=function(){return h("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign({},rewardsData$1),pending)})};var StatusCellPendingUsTax=function(){return h("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},rewardsData$1),pending),us_tax)})};var StatusCellPendingScheduled=function(){return h("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},rewardsData$1),pending),scheduled)})};var StatusCellPendingUnhandled=function(){return h("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},rewardsData$1),pending),unhandled)})};var DateCell$1=function(){return h("sqm-rewards-table-date-cell",{date:1640038417468})};var EmptyCell$2=function(){return h("sqm-rewards-table-date-cell",null)};var RewardsTableCell=Object.freeze({__proto__:null,default:RewardsTableCell_stories,RewardsCellCreditSingle:RewardsCellCreditSingle,RewardsCellCreditFull:RewardsCellCreditFull,RewardsCellCreditPartial:RewardsCellCreditPartial,RewardsCellCreditCancelled:RewardsCellCreditCancelled,RewardsCellCreditExpired:RewardsCellCreditExpired,RewardsCellCreditRedeemed:RewardsCellCreditRedeemed,RewardsCellCreditLong:RewardsCellCreditLong,RewardsCellNonCredit:RewardsCellNonCredit,SourceCellManual:SourceCellManual,SourceCellProgram:SourceCellProgram,SourceCellExchange:SourceCellExchange,SourceCellReferral:SourceCellReferral,SourceCellReferred:SourceCellReferred,SourceCellAnonymousUser:SourceCellAnonymousUser,SourceCellDeletedUser:SourceCellDeletedUser,StatusCellAvailable:StatusCellAvailable,StatusCellAvailableExpiry:StatusCellAvailableExpiry,StatusCellRedeemed:StatusCellRedeemed,StatusCellCancelled:StatusCellCancelled,StatusCellExpired:StatusCellExpired,StatusCellPending:StatusCellPending,StatusCellPendingUsTax:StatusCellPendingUsTax,StatusCellPendingScheduled:StatusCellPendingScheduled,StatusCellPendingUnhandled:StatusCellPendingUnhandled,DateCell:DateCell$1,EmptyCell:EmptyCell$2});var RewardsTable_stories={title:"Components/Rewards Table"};var loadingElement$1=h("div",{slot:"loading",style:{display:"contents"}},h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))));var emptyElement$1=h("div",{slot:"empty",style:{display:"contents"}},h("sqm-table-row",null,h("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},h("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},h("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_3_1.png","max-width":"100px"}),h("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("h3",null,"View your referral details")),h("sqm-text",{slot:"content"},"Track the status of your referrals and rewards earned by referring friends"))))));var rewardsTablePropsEmpty={states:{hasPrev:false,hasNext:true,show:"empty",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"Next"},hiddenColumns:"",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:[],emptyElement:emptyElement$1}};var rewardsTablePropsLoading={states:{hasPrev:false,hasNext:true,show:"loading",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"Next"},hiddenColumns:"",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:[],loadingElement:loadingElement$1}};var rewardsTableProps={states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"Next"},hiddenColumns:"",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:[[h(RewardsCellCreditFull,null),h(StatusCellAvailable,null),h(SourceCellReferral,null),h(DateCell$1,null)],[h(RewardsCellCreditCancelled,null),h(StatusCellCancelled,null),h(SourceCellDeletedUser,null),h(DateCell$1,null)],[h(RewardsCellCreditRedeemed,null),h(StatusCellRedeemed,null),h(SourceCellManual,null),h(DateCell$1,null)],[h(RewardsCellCreditPartial,null),h(StatusCellAvailableExpiry,null),h(SourceCellReferred,null),h(DateCell$1,null)],[h(RewardsCellCreditLong,null),h(StatusCellAvailableExpiry,null),h(SourceCellReferred,null),h(DateCell$1,null)]]}};var RewardsTableFull=function(){return h(GenericTableView,Object.assign({},rewardsTableProps))};var RewardsTableEmpty=function(){return h(GenericTableView,Object.assign({},rewardsTablePropsEmpty))};var RewardsTableLoading=function(){return h(GenericTableView,Object.assign({},rewardsTablePropsLoading))};var RewardsTable=Object.freeze({__proto__:null,default:RewardsTable_stories,RewardsTableFull:RewardsTableFull,RewardsTableEmpty:RewardsTableEmpty,RewardsTableLoading:RewardsTableLoading});var UseReferralTable_stories={title:"Hooks / useReferralTable"};function setupGraphQL$9(){var e="testestest";var r=e;window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com"};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:e,accountId:r}}function setupGraphQLKlip$1(e){var r=e.token,t=e.id;var n=t;window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com"};useEffect((function(){Y({accountId:n,id:t,jwt:r});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:t,accountId:n}}var ReferralTable$1=createHookStory((function(){setupGraphQL$9();A$1("sam-partner-test-2");return h("sqm-referral-table",null,h("sqm-referral-table-user-column",null),h("sqm-referral-table-status-column",null),h("sqm-referral-table-date-column",null),h("sqm-referral-table-rewards-column",null))}));var ReferralTableEn=createHookStory((function(){setupGraphQLKlip$1({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",id:"samenglish"});A$1("klip-referral-program");return h("sqm-referral-table",{"per-page":"4"},h("sqm-referral-table-user-column",{"column-title":"User"}),h("sqm-referral-table-status-column",{"column-title":"Referral Status"}),h("sqm-referral-table-rewards-column",null),h("sqm-referral-table-date-column",{"column-title":"Date Referred","date-shown":"dateReferralStarted"}))}));var ReferralTableTr=createHookStory((function(){setupGraphQLKlip$1({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",id:"samturkey"});A$1("klip-referral-program");return h("sqm-referral-table",{"more-label":"Daha","prev-label":"Öncesi","empty-state-text":"Henüz Ödül Yok","per-page":"4"},h("sqm-referral-table-user-column",{"column-title":"Kullanıcılar","anonymous-user":"Anonim Kullanıcı","deleted-user":"Silinmiş Kullanıcı"}),h("sqm-referral-table-status-column",{"column-title":"Durumu","converted-status-text":"Dönüştür","in-progress-status-text":"Devam etmekte"}),h("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ı:"}),h("sqm-referral-table-date-column",{"column-title":"Tarih","date-shown":"dateReferralStarted"}))}));var ReferralTableFr=createHookStory((function(){setupGraphQLKlip$1({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",id:"samfrench"});A$1("klip-referral-program");return h("sqm-referral-table",{"more-label":"Plus","prev-label":"Précédent","empty-state-text":"Aucune Référence Maintenant","per-page":"4"},h("sqm-referral-table-user-column",{"column-title":"Utilisateur","anonymous-user":"Utilisateur Anonyme","deleted-user":"Utilisateur Supprimé"}),h("sqm-referral-table-status-column",{"column-title":"Statut de Parrainage","converted-status-text":"Converti","in-progress-status-text":"En cours"}),h("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"}),h("sqm-referral-table-date-column",{"column-title":"Date de Référence","date-shown":"dateReferralStarted"}))}));var UseReferralTable=Object.freeze({__proto__:null,default:UseReferralTable_stories,ReferralTable:ReferralTable$1,ReferralTableEn:ReferralTableEn,ReferralTableTr:ReferralTableTr,ReferralTableFr:ReferralTableFr});var HeroImage_stories={title:"Components/Hero Image"};var OverlayHeader=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var OverlayDescription=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var OverlayButton=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var OverlayPadding=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","padding-image":"none","padding-text":"xxx-small"})};var OverlayLong=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum","button-text":"Start earning",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var OverlayLeft=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","image-pos":"left","padding-image":"none","padding-text":"xxxx-large"})};var OverlayCenter=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","image-pos":"center","padding-image":"none","padding-text":"xxxx-large"})};var OverlayRight=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","image-pos":"right","padding-image":"none","padding-text":"xxxx-large"})};var OverlayCustomColors=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning","text-color":"#fffc4b","overlay-color":"#ff7f7f","overlay-opacity":"0.9",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var OverlayCustomOpacity=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning","text-color":"#fffc4b","overlay-color":"#ff7f7f","overlay-opacity":"0.3",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var Columns=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/yr6ER3R.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"columns","padding-image":"none","padding-text":"xxxx-large"})};var ColumnsPadding=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/yr6ER3R.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"columns","padding-image":"xxxx-large","padding-text":"large"})};var ColumnsLong=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/yr6ER3R.png",header:"Klip Rewards",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum","button-text":"Start earning",layout:"columns","padding-image":"none","padding-text":"xxxx-large"})};var ColumnsReverse=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/yr6ER3R.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"columns",imagePos:"right",imageMobilePos:"bottom","padding-image":"none","padding-text":"xxxx-large"})};var ColumnsCustomPercentage=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/MVgOJn7.png",description:"Be one of the top 3 referrers at the end of the year and receive Klip free for 1 year!",layout:"columns","image-percentage":"33%","padding-image":"large","padding-text":"large","background-color":""})};var ColumnsCustomColors=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/yr6ER3R.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"columns","text-color":"#fffc4b","background-color":"#ff7f7f","padding-image":"none","padding-text":"xxxx-large"})};var HeroImage=Object.freeze({__proto__:null,default:HeroImage_stories,OverlayHeader:OverlayHeader,OverlayDescription:OverlayDescription,OverlayButton:OverlayButton,OverlayPadding:OverlayPadding,OverlayLong:OverlayLong,OverlayLeft:OverlayLeft,OverlayCenter:OverlayCenter,OverlayRight:OverlayRight,OverlayCustomColors:OverlayCustomColors,OverlayCustomOpacity:OverlayCustomOpacity,Columns:Columns,ColumnsPadding:ColumnsPadding,ColumnsLong:ColumnsLong,ColumnsReverse:ColumnsReverse,ColumnsCustomPercentage:ColumnsCustomPercentage,ColumnsCustomColors:ColumnsCustomColors});var ReferralCard_stories={title:"Components/Referral Card"};var media=function(e){return h("sqm-portal-container",{gap:"large",slot:e},"Get rewarded when your friend uses Klip",h("sqm-image",{"image-url":"https://i.imgur.com/IqB7GeS.png"}))};var sharebutton=function(e){return h("sqm-portal-container",{gap:"large",slot:e},h("sqm-text",null,"Choose how you want to share:"),h("sqm-text",null,h("p",{light:true},"Your unique referral link:"),h("sqm-share-code",null)),h("sqm-portal-container",{gap:"x-small"},h("sqm-share-button",{medium:"email"},"Share via email"),h("sqm-share-button",{medium:"facebook"},"Share on Facebook"),h("sqm-share-button",{medium:"twitter"},"Tweet about us")))};var timeline=function(e,r){return h("sqm-timeline",{slot:e,icon:"circle"},r>0&&h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r>1&&h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),r>2&&h("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),r>3&&h("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"}))};var ReferralCardA=function(){return h("sqm-referral-card",null,media("left"),sharebutton("right"))};var ReferralCardB=function(){return h("sqm-referral-card",null,timeline("left",2),sharebutton("right"))};var ReferralCardC=function(){return h("sqm-referral-card",null,timeline("left",3),sharebutton("right"))};var ReferralCardDStart=function(){return h("sqm-referral-card",{"vertical-alignment":"start"},timeline("left",4),sharebutton("right"))};var ReferralCardDCenter=function(){return h("sqm-referral-card",{"vertical-alignment":"center"},timeline("left",4),sharebutton("right"))};var ReferralCardDEnd=function(){return h("sqm-referral-card",{"vertical-alignment":"end"},timeline("left",4),sharebutton("right"))};var ReferralCardAFlipped=function(){return h("sqm-referral-card",null,media("right"),sharebutton("left"))};var ReferralCardBFlipped=function(){return h("sqm-referral-card",null,timeline("right",2),sharebutton("left"))};var ReferralCardCFlipped=function(){return h("sqm-referral-card",null,timeline("right",3),sharebutton("left"))};var ReferralCardDFlipped=function(){return h("sqm-referral-card",null,timeline("right",4),sharebutton("left"))};var ReferralCard=Object.freeze({__proto__:null,default:ReferralCard_stories,media:media,sharebutton:sharebutton,ReferralCardA:ReferralCardA,ReferralCardB:ReferralCardB,ReferralCardC:ReferralCardC,ReferralCardDStart:ReferralCardDStart,ReferralCardDCenter:ReferralCardDCenter,ReferralCardDEnd:ReferralCardDEnd,ReferralCardAFlipped:ReferralCardAFlipped,ReferralCardBFlipped:ReferralCardBFlipped,ReferralCardCFlipped:ReferralCardCFlipped,ReferralCardDFlipped:ReferralCardDFlipped});var Timeline_stories={title:"Components/Timeline"};var TimelineWith1Reward=function(){return h("div",null,h("sqm-timeline",null,h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"})),h("br",null)," ",h("hr",null)," ",h("br",null),h("sqm-timeline",{icon:"circle"},h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"})))};var TimelineWith2Rewards=function(){return h("div",null,h("sqm-timeline",null,h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"})),h("br",null)," ",h("hr",null)," ",h("br",null),h("sqm-timeline",{icon:"circle"},h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"})))};var TimelineWith3Rewards=function(){return h("div",null,h("sqm-timeline",null,h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),h("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"})),h("br",null)," ",h("hr",null)," ",h("br",null),h("sqm-timeline",{icon:"circle"},h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),h("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"})))};var TimelineWith4Rewards=function(){return h("div",null,h("sqm-timeline",null,h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),h("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),h("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"})),h("br",null)," ",h("hr",null)," ",h("br",null),h("sqm-timeline",{icon:"circle"},h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),h("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),h("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"})))};var Timeline=Object.freeze({__proto__:null,default:Timeline_stories,TimelineWith1Reward:TimelineWith1Reward,TimelineWith2Rewards:TimelineWith2Rewards,TimelineWith3Rewards:TimelineWith3Rewards,TimelineWith4Rewards:TimelineWith4Rewards});var Image_stories={title:"Components/Image"};var Image=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png"})};var ImageAlignmentLeft=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png",alignment:"left"})};var ImageAlignmentCenter=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png",alignment:"center"})};var ImageAlignmentRight=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png",alignment:"right"})};var ImageMarginLeft=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png",left:"100px",alignment:"center"})};var ImageMarginRight=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png",right:"100px",alignment:"center"})};var ImageBackground=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png","background-color":"firebrick",alignment:"center"})};var ImageSizeConstrained=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/oIiVdMM.jpg",minHeight:"192px",maxWidth:"192px"})};var Image$1=Object.freeze({__proto__:null,default:Image_stories,Image:Image,ImageAlignmentLeft:ImageAlignmentLeft,ImageAlignmentCenter:ImageAlignmentCenter,ImageAlignmentRight:ImageAlignmentRight,ImageMarginLeft:ImageMarginLeft,ImageMarginRight:ImageMarginRight,ImageBackground:ImageBackground,ImageSizeConstrained:ImageSizeConstrained});var TitledSection_stories={title:"Components/Titled Section"};var AlignLeft=function(){return h("sqm-titled-section",{"text-align":"left"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards"),h("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")),h("sqm-text",{slot:"content"},h("sqm-referral-card",null,media("left"),sharebutton("right"))))};var AlignCenter=function(){return h("sqm-titled-section",{"text-align":"center"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards"),h("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")),h("sqm-text",{slot:"content"},h("sqm-referral-card",null,media("left"),sharebutton("right"))))};var AlignRight=function(){return h("sqm-titled-section",{"text-align":"right"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards"),h("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")),h("sqm-text",{slot:"content"},h("sqm-referral-card",null,media("left"),sharebutton("right"))))};var Padding=function(){return h("div",null,h("h3",null,"None"),h("sqm-titled-section",{padding:"none"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xxx-small"),h("sqm-titled-section",{padding:"xxx-small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xx-small"),h("sqm-titled-section",{padding:"xx-small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"x-small"),h("sqm-titled-section",{padding:"x-small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"small"),h("sqm-titled-section",{padding:"small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"medium"),h("sqm-titled-section",{padding:"medium"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"large"),h("sqm-titled-section",{padding:"large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"x-large"),h("sqm-titled-section",{padding:"x-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xx-large"),h("sqm-titled-section",{padding:"xx-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xxx-large"),h("sqm-titled-section",{padding:"xxx-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xxxx-large"),h("sqm-titled-section",{padding:"xxxx-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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 LabelMargin=function(){return h("div",null,h("h3",null,"None"),h("sqm-titled-section",{"label-margin":"none"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xxx-small"),h("sqm-titled-section",{"label-margin":"xxx-small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xx-small"),h("sqm-titled-section",{"label-margin":"xx-small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"x-small"),h("sqm-titled-section",{"label-margin":"x-small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"small"),h("sqm-titled-section",{"label-margin":"small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"medium"),h("sqm-titled-section",{"label-margin":"medium"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"large"),h("sqm-titled-section",{"label-margin":"large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"x-large"),h("sqm-titled-section",{"label-margin":"x-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xx-large"),h("sqm-titled-section",{"label-margin":"xx-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xxx-large"),h("sqm-titled-section",{"label-margin":"xxx-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xxxx-large"),h("sqm-titled-section",{"label-margin":"xxxx-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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 TitledSection=Object.freeze({__proto__:null,default:TitledSection_stories,AlignLeft:AlignLeft,AlignCenter:AlignCenter,AlignRight:AlignRight,Padding:Padding,LabelMargin:LabelMargin});var Scroll_stories={title:"Components/Scroll"};var ScrollTag=function(){return h("div",{style:{position:"relative",height:"2000px"}},h("sqm-scroll",{"scroll-tag-name":"sqm-text"}),h("div",{style:{position:"absolute",bottom:"0"}},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards"),h("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 ScrollId=function(){return h("div",{style:{position:"relative",height:"2000px"}},h("sqm-scroll",{"scroll-id":"my-id"}),h("div",{style:{position:"absolute",bottom:"0"}},h("sqm-text",{slot:"label",id:"my-id"},h("h3",null,"Earn more rewards"),h("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 ScrollTabGroup=function(){return h("div",{style:{position:"relative",height:"2000px"}},h("sqm-scroll",{"scroll-tag-name":"sl-tab-group"}),h("div",{style:{position:"absolute",bottom:"0"}},h("sqm-text",{slot:"label",id:"my-id"},h("sl-tab-group",null,h("sl-tab",{slot:"nav",panel:"referralLeaderboard"},"Leaderboard"," "),h("sl-tab",{slot:"nav",panel:"referralHistory"},"Referral history"," "),h("sl-tab",{slot:"nav",panel:"rewardHistory"},"Reward history"," "),h("sl-tab",{slot:"nav",panel:"rewardExchange"},"Redeem"," "),h("sl-tab-panel",{name:"referralHistory"},h("sqm-referral-table",{"per-page":"4"},h("sqm-referral-table-user-column",{"column-title":"User"}),h("sqm-referral-table-status-column",{"column-title":"Referral status"}),h("sqm-referral-table-rewards-column",null),h("sqm-referral-table-date-column",{"column-title":"Date referred","date-shown":"dateReferralStarted"}))),h("sl-tab-panel",{name:"referralLeaderboard"},h("sqm-titled-section",{padding:"medium","label-margin":"small"},h("sqm-text",{slot:"content"},h("p",null,"Be one of the top 3 referrers at the end of the year and receive Klip free for 1 year!"))),h("sqm-leaderboard",{usersheading:"Referrer",statsheading:"Referrals","rank-type":"rank","leaderboard-type":"topStartedReferrers",rankheading:"Rank","show-rank":"true"})),h("sl-tab-panel",{name:"rewardHistory"},h("sqb-program-section",{"program-id":""},h("sqm-rewards-table",{"per-page":"4"},h("sqm-rewards-table-reward-column",null),h("sqm-rewards-table-source-column",null),h("sqm-rewards-table-status-column",null),h("sqm-rewards-table-date-column",null)))),h("sl-tab-panel",{name:"rewardExchange"},h("sqm-reward-exchange-list",{id:"hello"}))))))};var Scroll=Object.freeze({__proto__:null,default:Scroll_stories,ScrollTag:ScrollTag,ScrollId:ScrollId,ScrollTabGroup:ScrollTabGroup});var Default$b="\n // No CSS\n";var Orangey="\n:root{\n "+autoColorScaleCss("orange")+"\n}\n";var Netflix="\n:root{\n "+autoColorScaleCss("#e50914")+"\n}\n";var SaaSquatchCorporate="\n:root{\n "+autoColorScaleCss("#65bd60")+"\n --sl-font-sans: Arial;\n}\n";var NYTimes="\n:root{\n "+autoColorScaleCss("black")+"\n --sl-font-sans: Georgia, 'Times New Roman', serif;\n}\n";var Klip="\n:root{\n "+autoColorScaleCss("#4225C4")+";\n}\n\n";var Themes=Object.freeze({__proto__:null,Default:Default$b,Orangey:Orangey,Netflix:Netflix,SaaSquatchCorporate:SaaSquatchCorporate,NYTimes:NYTimes,Klip:Klip});function deepFreeze(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)){deepFreeze(t)}}));return e}var deepFreezeEs6=deepFreeze;var _default=deepFreeze;deepFreezeEs6.default=_default;var Response=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 escapeHTML(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function inherit(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 SPAN_CLOSE="</span>";var emitsWrappingTags=function(e){return!!e.kind};var HTMLRenderer=function(){function e(e,r){this.buffer="";this.classPrefix=r.classPrefix;e.walk(this)}e.prototype.addText=function(e){this.buffer+=escapeHTML(e)};e.prototype.openNode=function(e){if(!emitsWrappingTags(e))return;var r=e.kind;if(!e.sublanguage){r=""+this.classPrefix+r}this.span(r)};e.prototype.closeNode=function(e){if(!emitsWrappingTags(e))return;this.buffer+=SPAN_CLOSE};e.prototype.value=function(){return this.buffer};e.prototype.span=function(e){this.buffer+='<span class="'+e+'">'};return e}();var TokenTree=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 TokenTreeEmitter=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 HTMLRenderer(this,this.options);return e.value()};r.prototype.finalize=function(){return true};return r}(TokenTree);function escape(e){return new RegExp(e.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")}function source(e){if(!e)return null;if(typeof e==="string")return e;return e.source}function concat(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t=e.map((function(e){return source(e)})).join("");return t}function either(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t="("+e.map((function(e){return source(e)})).join("|")+")";return t}function countMatchGroups(e){return new RegExp(e.toString()+"|").exec("").length-1}function startsWith(e,r){var t=e&&e.exec(r);return t&&t.index===0}var BACKREF_RE=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function join(e,r){if(r===void 0){r="|"}var t=0;return e.map((function(e){t+=1;var r=t;var n=source(e);var a="";while(n.length>0){var s=BACKREF_RE.exec(n);if(!s){a+=n;break}a+=n.substring(0,s.index);n=n.substring(s.index+s[0].length);if(s[0][0]==="\\"&&s[1]){a+="\\"+String(Number(s[1])+r)}else{a+=s[0];if(s[0]==="("){t++}}}return a})).map((function(e){return"("+e+")"})).join(r)}var MATCH_NOTHING_RE=/\b\B/;var IDENT_RE="[a-zA-Z]\\w*";var UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*";var NUMBER_RE="\\b\\d+(\\.\\d+)?";var C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)";var BINARY_NUMBER_RE="\\b(0b[01]+)";var RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~";var SHEBANG=function(e){if(e===void 0){e={}}var r=/^#![ ]*\//;if(e.binary){e.begin=concat(r,/.*\b/,e.binary,/\b.*/)}return inherit({className:"meta",begin:r,end:/$/,relevance:0,"on:begin":function(e,r){if(e.index!==0)r.ignoreMatch()}},e)};var BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0};var APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[BACKSLASH_ESCAPE]};var QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[BACKSLASH_ESCAPE]};var PHRASAL_WORDS_MODE={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 COMMENT=function(e,r,t){if(t===void 0){t={}}var n=inherit({className:"comment",begin:e,end:r,contains:[]},t);n.contains.push(PHRASAL_WORDS_MODE);n.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):",relevance:0});return n};var C_LINE_COMMENT_MODE=COMMENT("//","$");var C_BLOCK_COMMENT_MODE=COMMENT("/\\*","\\*/");var HASH_COMMENT_MODE=COMMENT("#","$");var NUMBER_MODE={className:"number",begin:NUMBER_RE,relevance:0};var C_NUMBER_MODE={className:"number",begin:C_NUMBER_RE,relevance:0};var BINARY_NUMBER_MODE={className:"number",begin:BINARY_NUMBER_RE,relevance:0};var CSS_NUMBER_MODE={className:"number",begin:NUMBER_RE+"("+"%|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 REGEXP_MODE={begin:/(?=\/[^/\n]*\/)/,contains:[{className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[BACKSLASH_ESCAPE]}]}]};var TITLE_MODE={className:"title",begin:IDENT_RE,relevance:0};var UNDERSCORE_TITLE_MODE={className:"title",begin:UNDERSCORE_IDENT_RE,relevance:0};var METHOD_GUARD={begin:"\\.\\s*"+UNDERSCORE_IDENT_RE,relevance:0};var END_SAME_AS_BEGIN=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 MODES=Object.freeze({__proto__:null,MATCH_NOTHING_RE:MATCH_NOTHING_RE,IDENT_RE:IDENT_RE,UNDERSCORE_IDENT_RE:UNDERSCORE_IDENT_RE,NUMBER_RE:NUMBER_RE,C_NUMBER_RE:C_NUMBER_RE,BINARY_NUMBER_RE:BINARY_NUMBER_RE,RE_STARTERS_RE:RE_STARTERS_RE,SHEBANG:SHEBANG,BACKSLASH_ESCAPE:BACKSLASH_ESCAPE,APOS_STRING_MODE:APOS_STRING_MODE,QUOTE_STRING_MODE:QUOTE_STRING_MODE,PHRASAL_WORDS_MODE:PHRASAL_WORDS_MODE,COMMENT:COMMENT,C_LINE_COMMENT_MODE:C_LINE_COMMENT_MODE,C_BLOCK_COMMENT_MODE:C_BLOCK_COMMENT_MODE,HASH_COMMENT_MODE:HASH_COMMENT_MODE,NUMBER_MODE:NUMBER_MODE,C_NUMBER_MODE:C_NUMBER_MODE,BINARY_NUMBER_MODE:BINARY_NUMBER_MODE,CSS_NUMBER_MODE:CSS_NUMBER_MODE,REGEXP_MODE:REGEXP_MODE,TITLE_MODE:TITLE_MODE,UNDERSCORE_TITLE_MODE:UNDERSCORE_TITLE_MODE,METHOD_GUARD:METHOD_GUARD,END_SAME_AS_BEGIN:END_SAME_AS_BEGIN});function skipIfhasPrecedingDot(e,r){var t=e.input[e.index-1];if(t==="."){r.ignoreMatch()}}function beginKeywords(e,r){if(!r)return;if(!e.beginKeywords)return;e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)";e.__beforeBegin=skipIfhasPrecedingDot;e.keywords=e.keywords||e.beginKeywords;delete e.beginKeywords;if(e.relevance===undefined)e.relevance=0}function compileIllegal(e,r){if(!Array.isArray(e.illegal))return;e.illegal=either.apply(void 0,e.illegal)}function compileMatch(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 compileRelevance(e,r){if(e.relevance===undefined)e.relevance=1}var COMMON_KEYWORDS=["of","and","for","in","not","or","if","then","parent","list","value"];var DEFAULT_KEYWORD_CLASSNAME="keyword";function compileKeywords(e,r,t){if(t===void 0){t=DEFAULT_KEYWORD_CLASSNAME}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,compileKeywords(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,scoreForKeyword(t[0],t[1])]}))}}function scoreForKeyword(e,r){if(r){return Number(r)}return commonKeyword(e)?0:1}function commonKeyword(e){return COMMON_KEYWORDS.includes(e.toLowerCase())}function compileLanguage(e,r){var t=r.plugins;function n(r,t){return new RegExp(source(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+=countMatchGroups(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(join(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 s=function(){function e(){this.rules=[];this.multiRegexes=[];this.count=0;this.lastIndex=0;this.regexIndex=0}e.prototype.getMatcher=function(e){if(this.multiRegexes[e])return this.multiRegexes[e];var 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 i(e){var r=new s;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;[compileMatch].forEach((function(e){return e(r,t)}));e.compilerExtensions.forEach((function(e){return e(r,t)}));r.__beforeBegin=null;[beginKeywords,compileIllegal,compileRelevance].forEach((function(e){return e(r,t)}));r.isCompiled=true;var s=null;if(typeof r.keywords==="object"){s=r.keywords.$pattern;delete r.keywords.$pattern}if(r.keywords){r.keywords=compileKeywords(r.keywords,e.case_insensitive)}if(r.lexemes&&s){throw new Error("ERR: Prefer `keywords.$pattern` to `mode.lexemes`, BOTH are not allowed. (see mode reference) ")}s=s||r.lexemes||/\w+/;a.keywordPatternRe=n(s,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=source(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 expandOrCloneMode(e==="self"?r:e)})));r.contains.forEach((function(e){o(e,a)}));if(r.starts){o(r.starts,t)}a.matcher=i(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=inherit(e.classNameAliases||{});return o(e)}function dependencyOnParent(e){if(!e)return false;return e.endsWithParent||dependencyOnParent(e.starts)}function expandOrCloneMode(e){if(e.variants&&!e.cachedVariants){e.cachedVariants=e.variants.map((function(r){return inherit(e,{variants:null},r)}))}if(e.cachedVariants){return e.cachedVariants}if(dependencyOnParent(e)){return inherit(e,{starts:e.starts?inherit(e.starts):null})}if(Object.isFrozen(e)){return inherit(e)}return e}var version="10.7.3";function hasValueOrEmptyAttribute(e){return Boolean(e||e==="")}function BuildVuePlugin(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 escapeHTML(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||hasValueOrEmptyAttribute(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 mergeHTMLPlugin={"after:highlightElement":function(e){var r=e.el,t=e.result,n=e.text;var a=nodeStream(r);if(!a.length)return;var s=document.createElement("div");s.innerHTML=t.value;t.value=mergeStreams(a,nodeStream(s),n)}};function tag(e){return e.nodeName.toLowerCase()}function nodeStream(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(!tag(a).match(/br|hr|img|input/)){r.push({event:"stop",offset:n,node:a})}}}return n})(e,0);return r}function mergeStreams(e,r,t){var n=0;var a="";var s=[];function i(){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+'="'+escapeHTML(e.value)+'"'}a+="<"+tag(e)+[].map.call(e.attributes,r).join("")+">"}function l(e){a+="</"+tag(e)+">"}function u(e){(e.event==="start"?o:l)(e.node)}while(e.length||r.length){var d=i();a+=escapeHTML(t.substring(n,d[0].offset));n=d[0].offset;if(d===e){s.reverse().forEach(l);do{u(d.splice(0,1)[0]);d=i()}while(d===e&&d.length&&d[0].offset===n);s.reverse().forEach(o)}else{if(d[0].event==="start"){s.push(d[0].node)}else{s.pop()}u(d.splice(0,1)[0])}}return a+escapeHTML(t.substr(n))}var seenDeprecations={};var error$1=function(e){console.error(e)};var warn=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 deprecated=function(e,r){if(seenDeprecations[e+"/"+r])return;console.log("Deprecated as of "+e+". "+r);seenDeprecations[e+"/"+r]=true};var escape$1=escapeHTML;var inherit$1=inherit;var NO_MATCH=Symbol("nomatch");var HLJS=function(e){var r=Object.create(null);var t=Object.create(null);var n=[];var a=true;var s=/(^(<[^>]+>|\t|)+|\n)/gm;var i="Could not find the language '{}', did you forget to load/include a language module?";var o={disableAutodetect:true,name:"Plain text",contains:[]};var l={noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",tabReplace:null,useBR:false,languages:null,__emitter:TokenTreeEmitter};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=P(t[1]);if(!n){warn(i.replace("{}",t[1]));warn("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)||P(e)}))}function c(e,r,t,n){var a="";var s="";if(typeof r==="object"){a=e;t=r.ignoreIllegals;s=r.language;n=undefined}else{deprecated("10.7.0","highlight(lang, code, ...args) has been deprecated.");deprecated("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277");s=e;a=r}var i={code:a,language:s};F("before:highlight",i);var o=i.result?i.result:m(i.language,i.code,t,n);o.code=i.code;F("after:highlight",o);return o}function m(e,t,s,o){function u(e,r){var t=C.case_insensitive?r[0].toLowerCase():r[0];return Object.prototype.hasOwnProperty.call(e.keywords,t)&&e.keywords[t]}function d(){if(!A.keywords){k.addText(R);return}var e=0;A.keywordPatternRe.lastIndex=0;var r=A.keywordPatternRe.exec(R);var t="";while(r){t+=R.substring(e,r.index);var n=u(A,r);if(n){var a=n[0],s=n[1];k.addText(t);t="";T+=s;if(a.startsWith("_")){t+=r[0]}else{var i=C.classNameAliases[a]||a;k.addKeyword(r[0],i)}}else{t+=r[0]}e=A.keywordPatternRe.lastIndex;r=A.keywordPatternRe.exec(R)}t+=R.substr(e);k.addText(t)}function c(){if(R==="")return;var e=null;if(typeof A.subLanguage==="string"){if(!r[A.subLanguage]){k.addText(R);return}e=m(A.subLanguage,R,true,q[A.subLanguage]);q[A.subLanguage]=e.top}else{e=h(R,A.subLanguage.length?A.subLanguage:null)}if(A.relevance>0){T+=e.relevance}k.addSublanguage(e.emitter,e.language)}function p(){if(A.subLanguage!=null){c()}else{d()}R=""}function g(e){if(e.className){k.openNode(C.classNameAliases[e.className]||e.className)}A=Object.create(e,{parent:{value:A}});return A}function f(e,r,t){var n=startsWith(e.endRe,t);if(n){if(e["on:end"]){var a=new Response(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(A.matcher.regexIndex===0){R+=e[0];return 1}else{N=true;return 0}}function w(e){var r=e[0];var t=e.rule;var n=new Response(t);var a=[t.__beforeBegin,t["on:begin"]];for(var s=0,i=a;s<i.length;s++){var o=i[s];if(!o)continue;o(e,n);if(n.isMatchIgnored)return b(r)}if(t&&t.endSameAsBegin){t.endRe=escape(r)}if(t.skip){R+=r}else{if(t.excludeBegin){R+=r}p();if(!t.returnBegin&&!t.excludeBegin){R=r}}g(t);return t.returnBegin?0:r.length}function v(e){var r=e[0];var n=t.substr(e.index);var a=f(A,e,n);if(!a){return NO_MATCH}var s=A;if(s.skip){R+=r}else{if(!(s.returnEnd||s.excludeEnd)){R+=r}p();if(s.excludeEnd){R=r}}do{if(A.className){k.closeNode()}if(!A.skip&&!A.subLanguage){T+=A.relevance}A=A.parent}while(A!==a.parent);if(a.starts){if(a.endSameAsBegin){a.starts.endRe=a.endRe}g(a.starts)}return s.returnEnd?0:r.length}function x(){var e=[];for(var r=A;r!==C;r=r.parent){if(r.className){e.unshift(r.className)}}e.forEach((function(e){return k.openNode(e)}))}var y={};function E(r,n){var i=n&&n[0];R+=r;if(i==null){p();return 0}if(y.type==="begin"&&n.type==="end"&&y.index===n.index&&i===""){R+=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 w(n)}else if(n.type==="illegal"&&!s){var o=new Error('Illegal lexeme "'+i+'" for mode "'+(A.className||"<unnamed>")+'"');o.mode=A;throw o}else if(n.type==="end"){var l=v(n);if(l!==NO_MATCH){return l}}if(n.type==="illegal"&&i===""){return 1}if(I>1e5&&I>n.index*3){var o=new Error("potential infinite loop, way more iterations than matches");throw o}R+=i;return i.length}var C=P(e);if(!C){error$1(i.replace("{}",e));throw new Error('Unknown language: "'+e+'"')}var _=compileLanguage(C,{plugins:n});var D="";var A=o||_;var q={};var k=new l.__emitter(l);x();var R="";var T=0;var S=0;var I=0;var N=false;try{A.matcher.considerAll();for(;;){I++;if(N){N=false}else{A.matcher.considerAll()}A.matcher.lastIndex=S;var L=A.matcher.exec(t);if(!L)break;var F=t.substring(S,L.index);var B=E(F,L);S=L.index+B}E(t.substr(S));k.closeAllNodes();k.finalize();D=k.toHTML();return{relevance:Math.floor(T),value:D,language:e,illegal:false,emitter:k,top:A}}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:D,relevance:0,value:escape$1(t),emitter:k}}else if(a){return{illegal:false,relevance:0,value:escape$1(t),emitter:k,language:e,top:A,errorRaised:r}}else{throw r}}}function p(e){var r={relevance:0,emitter:new l.__emitter(l),value:escape$1(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(P).filter(I).map((function(r){return m(r,e,false)}));a.unshift(n);var s=a.sort((function(e,r){if(e.relevance!==r.relevance)return r.relevance-e.relevance;if(e.language&&r.language){if(P(e.language).supersetOf===r.language){return 1}else if(P(r.language).supersetOf===e.language){return-1}}return 0}));var i=s[0],o=s[1];var u=i;u.second_best=o;return u}function g(e){if(!(l.tabReplace||l.useBR)){return e}return e.replace(s,(function(e){if(e==="\n"){return l.useBR?"<br>":e}else if(l.tabReplace){return e.replace(/\t/g,l.tabReplace)}return e}))}function f(e,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 w=/^(<[^>]+>|\t)+/gm;var v={"after:highlightElement":function(e){var r=e.result;if(l.tabReplace){r.value=r.value.replace(w,(function(e){return e.replace(/\t/g,l.tabReplace)}))}}};function x(e){var r=null;var t=d(e);if(u(t))return;F("before:highlightElement",{el:e,language:t});r=e;var n=r.textContent;var a=t?c(n,{language:t,ignoreIllegals:true}):h(n);F("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){deprecated("10.3.0","'useBR' will be removed entirely in v11.0");deprecated("10.3.0","Please see https://github.com/highlightjs/highlight.js/issues/2559")}l=inherit$1(l,e)}var E=function(){if(E.called)return;E.called=true;deprecated("10.6.0","initHighlighting() is deprecated. Use highlightAll() instead.");var e=document.querySelectorAll("pre code");e.forEach(x)};function C(){deprecated("10.6.0","initHighlightingOnLoad() is deprecated. Use highlightAll() instead.");_=true}var _=false;function D(){if(document.readyState==="loading"){_=true;return}var e=document.querySelectorAll("pre code");e.forEach(x)}function A(){if(_)D()}if(typeof window!=="undefined"&&window.addEventListener){window.addEventListener("DOMContentLoaded",A,false)}function q(t,n){var s=null;try{s=n(e)}catch(e){error$1("Language definition for '{}' could not be registered.".replace("{}",t));if(!a){throw e}else{error$1(e)}s=o}if(!s.name)s.name=t;r[t]=s;s.rawDefinition=n.bind(null,e);if(s.aliases){S(s.aliases,{languageName:t})}}function k(e){delete r[e];for(var n=0,a=Object.keys(t);n<a.length;n++){var s=a[n];if(t[s]===e){delete t[s]}}}function R(){return Object.keys(r)}function T(e){deprecated("10.4.0","requireLanguage will be removed entirely in v11.");deprecated("10.4.0","Please see https://github.com/highlightjs/highlight.js/pull/2844");var r=P(e);if(r){return r}var t=new Error("The '{}' language is required, but not loaded.".replace("{}",e));throw t}function P(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 I(e){var r=P(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 L(e){N(e);n.push(e)}function F(e,r){var t=e;n.forEach((function(e){if(e[t]){e[t](r)}}))}function B(e){deprecated("10.2.0","fixMarkup will be removed entirely in v11.0");deprecated("10.2.0","Please see https://github.com/highlightjs/highlight.js/issues/2534");return g(e)}function V(e){deprecated("10.7.0","highlightBlock will be removed entirely in v12.0");deprecated("10.7.0","Please use highlightElement now.");return x(e)}Object.assign(e,{highlight:c,highlightAuto:h,highlightAll:D,fixMarkup:B,highlightElement:x,highlightBlock:V,configure:y,initHighlighting:E,initHighlightingOnLoad:C,registerLanguage:q,unregisterLanguage:k,listLanguages:R,getLanguage:P,registerAliases:S,requireLanguage:T,autoDetection:I,inherit:inherit$1,addPlugin:L,vuePlugin:BuildVuePlugin(e).VuePlugin});e.debugMode=function(){a=false};e.safeMode=function(){a=true};e.versionString=version;for(var O in MODES){if(typeof MODES[O]==="object"){deepFreezeEs6(MODES[O])}}Object.assign(e,MODES);e.addPlugin(b);e.addPlugin(mergeHTMLPlugin);e.addPlugin(v);return e};var highlight=HLJS({});var core=highlight;function gherkin(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 gherkin_1=gherkin;core.registerLanguage("gherkin",gherkin_1);var CucumberAddon=function(e,r){var t=e.story;var n;var a=(n=t.parent.parameters)===null||n===void 0?void 0:n.scenario;var s;try{s=core.highlight("gherkin",a)}catch(e){}return h("div",null,h("details",null,h("summary",null,"Specs"),s&&h("pre",{innerHTML:s.value})),r)};var stories=[ShareButton,ShareLink,BigStat,Leaderboard,LeaderboardRank,UseShareLink,UseShareButton,UseBigStat,UseEditProfile,UseLeaderboard,Router,PortalFrame,EditProfile,FormMessage,NewPortal,SidebarItem,NavigationSidebar,PortalLogin,PortalRegister,PortalForgotPassword,PortalEmailVerification,PortalResetPassword,PortalVerifyEmail,AssetCard,DividedLayout,ChangePassword,PortalProfile,ReferralTable,ReferralTableCell,ReferralTableRewardsCell,UserName,PasswordField,TaskCard$2,PortalTemplates,ProgramMenu,PoweredByImg,PortalFooter,Hero,ReferralIframe$1,NameFields$1,RewardExchangeList,UseRewardExchangeList,UseTaskCard,UseRewardsTable,ProgramExplainer,ProgramExplainerStep$1,BrandStories,CardFeed,PortalContainer,RewardsTableCell,RewardsTable,UseReferralTable,HeroImage,ReferralCard,Timeline,Image$1,TitledSection,Scroll];var StencilStorybook=function(){function e(e){registerInstance(this,e);this.ignored=true;h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=f(stories,{h:h,title:"Mint Components",addons:[CucumberAddon,ShadowViewAddon,HookStoryAddon]}),r=e.class,t=e.children;var n=useState("Default"),a=n[0],s=n[1];var i=useState(true),o=i[0],l=i[1];var u=Object.keys(Themes);var d=Themes[a];return h(Host,{class:r,onClick:{}},h("div",{style:{position:"absolute",top:"0",right:"0",zIndex:"999999"}},"Branding:",h("select",{onChange:function(e){return s(e.target.value)}},u.map((function(e){return h("option",{selected:e===a},e)}))),h("div",null,h("div",null)),h(ColorScale,null),h("br",null),h("input",{type:"checkbox",id:"checkerboard",onClick:function(){return l(!o)},onChange:function(){return document.documentElement.style.setProperty("--checker-color-1",o?"#ebebeb":"#ffffff00")}}),h("label",{htmlFor:"checkerboard"},"Checkerboard?")),h("style",null,d),h("style",null,ResizerStylesheet),t)};return e}();function ColorScale(){return h("span",null,h(ColorToken,null),h(ColorToken,{type:"success"}),h(ColorToken,{type:"warning"}),h(ColorToken,{type:"danger"}),h(ColorToken,{type:"neutral"}))}function ColorToken(e){var r=e.type,t=r===void 0?"primary":r;return h("span",{style:{background:"var(--sl-color-"+t+"-500)",width:"1em",marginRight:"2px",padding:"0 4px"},title:t},t.charAt(0))}export{StencilStorybook as sqm_stencilbook};var templateObject_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,s){function i(e){try{l(n.next(e))}catch(e){s(e)}}function o(e){try{l(n["throw"](e))}catch(e){s(e)}}function l(e){e.done?t(e.value):a(e.value).then(i,o)}l((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,a,s,i;return i={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function o(e){return function(r){return l([e,r])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,a&&(s=i[0]&2?a["return"]:i[0]?a["throw"]||((s=a["return"])&&s.call(a),0):a.next)&&!(s=s.call(a,i[1])).done)return s;if(a=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;a=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(s=t.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){t.label=i[1];break}if(i[0]===6&&t.label<s[1]){t.label=s[1];s=i;break}if(s&&t.label<s[2]){t.label=s[2];t.ops.push(i);break}if(s[2])t.ops.pop();t.trys.pop();continue}i=r.call(e,t)}catch(e){i=[6,e];a=0}finally{n=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,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 s=arguments[r],i=0,o=s.length;i<o;i++,a++)n[a]=s[i];return n};import{h,r as registerInstance,c as Host}from"./index-17b4da69.js";import{a as commonjsGlobal,i as useMemo,k as useState,u as useEffect,c as createCommonjsModule,m as h$1}from"./stencil-hooks.module-2f159754.js";import"./global-c2179248.js";import"./use-callback-d8ef4b5d.js";import{p as pn,h as hn,Y,d as dist,K as Ke,A as A$1}from"./index.module-ec3dcc82.js";import"./extends-c31f1eff.js";import"./cjs-bdfb4486.js";import"./mixins-10353a39.js";import{c as createStyleSheet}from"./JSS-96eeab98.js";import{G as GenericTableView}from"./GenericTableView-ea3fc435.js";import{l as luxon}from"./luxon-5fa22651.js";import{g as getProps}from"./utils-1d345130.js";import"./sqm-text-span-view-7e61c95c.js";import{A as AssetCardView}from"./sqm-asset-card-view-f9ca5345.js";import{B as BigStatView}from"./sqm-big-stat-view-309f7c1f.js";import{a as useBigStat,u as useDemoBigStat}from"./useDemoBigStat-022e116d.js";import{H as HeroView}from"./sqm-hero-view-190bc812.js";import{L as LeaderboardRankView}from"./sqm-leaderboard-rank-view-da91f5f3.js";import{N as NameFieldsView}from"./sqm-name-fields-view-69b1583f.js";import{N as NavigationSidebarView}from"./sqm-navigation-sidebar-view-816558e3.js";import{N as NavigationSidebarItemView}from"./sqm-navigation-sidebar-item-view-a6f7f96c.js";import{P as PortalEmailVerificationView}from"./sqm-portal-email-verification-view-8acdcd89.js";import{a as PoweredByImg$1,P as PortalFooterView}from"./sqm-portal-footer-view-9995ad03.js";import{P as PortalForgotPasswordView}from"./sqm-portal-forgot-password-view-fa088f83.js";import{P as PortalContainerView}from"./sqm-portal-container-view-f74db584.js";import{P as PortalProfileView}from"./sqm-portal-profile-view-71c84f2e.js";import{P as PortalResetPasswordView}from"./sqm-portal-reset-password-view-73e14282.js";import{P as PortalVerifyEmailView}from"./sqm-portal-verify-email-view-cbf1cfdc.js";import{S as StatContainerView}from"./sqm-stat-container-view-8a565c5a.js";import{S as ShareButtonView,a as ShareLinkView,L as LeaderboardView,P as PortalFrameView,E as EditProfileView,u as useShareLink,b as useShareButton,c as PortalChangePasswordView,d as PortalLoginView,e as PortalRegisterView,T as TaskCardView,f as ProgressBarView,R as ReferralIframeView,g as RewardExchangeView,C as CardFeedView,h as autoColorScaleCss,i as ShadowViewAddon}from"./ShadowViewAddon-9ee208b0.js";import{P as PortalSectionView}from"./sqm-portal-section-view-88a80af9.js";var INFINITY=1/0;var symbolTag="[object Symbol]";var reAsciiWord=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var reLatin=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;var rsAstralRange="\\ud800-\\udfff",rsComboMarksRange="\\u0300-\\u036f\\ufe20-\\ufe23",rsComboSymbolsRange="\\u20d0-\\u20f0",rsDingbatRange="\\u2700-\\u27bf",rsLowerRange="a-z\\xdf-\\xf6\\xf8-\\xff",rsMathOpRange="\\xac\\xb1\\xd7\\xf7",rsNonCharRange="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",rsPunctuationRange="\\u2000-\\u206f",rsSpaceRange=" \\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",rsUpperRange="A-Z\\xc0-\\xd6\\xd8-\\xde",rsVarRange="\\ufe0e\\ufe0f",rsBreakRange=rsMathOpRange+rsNonCharRange+rsPunctuationRange+rsSpaceRange;var rsApos="['’]",rsAstral="["+rsAstralRange+"]",rsBreak="["+rsBreakRange+"]",rsCombo="["+rsComboMarksRange+rsComboSymbolsRange+"]",rsDigits="\\d+",rsDingbat="["+rsDingbatRange+"]",rsLower="["+rsLowerRange+"]",rsMisc="[^"+rsAstralRange+rsBreakRange+rsDigits+rsDingbatRange+rsLowerRange+rsUpperRange+"]",rsFitz="\\ud83c[\\udffb-\\udfff]",rsModifier="(?:"+rsCombo+"|"+rsFitz+")",rsNonAstral="[^"+rsAstralRange+"]",rsRegional="(?:\\ud83c[\\udde6-\\uddff]){2}",rsSurrPair="[\\ud800-\\udbff][\\udc00-\\udfff]",rsUpper="["+rsUpperRange+"]",rsZWJ="\\u200d";var rsLowerMisc="(?:"+rsLower+"|"+rsMisc+")",rsUpperMisc="(?:"+rsUpper+"|"+rsMisc+")",rsOptLowerContr="(?:"+rsApos+"(?:d|ll|m|re|s|t|ve))?",rsOptUpperContr="(?:"+rsApos+"(?:D|LL|M|RE|S|T|VE))?",reOptMod=rsModifier+"?",rsOptVar="["+rsVarRange+"]?",rsOptJoin="(?:"+rsZWJ+"(?:"+[rsNonAstral,rsRegional,rsSurrPair].join("|")+")"+rsOptVar+reOptMod+")*",rsSeq=rsOptVar+reOptMod+rsOptJoin,rsEmoji="(?:"+[rsDingbat,rsRegional,rsSurrPair].join("|")+")"+rsSeq,rsSymbol="(?:"+[rsNonAstral+rsCombo+"?",rsCombo,rsRegional,rsSurrPair,rsAstral].join("|")+")";var reApos=RegExp(rsApos,"g");var reComboMark=RegExp(rsCombo,"g");var reUnicode=RegExp(rsFitz+"(?="+rsFitz+")|"+rsSymbol+rsSeq,"g");var reUnicodeWord=RegExp([rsUpper+"?"+rsLower+"+"+rsOptLowerContr+"(?="+[rsBreak,rsUpper,"$"].join("|")+")",rsUpperMisc+"+"+rsOptUpperContr+"(?="+[rsBreak,rsUpper+rsLowerMisc,"$"].join("|")+")",rsUpper+"?"+rsLowerMisc+"+"+rsOptLowerContr,rsUpper+"+"+rsOptUpperContr,rsDigits,rsEmoji].join("|"),"g");var reHasUnicode=RegExp("["+rsZWJ+rsAstralRange+rsComboMarksRange+rsComboSymbolsRange+rsVarRange+"]");var reHasUnicodeWord=/[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var deburredLetters={"À":"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 freeGlobal=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal;var freeSelf=typeof self=="object"&&self&&self.Object===Object&&self;var root=freeGlobal||freeSelf||Function("return this")();function arrayReduce(e,r,t,n){var a=-1,s=e?e.length:0;if(n&&s){t=e[++a]}while(++a<s){t=r(t,e[a],a,e)}return t}function asciiToArray(e){return e.split("")}function asciiWords(e){return e.match(reAsciiWord)||[]}function basePropertyOf(e){return function(r){return e==null?undefined:e[r]}}var deburrLetter=basePropertyOf(deburredLetters);function hasUnicode(e){return reHasUnicode.test(e)}function hasUnicodeWord(e){return reHasUnicodeWord.test(e)}function stringToArray(e){return hasUnicode(e)?unicodeToArray(e):asciiToArray(e)}function unicodeToArray(e){return e.match(reUnicode)||[]}function unicodeWords(e){return e.match(reUnicodeWord)||[]}var objectProto=Object.prototype;var objectToString=objectProto.toString;var Symbol$1=root.Symbol;var symbolProto=Symbol$1?Symbol$1.prototype:undefined,symbolToString=symbolProto?symbolProto.toString:undefined;function baseSlice(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 s=Array(a);while(++n<a){s[n]=e[n+r]}return s}function baseToString(e){if(typeof e=="string"){return e}if(isSymbol(e)){return symbolToString?symbolToString.call(e):""}var r=e+"";return r=="0"&&1/e==-INFINITY?"-0":r}function castSlice(e,r,t){var n=e.length;t=t===undefined?n:t;return!r&&t>=n?e:baseSlice(e,r,t)}function createCaseFirst(e){return function(r){r=toString(r);var t=hasUnicode(r)?stringToArray(r):undefined;var n=t?t[0]:r.charAt(0);var a=t?castSlice(t,1).join(""):r.slice(1);return n[e]()+a}}function createCompounder(e){return function(r){return arrayReduce(words(deburr(r).replace(reApos,"")),e,"")}}function isObjectLike(e){return!!e&&typeof e=="object"}function isSymbol(e){return typeof e=="symbol"||isObjectLike(e)&&objectToString.call(e)==symbolTag}function toString(e){return e==null?"":baseToString(e)}function deburr(e){e=toString(e);return e&&e.replace(reLatin,deburrLetter).replace(reComboMark,"")}var startCase=createCompounder((function(e,r,t){return e+(t?" ":"")+upperFirst(r)}));var upperFirst=createCaseFirst("toUpperCase");function words(e,r,t){e=toString(e);r=t?undefined:r;if(r===undefined){return hasUnicodeWord(e)?unicodeWords(e):asciiWords(e)}return e.match(r)||[]}var lodash_startcase=startCase;function sheetForTag(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 createStyleElement(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 StyleSheet=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(createStyleElement(this))}var t=this.tags[this.tags.length-1];if(this.isSpeedy){var n=sheetForTag(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 e="-ms-";var r="-moz-";var a="-webkit-";var c="comm";var n="rule";var t="decl";var i="@import";var p="@keyframes";var k=Math.abs;var d=String.fromCharCode;function m(e,r){return(((r<<2^z(e,0))<<2^z(e,1))<<2^z(e,2))<<2^z(e,3)}function g(e){return e.trim()}function x(e,r){return(e=r.exec(e))?e[0]:e}function y(e,r,t){return e.replace(r,t)}function j(e,r){return e.indexOf(r)}function z(e,r){return e.charCodeAt(r)|0}function C(e,r,t){return e.slice(r,t)}function A(e){return e.length}function M(e){return e.length}function O(e,r){return r.push(e),e}function S(e,r){return e.map(r).join("")}var q=1;var B=1;var D=0;var E=0;var F=0;var G="";function H(e,r,t,n,a,s,i){return{value:e,root:r,parent:t,type:n,props:a,children:s,line:q,column:B,length:i,return:""}}function I(e,r,t){return H(e,r.root,r.parent,t,r.props,r.children,0)}function J(){return F}function K(){F=E>0?z(G,--E):0;if(B--,F===10)B=1,q--;return F}function L(){F=E<D?z(G,E++):0;if(B++,F===10)B=1,q++;return F}function N(){return z(G,E)}function P(){return E}function Q(e,r){return C(G,e,r)}function R(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 T(e){return q=B=1,D=A(G=e),E=0,[]}function U(e){return G="",e}function V(e){return g(Q(E-1,_(e===91?e+2:e===40?e+1:e)))}function X(e){while(F=N())if(F<33)L();else break;return R(e)>2||R(F)>3?"":" "}function Z(e,r){while(--r&&L())if(F<48||F>102||F>57&&F<65||F>70&&F<97)break;return Q(e,P()+(r<6&&N()==32&&L()==32))}function _(e){while(L())switch(F){case e:return E;case 34:case 39:return _(e===34||e===39?e:F);case 40:if(e===41)_(e);break;case 92:L();break}return E}function ee(e,r){while(L())if(e+F===47+10)break;else if(e+F===42+42&&N()===47)break;return"/*"+Q(r,E-1)+"*"+d(e===47?e:L())}function re(e){while(!R(N()))L();return Q(e,E)}function ae(e){return U(ce("",null,null,null,[""],e=T(e),0,[0],e))}function ce(e,r,t,n,a,s,i,o,l){var u=0;var c=0;var m=i;var p=0;var h=0;var g=0;var f=1;var b=1;var w=1;var v=0;var x="";var E=a;var C=s;var _=n;var D=x;while(b)switch(g=v,v=L()){case 34:case 39:case 91:case 40:D+=V(v);break;case 9:case 10:case 13:case 32:D+=X(g);break;case 92:D+=Z(P()-1,7);continue;case 47:switch(N()){case 42:case 47:O(te(ee(L(),P()),r,t),l);break;default:D+="/"}break;case 123*f:o[u++]=A(D)*w;case 125*f:case 59:case 0:switch(v){case 0:case 125:b=0;case 59+c:if(h>0&&A(D)-m)O(h>32?se(D+";",n,t,m-1):se(y(D," ","")+";",n,t,m-2),l);break;case 59:D+=";";default:O(_=ne(D,r,t,u,c,a,o,x,E=[],C=[],m),s);if(v===123)if(c===0)ce(D,r,_,_,E,s,m,o,C);else switch(p){case 100:case 109:case 115:ce(e,_,_,n&&O(ne(e,_,_,0,0,a,o,x,a,E=[],m),C),a,C,m,o,n?E:C);break;default:ce(D,_,_,_,[""],C,m,o,C)}}u=c=h=0,f=w=1,x=D="",m=i;break;case 58:m=1+A(D),h=g;default:if(f<1)if(v==123)--f;else if(v==125&&f++==0&&K()==125)continue;switch(D+=d(v),v*f){case 38:w=c>0?1:(D+="\f",-1);break;case 44:o[u++]=(A(D)-1)*w,w=1;break;case 64:if(N()===45)D+=V(L());p=N(),c=A(x=D+=re(P())),v++;break;case 45:if(g===45&&A(D)==2)f=0}}return s}function ne(e,r,t,a,s,i,o,l,u,d,c){var m=s-1;var p=s===0?i:[""];var h=M(p);for(var f=0,b=0,w=0;f<a;++f)for(var v=0,x=C(e,m+1,m=k(b=o[f])),E=e;v<h;++v)if(E=g(b>0?p[v]+" "+x:y(x,/&\f/g,p[v])))u[w++]=E;return H(e,r,t,s===0?n:l,u,d,c)}function te(e,r,t){return H(e,r,t,c,d(J()),C(e,2,-2),0)}function se(e,r,n,a){return H(e,r,n,t,C(e,0,a),C(e,a+1,-1),a)}function ue(t,n){switch(m(t,n)){case 5103:return a+"print-"+t+t;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 a+t+t;case 5349:case 4246:case 4810:case 6968:case 2756:return a+t+r+t+e+t+t;case 6828:case 4268:return a+t+e+t+t;case 6165:return a+t+e+"flex-"+t+t;case 5187:return a+t+y(t,/(\w+).+(:[^]+)/,a+"box-$1$2"+e+"flex-$1$2")+t;case 5443:return a+t+e+"flex-item-"+y(t,/flex-|-self/,"")+t;case 4675:return a+t+e+"flex-line-pack"+y(t,/align-content|flex-|-self/,"")+t;case 5548:return a+t+e+y(t,"shrink","negative")+t;case 5292:return a+t+e+y(t,"basis","preferred-size")+t;case 6060:return a+"box-"+y(t,"-grow","")+a+t+e+y(t,"grow","positive")+t;case 4554:return a+y(t,/([^-])(transform)/g,"$1"+a+"$2")+t;case 6187:return y(y(y(t,/(zoom-|grab)/,a+"$1"),/(image-set)/,a+"$1"),t,"")+t;case 5495:case 3959:return y(t,/(image-set\([^]*)/,a+"$1"+"$`$1");case 4968:return y(y(t,/(.+:)(flex-)?(.*)/,a+"box-pack:$3"+e+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+a+t+t;case 4095:case 3583:case 4068:case 2532:return y(t,/(.+)-inline(.+)/,a+"$1$2")+t;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(A(t)-1-n>6)switch(z(t,n+1)){case 109:if(z(t,n+4)!==45)break;case 102:return y(t,/(.+:)(.+)-([^]+)/,"$1"+a+"$2-$3"+"$1"+r+(z(t,n+3)==108?"$3":"$2-$3"))+t;case 115:return~j(t,"stretch")?ue(y(t,"stretch","fill-available"),n)+t:t}break;case 4949:if(z(t,n+1)!==115)break;case 6444:switch(z(t,A(t)-3-(~j(t,"!important")&&10))){case 107:return y(t,":",":"+a)+t;case 101:return y(t,/(.+:)([^;!]+)(;|!.+)?/,"$1"+a+(z(t,14)===45?"inline-":"")+"box$3"+"$1"+a+"$2$3"+"$1"+e+"$2box$3")+t}break;case 5936:switch(z(t,n+11)){case 114:return a+t+e+y(t,/[svh]\w+-[tblr]{2}/,"tb")+t;case 108:return a+t+e+y(t,/[svh]\w+-[tblr]{2}/,"tb-rl")+t;case 45:return a+t+e+y(t,/[svh]\w+-[tblr]{2}/,"lr")+t}return a+t+e+t+t}return t}function ie(e,r){var t="";var n=M(e);for(var a=0;a<n;a++)t+=r(e[a],a,e,r)||"";return t}function fe(e,r,a,s){switch(e.type){case i:case t:return e.return=e.return||e.value;case c:return"";case n:e.value=e.props.join(",")}return A(a=ie(e.children,s))?e.return=e.value+"{"+a+"}":""}function oe(e){var r=M(e);return function(t,n,a,s){var i="";for(var o=0;o<r;o++)i+=e[o](t,n,a,s)||"";return i}}function le(e){return function(r){if(!r.root)if(r=r.return)e(r)}}function ve(s,i,o,l){if(!s.return)switch(s.type){case t:s.return=ue(s.value,s.length);break;case p:return ie([I(y(s.value,"@","@"+a),s,"")],l);case n:if(s.length)return S(s.props,(function(t){switch(x(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ie([I(y(t,/:(read-\w+)/,":"+r+"$1"),s,"")],l);case"::placeholder":return ie([I(y(t,/:(plac\w+)/,":"+a+"input-$1"),s,""),I(y(t,/:(plac\w+)/,":"+r+"$1"),s,""),I(y(t,/:(plac\w+)/,e+"input-$1"),s,"")],l)}return""}))}}function memoize(e){var r=Object.create(null);return function(t){if(r[t]===undefined)r[t]=e(t);return r[t]}}var toRules=function e(r,t){var n=-1;var a=44;do{switch(R(a)){case 0:if(a===38&&N()===12){t[n]=1}r[n]+=re(E-1);break;case 2:r[n]+=V(a);break;case 4:if(a===44){r[++n]=N()===58?"&\f":"";t[n]=r[n].length;break}default:r[n]+=d(a)}}while(a=L());return r};var getRules=function e(r,t){return U(toRules(T(r),t))};var fixedElements=new WeakMap;var compat=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&&!fixedElements.get(n)){return}if(a){return}fixedElements.set(r,true);var s=[];var i=getRules(t,s);var o=n.props;for(var l=0,u=0;l<i.length;l++){for(var d=0;d<o.length;d++,u++){r.props[u]=s[l]?i[l].replace(/&\f/g,o[d]):o[d]+" "+i[l]}}};var removeLabel=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 defaultStylisPlugins=[ve];var createCache=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||defaultStylisPlugins;var s={};var i;var o=[];{i=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++){s[r[t]]=true}o.push(e)}))}var l;var u=[compat,removeLabel];{var d;var c=[fe,le((function(e){d.insert(e)}))];var m=oe(u.concat(a,c));var p=function e(r){return ie(ae(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 StyleSheet({key:t,container:i,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend}),nonce:r.nonce,inserted:s,registered:{},insert:l};h.sheet.hydrate(o);return h};function murmur2(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 unitlessKeys={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 hyphenateRegex=/[A-Z]|^ms/g;var animationRegex=/_EMO_([^_]+?)_([^]*?)_EMO_/g;var isCustomProperty=function e(r){return r.charCodeAt(1)===45};var isProcessableValue=function e(r){return r!=null&&typeof r!=="boolean"};var processStyleName=memoize((function(e){return isCustomProperty(e)?e:e.replace(hyphenateRegex,"-$&").toLowerCase()}));var processStyleValue=function e(r,t){switch(r){case"animation":case"animationName":{if(typeof t==="string"){return t.replace(animationRegex,(function(e,r,t){cursor={name:r,styles:t,next:cursor};return r}))}}}if(unitlessKeys[r]!==1&&!isCustomProperty(r)&&typeof t==="number"&&t!==0){return t+"px"}return t};function handleInterpolation(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){cursor={name:t.name,styles:t.styles,next:cursor};return t.name}if(t.styles!==undefined){var n=t.next;if(n!==undefined){while(n!==undefined){cursor={name:n.name,styles:n.styles,next:cursor};n=n.next}}var a=t.styles+";";return a}return createStringFromObject(e,r,t)}case"function":{if(e!==undefined){var s=cursor;var i=t(e);cursor=s;return handleInterpolation(e,r,i)}break}}if(r==null){return t}var o=r[t];return o!==undefined?o:t}function createStringFromObject(e,r,t){var n="";if(Array.isArray(t)){for(var a=0;a<t.length;a++){n+=handleInterpolation(e,r,t[a])+";"}}else{for(var s in t){var i=t[s];if(typeof i!=="object"){if(r!=null&&r[i]!==undefined){n+=s+"{"+r[i]+"}"}else if(isProcessableValue(i)){n+=processStyleName(s)+":"+processStyleValue(s,i)+";"}}else{if(s==="NO_COMPONENT_SELECTOR"&&"production"!=="production"){throw new Error("Component selectors can only be used in conjunction with @emotion/babel-plugin.")}if(Array.isArray(i)&&typeof i[0]==="string"&&(r==null||r[i[0]]===undefined)){for(var o=0;o<i.length;o++){if(isProcessableValue(i[o])){n+=processStyleName(s)+":"+processStyleValue(s,i[o])+";"}}}else{var l=handleInterpolation(e,r,i);switch(s){case"animation":case"animationName":{n+=processStyleName(s)+":"+l+";";break}default:{n+=s+"{"+l+"}"}}}}}}return n}var labelPattern=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var cursor;var serializeStyles=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 s="";cursor=undefined;var i=r[0];if(i==null||i.raw===undefined){a=false;s+=handleInterpolation(n,t,i)}else{s+=i[0]}for(var o=1;o<r.length;o++){s+=handleInterpolation(n,t,r[o]);if(a){s+=i[o]}}labelPattern.lastIndex=0;var l="";var u;while((u=labelPattern.exec(s))!==null){l+="-"+u[1]}var d=murmur2(s)+l;return{name:d,styles:s,next:cursor}};var isBrowser="object"!=="undefined";function getRegisteredStyles(e,r,t){var n="";t.split(" ").forEach((function(t){if(e[t]!==undefined){r.push(e[t]+";")}else{n+=t+" "}}));return n}var insertStyles=function e(r,t,n){var a=r.key+"-"+t.name;if((n===false||isBrowser===false)&&r.registered[a]===undefined){r.registered[a]=t.styles}if(r.inserted[t.name]===undefined){var s=t;do{var i=r.insert(t===s?"."+a:"",s,r.sheet,true);s=s.next}while(s!==undefined)}};function insertWithoutScoping(e,r){if(e.inserted[r.name]===undefined){return e.insert("",r,e.sheet,true)}}function merge(e,r,t){var n=[];var a=getRegisteredStyles(e,n,t);if(n.length<2){return t}return a+r(n)}var createEmotion=function e(r){var t=createCache(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 s=serializeStyles(n,t.registered,undefined);insertStyles(t,s,false);return t.key+"-"+s.name};var a=function e(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++){n[a]=arguments[a]}var s=serializeStyles(n,t.registered);var i="animation-"+s.name;insertWithoutScoping(t,{name:s.name,styles:"@keyframes "+i+"{"+s.styles+"}"});return i};var s=function e(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++){n[a]=arguments[a]}var s=serializeStyles(n,t.registered);insertWithoutScoping(t,s)};var i=function e(){for(var r=arguments.length,a=new Array(r),s=0;s<r;s++){a[s]=arguments[s]}return merge(t.registered,n,classnames(a))};return{css:n,cx:i,injectGlobal:s,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:getRegisteredStyles.bind(null,t.registered),merge:merge.bind(null,t.registered,n)}};var classnames=function e(r){var t="";for(var n=0;n<r.length;n++){var a=r[n];if(a==null)continue;var s=void 0;switch(typeof a){case"boolean":break;case"object":{if(Array.isArray(a)){s=e(a)}else{s="";for(var i in a){if(a[i]&&i){s&&(s+=" ");s+=i}}}break}default:{s=a}}if(s){t&&(t+=" ");t+=s}}return t};var _createEmotion=createEmotion({key:"css"}),css=_createEmotion.css;function i$1(){return(i$1=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 s(e,r){return r||(r=e.slice(0)),e.raw=r,e}var a$1,l,u,c$1=css(a$1||(a$1=s(['\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 p$1(e,r){var t,n=r.story.title.split("/"),a=n[1]?n[0]:"_";return i$1({},e,((t={})[a]=[].concat(e[a]||[],[{story:i$1({},r.story,{title:n[1]||n[0]}),subs:r.subs}]).sort((function(e,r){return e.story.title.localeCompare(r.story.title)})),t))}function d$1(e){return{story:e.default,subs:function(e,r){if(null==e)return{};var t,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r.indexOf(t=s[n])>=0||(a[t]=e[t]);return a}(e,["default"])}}function f(e,r){var t=r.h,n=void 0===t?h:t,a=r.title,i=void 0===a?"Stencilbook":a,o=r.homepage,d=void 0===o?n("h3",null,"Select a story!"):o,c=r.addons,m=void 0===c?[]:c,p=useMemo((function(){return e.map(d$1).reduce(p$1,{_:[]})}),e),g=useState(void 0),f=g[0],b=g[1],w=null==f?void 0:f.key,v=useState("desktop"),x=v[0],y=v[1],E=useState(!0),C=E[0],_=E[1],D=useState(!1),A=D[0],q=D[1],k=function(){return n("div",{class:"dynamic-display-wrapper"},n("div",{class:"button-wrapper"},n("button",{class:"desktop"===x?"active":"",onClick:function(){return y("desktop")}},"Desktop"),n("button",{class:"tablet"===x?"active":"",onClick:function(){return y("tablet")}},"Tablet"),n("button",{class:"mobile"===x?"active":"",onClick:function(){return y("mobile")}},"Mobile")),n("p",null,"Note: Currently doesn't test breakpoints, use the native tester for now"),n("hr",null),n("button",{class:A?"active":"",onClick:function(){return q((function(e){return!e}))}},"Toggle Dark Background"),n("hr",null),n("button",{class:C?"active":"",onClick:function(){return _((function(e){return!e}))}},"Toggle Sidebar"))},R="mobile"===x?"375px":"tablet"===x?"768px":"1124px",T=css(l||(l=s(["\n max-width: ",";\n margin-left: ",";\n "])),R,C?"250px":"0px"),P=css(u||(u=s(["\n display: none;\n "])));document.body.style.backgroundColor=A?"#232323":"#fafafa";var S=function(e){var r=e.selected,t=m.reduce((function(e,t){return function(){return n(t,{story:i$1({},r)},n(e,null))}}),null==r?void 0:r.story);return n(t,null)},I=function(){return n("div",{class:"story-book-outer-div"},n("div",{class:"story-div "+(C?"":P)},n("div",{class:"header",onClick:function(){b(void 0)}},n("h2",null,i)),n("ul",{class:"parentStoryList"},Object.keys(p).sort().map((function(e){return n("div",{class:"group-wrapper"},"_"!==e&&n("h4",{class:"group-header"},e),p[e].map((function(r){return n("li",{class:"parentStory"},n("details",{style:{marginBottom:"10px"}},n("summary",{style:{outline:"none"}},r.story.title),r.subs&&Object.keys(r.subs).map((function(t){var a=e+"/"+t,s=r.subs[t],i=s.storyName||lodash_startcase(t);return n("div",{class:"subStory "+(w===a?"selected":"")},n("a",{onClick:function(){return function(e,r,t,n){b({key:r,story:e,parent:t,label:n})}(s,a,r.story,i)}},i))}))))})))})))),n(k,null),n("div",{class:"component "+T},!w&&d,w&&n("div",null,n("h3",null,f.label),n(S,{selected:f}))))};return{class:c$1,children:n(I,null),View:I,selected:f}}var ShareButton_stories={title:"Components/Share Button"};var WithIconPrefix=function(){var e={medium:"whatsapp",iconslot:"prefix"};return h(ShareButtonView,Object.assign({},e),"Share")};var WithIconSuffix=function(){var e={medium:"whatsapp",iconslot:"suffix"};return h(ShareButtonView,Object.assign({},e),"Share")};var WithIconOverride=function(){var e={medium:"facebook",icon:"person-badge"};return h(ShareButtonView,Object.assign({},e),"Share")};var TextStyle=function(){var e={medium:"facebook",type:"text"};return h(ShareButtonView,Object.assign({},e),"Share")};var WithoutIcon=function(){var e={medium:"facebook",hideicon:true};return h(ShareButtonView,Object.assign({},e),"Share")};var WithoutText=function(){var e={medium:"facebook",hidetext:true};return h(ShareButtonView,Object.assign({},e),"Share")};var TextStyleWithoutIcon=function(){var e={medium:"facebook",type:"text",hideicon:true};return h(ShareButtonView,Object.assign({},e),"Share")};var WithCustomColors=function(){var e={medium:"facebook",type:"text",backgroundcolor:"var(--sl-color-primary-500)",textcolor:"white",iconslot:"prefix"};return h(ShareButtonView,Object.assign({},e),"Facebook")};var WithCustomBorderRadius=function(){var e={medium:"facebook",type:"text",borderradius:8,iconslot:"prefix"};return h(ShareButtonView,Object.assign({},e),"Facebook")};var FullStackIcon=function(){return h("div",null,h("sqm-share-button",{medium:"facebook"},h("span",null,"Facebook")),h("br",null),h("sqm-share-button",{medium:"email"},h("span",null,"Email")))};var AllMediums=function(){return h("div",null,h("sqm-share-button",{medium:"facebook"},h("span",null,"Facebook")),h("br",null),h("sqm-share-button",{medium:"email"},h("span",null,"Email")),h("br",null),h("sqm-share-button",{medium:"whatsapp"},h("span",null,"WhatsApp")),h("br",null),h("sqm-share-button",{medium:"linkedin"},h("span",null,"Linkedin")),h("br",null),h("sqm-share-button",{medium:"twitter"},h("span",null,"Twitter")),h("br",null),h("sqm-share-button",{medium:"pinterest"},h("span",null,"Pinterest")),h("br",null),h("sqm-share-button",{medium:"fbmessenger"},h("span",null,"Messenger")),h("br",null),h("sqm-share-button",{medium:"sms"},h("span",null,"SMS")),h("br",null),h("sqm-share-button",{medium:"linemessenger"},h("span",null,"Line Messenger")),h("br",null),h("sqm-share-button",{medium:"direct"},h("span",null,"Share")))};var ShareButton=Object.freeze({__proto__:null,default:ShareButton_stories,WithIconPrefix:WithIconPrefix,WithIconSuffix:WithIconSuffix,WithIconOverride:WithIconOverride,TextStyle:TextStyle,WithoutIcon:WithoutIcon,WithoutText:WithoutText,TextStyleWithoutIcon:TextStyleWithoutIcon,WithCustomColors:WithCustomColors,WithCustomBorderRadius:WithCustomBorderRadius,FullStackIcon:FullStackIcon,AllMediums:AllMediums});var ShareLink_stories={title:"Components/Share Link"};var Default=function(){var e={shareString:"https://noah.example.com",open:false,tooltiptext:"Copied!"};return h(ShareLinkView,Object.assign({},e))};var Tooltip=function(){var e={shareString:"https://noah.example.com",tooltiptext:"Some text for the tooltip",open:true};return h(ShareLinkView,Object.assign({},e))};var Disabled=function(){var e={shareString:"https://noah.example.com",disabled:true,open:true,tooltiptext:"Copied!"};return h(ShareLinkView,Object.assign({},e))};var FullStack=function(){return h("sqm-share-link",null)};var ShareLink=Object.freeze({__proto__:null,default:ShareLink_stories,Default:Default,Tooltip:Tooltip,Disabled:Disabled,FullStack:FullStack});var BigStat_stories={title:"Components/Big Stat"};var Default$1=function(){var e={value:99e4,statvalue:"9.900,00",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var LeftAlign=function(){var e={value:500,statvalue:"500",alignment:"left",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var RightAlign=function(){var e={value:500,statvalue:"500",alignment:"right",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var FlexReverse=function(){var e={value:500,statvalue:"500",flexReverse:true,loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var FlexReverseRight=function(){var e={value:500,statvalue:"500",flexReverse:true,alignment:"right",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var FlexReverseLeft=function(){var e={value:500,statvalue:"500",flexReverse:true,alignment:"left",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var NoStatValue=function(){var e={value:0,statvalue:"...",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var InvalidStatValue=function(){var e={value:0,statvalue:"!!!",loading:false};return h(BigStatView,Object.assign({},e),"Big stat")};var BigStat=Object.freeze({__proto__:null,default:BigStat_stories,Default:Default$1,LeftAlign:LeftAlign,RightAlign:RightAlign,FlexReverse:FlexReverse,FlexReverseRight:FlexReverseRight,FlexReverseLeft:FlexReverseLeft,NoStatValue:NoStatValue,InvalidStatValue:InvalidStatValue});var Leaderboard_stories={title:"Components/Leaderboard"};var defaultStyles={usersheading:"TOP REFERRERS",statsheading:"NEW TITANS"};var defaultElements={empty:h("slot",{name:"empty"},h("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},h("sqm-image",{"image-url":"https://i.imgur.com/KPGnPF8.png","max-width":"100px"}),h("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("h3",null,"View your rank in the leaderboard")),h("sqm-text",{slot:"content"},"Be the first to refer a friend and reach the top of the leaderboard")))),loadingstate:h("slot",{name:"loading"},h("table",null,__spreadArrays(Array(10)).map((function(){return h("tr",null,h("td",null,h("sl-skeleton",null)))}))))};var Empty=function(){var e={states:{loading:false,hasLeaders:false,styles:__assign({},defaultStyles)},data:{rankType:"rowNumber",leaderboard:[],showUser:true,userRank:{firstName:"Kutay",lastInitial:"C",value:8,rowNumber:11,rank:23}},elements:__assign({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var Loading=function(){var e={states:{loading:true,hasLeaders:false,styles:__assign({},defaultStyles)},data:{rankType:"rowNumber",leaderboard:[]},elements:__assign({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var One=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign({},defaultStyles)},data:{rankType:"rowNumber",leaderboard:[{firstName:"Viktor",lastInitial:"V",value:82,rank:1,rowNumber:1}]},elements:__assign({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var Five=function(){var e={states:{loading:false,hasLeaders:true,styles:__assign({},defaultStyles)},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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var FiveWithRank=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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var Ten=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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var TenWithRank=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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var UserInList=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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var UserOutside=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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var UserEmpty=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({},defaultElements)};return h(LeaderboardView,Object.assign({},e))};var Leaderboard=Object.freeze({__proto__:null,default:Leaderboard_stories,Empty:Empty,Loading:Loading,One:One,Five:Five,FiveWithRank:FiveWithRank,Ten:Ten,TenWithRank:TenWithRank,UserInList:UserInList,UserOutside:UserOutside,UserEmpty:UserEmpty});var HookStoryAddon=function(e,r){var t=e.story;var n;var a=(n=t.story.parameters)===null||n===void 0?void 0:n.hookStory;if(!a){return r}var s=Math.round(Math.random()*1e5);var i="sqm-hook-story-container-"+s;return h(i,null,h("sqm-hook-story-container",{hookStory:a}))};function createHookStory(e){var r=function(){return h("div",null)};r.parameters={hookStory:e};return r}var Router_stories={title:"Tests/Router"};var templates='\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 routes='\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 TemplateNavigation=createHookStory((function(){return h("div",null,h("button",{onClick:function(){return pn.push("/")}},"/"),h("button",{onClick:function(){return pn.push("/foo")}},"/foo"),h("button",{onClick:function(){return pn.push("/bar")}},"/bar"),h("button",{onClick:function(){return pn.push("/baz/bang")}},"/baz/bang"),h("button",{onClick:function(){return pn.push("/refer")}},"/refer"),h("button",{onClick:function(){return pn.push("/refer/1")}},"/refer/1"),h("button",{onClick:function(){return pn.push("/refer/2")}},"/refer/2"),h("button",{onClick:function(){return pn.back()}},"Back"),h("button",{onClick:function(){return pn.forward()}},"Forward"),h("hr",null),h("sqm-router",{innerHTML:templates}))}));var RouteNavigation=createHookStory((function(){return h("div",null,h("button",{onClick:function(){return pn.push("/")}},"/"),h("button",{onClick:function(){return pn.push("/foo")}},"/foo"),h("button",{onClick:function(){return pn.push("/bar")}},"/bar"),h("button",{onClick:function(){return pn.push("/baz/bang")}},"/baz/bang"),h("button",{onClick:function(){return pn.push("/refer")}},"/refer"),h("button",{onClick:function(){return pn.push("/refer/1")}},"/refer/1"),h("button",{onClick:function(){return pn.push("/refer/2")}},"/refer/2"),h("button",{onClick:function(){return pn.back()}},"Back"),h("button",{onClick:function(){return pn.forward()}},"Forward"),h("hr",null),h("sqm-router",{innerHTML:routes}))}));var Styling=createHookStory((function(){return h("div",null,h("button",{onClick:function(){return pn.push("/")}},"/"),h("button",{onClick:function(){return pn.push("/foo")}},"/foo"),h("hr",null),h("div",{style:{display:"flex",justifyContent:"space-around"}},h("sqm-router",{innerHTML:'<template path="/">\n \n <div>Column 1</div>\n <div>Column 2 </div>\n </template>'})))}));function useTemplate(e){var r=useState(e),t=r[0],n=r[1];var a=useState(e),s=a[0],i=a[1];function o(e){pn.push(e.target.value)}return{states:{previewTemplate:s,editedTemplate:t},callbacks:{setEditedTemplate:n,setPreviewTemplate:i,setPath:o}}}var defaultRouter='\n<sqm-router>\n <template path="/">\n <div>hello world</div>\n </template>\n</sqm-router>\n';function TemplateView(e){var r=e.states,t=e.callbacks;return[h("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return t.setEditedTemplate(e.target.value)}},r.editedTemplate),h("button",{onClick:function(){return t.setPreviewTemplate(r.editedTemplate)}},"Update Preview"),h("label",null,"Current path:",h("input",{onInput:t.setPath,value:"/"})),h("div",{innerHTML:r.previewTemplate})]}var RouterPlayground=createHookStory((function(){var e=useTemplate(defaultRouter),r=e.states,t=e.callbacks;return h(TemplateView,{states:r,callbacks:t})}));var Router=Object.freeze({__proto__:null,default:Router_stories,TemplateNavigation:TemplateNavigation,RouteNavigation:RouteNavigation,Styling:Styling,RouterPlayground:RouterPlayground});var LeaderboardRank_stories={title:"Components/Leaderboard Rank"};var First=function(){var e={data:{rank:"1st"}};return h("p",null,"Your rank is ",h(LeaderboardRankView,Object.assign({},e))," on the leaderboard")};var LeaderboardRank=Object.freeze({__proto__:null,default:LeaderboardRank_stories,First:First});function setupGraphQL(){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 setupLoggedOut(){var e="a-referral-program";window.SquatchAndroid=true;window.widgetIdent={tenantAlias:"test_as36zjtpfy7oo",appDomain:"https://staging.referralsaasquatch.com",programId:e}}var PortalFrame_stories={title:"Components/Portal Frame"};var defaultProps={data:{footer:h("span",null,"example@example.com"),header:h("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},h("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),h("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:function(){}},ref:{current:undefined}};var FrameWithMenu=function(){var e=__assign({},defaultProps);return h(PortalFrameView,Object.assign({},e),h("sqm-navigation-menu",{"menu-label":"Menu"},h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),h("sl-menu-divider",null),h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")))};var FrameWithoutMenu=function(){var e=__assign({},defaultProps);return h(PortalFrameView,Object.assign({},e))};var FullStackFrame=function(){var e;setupGraphQL();return h("div",null,h("sqm-portal-frame",null,h("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},h("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),h("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal")),h("a",{slot:"footer",class:"FooterEmail",href:"mailto:referrals@servicetitan.com"},"referrals@servicetitan.com"),h("sqm-navigation-menu",{"menu-label":"Menu"},h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),h("sl-menu-divider",null),h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")),h("h1",null,"Something")),h("p",null,"Current path:"," ",h("code",null,h("strong",null,(e=hn())===null||e===void 0?void 0:e.pathname))),h("button",{onClick:pn.back},"Go Back"))};var FullStackFrameLoggedOut=function(){var e;setupLoggedOut();return h("div",null,h("sqm-portal-frame",null,h("div",{slot:"header",style:{display:"flex",flexDirection:"column"}},h("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),h("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal")),h("span",{slot:"footer"},"sample@example.com"),h("sqm-navigation-menu",{"menu-label":"Menu"},h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/widget"},"Dashboard"),h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/editProfile"},"Edit Profile"),h("sl-menu-divider",null),h("sl-menu-item",{exportparts:"base: menuitem-base",value:"/logout"},"Logout")),h("h1",null,"Something")),h("p",null,"Current path:"," ",h("code",null,h("strong",null,(e=hn())===null||e===void 0?void 0:e.pathname))),h("button",{onClick:pn.back},"Go Back"))};var PortalFrame=Object.freeze({__proto__:null,default:PortalFrame_stories,FrameWithMenu:FrameWithMenu,FrameWithoutMenu:FrameWithoutMenu,FullStackFrame:FullStackFrame,FullStackFrameLoggedOut:FullStackFrameLoggedOut});var EditProfileForm_stories={title:"Components/Edit Profile Form"};var defaultProps$1={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 EditProfileFormDisabled=function(){var e=defaultProps$1;return h(EditProfileView,Object.assign({},e))};var EditProfileFormEnabled=function(){var e=__assign(__assign({},defaultProps$1),{states:__assign(__assign({},defaultProps$1.states),{showEdit:true})});return h(EditProfileView,Object.assign({},e))};var FullStackFrameWithMenu=function(){return h("sqm-edit-profile",{editprofileheader:"Edit Profile",editprofiletext:"Update your profile.",firstnametext:"Bill",lastnametext:"Bob",canceltext:"Cancel",updatetext:"Update",currentregiontext:"Current Region",showregion:true})};var EditProfile=Object.freeze({__proto__:null,default:EditProfileForm_stories,EditProfileFormDisabled:EditProfileFormDisabled,EditProfileFormEnabled:EditProfileFormEnabled,FullStackFrameWithMenu:FullStackFrameWithMenu});var UseShareLink_stories={title:"Hooks / useShareLink"};function setupGraphQL$1(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[])}var BareBonesView=createHookStory((function(){setupGraphQL$1();var e=useShareLink({programId:"sam-partner-test-2",tooltiplifespan:0,tooltiptext:""});return h("div",null,"Sharelink:"," ",h("code",{style:{borderStyle:"solid",borderWidth:"1px",padding:"2px"}},e.shareString))}));var RegularView=createHookStory((function(){setupGraphQL$1();return h(ShareLinkView,Object.assign({},useShareLink({programId:"sam-partner-test-2",tooltiptext:"Copied to clipboard",tooltiplifespan:1e3})))}));var FastTooltip=createHookStory((function(){setupGraphQL$1();return h(ShareLinkView,Object.assign({},useShareLink({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 UseShareLink=Object.freeze({__proto__:null,default:UseShareLink_stories,BareBonesView:BareBonesView,RegularView:RegularView,FastTooltip:FastTooltip});var UseShareButton_stories={title:"Hooks / useShareButton"};function setupGraphQL$2(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[])}var BareBonesView$1=createHookStory((function(){setupGraphQL$2();var e="sam-partner-test-2";var r=[useShareButton({programId:e,medium:"facebook"}),useShareButton({programId:e,medium:"twitter"}),useShareButton({programId:e,medium:"email"}),useShareButton({programId:e,medium:"direct"}),useShareButton({programId:e,medium:"sms"})];return h("div",null,r.map((function(e){return h("div",null,h("button",{onClick:e.onClick},"Share link (",e.medium,")"))})))}));var RegularView$1=createHookStory((function(){setupGraphQL$2();var e="sam-partner-test-2";var r=["facebook","twitter","email","direct","sms"];return h("div",null,r.map((function(r){return h("div",null,h("sqm-share-button",Object.assign({},{programId:e,medium:r}),"BUTTON_TEXT"))})))}));var UseShareButton=Object.freeze({__proto__:null,default:UseShareButton_stories,BareBonesView:BareBonesView$1,RegularView:RegularView$1});var UseBigStat_stories={title:"Hooks / useBigStat"};function setupGraphQL$3(){var e="nynellie";var r=e;var t="ny-post-referrals";window.widgetIdent={tenantAlias:"test_a7yoz8854cf6x",appDomain:"https://staging.referralsaasquatch.com",programId:t};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6Im55bmVsbGllIiwiaWQiOiJueW5lbGxpZSJ9fQ.3KV974VPLgk4tD8LQfJTi4IPkKCmnaB8w48HzVJYDuI"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[])}var View=function(e,r){console.log('View("'+e+'") - CALLED');setupGraphQL$3();var t=useBigStat({statType:e,render:function(){},disconnectedCallback:function(){},ignored:true}),n=t.props,a=t.label;return h("div",null,h("b",null,"Stat format:"),h("pre",null,r),h("br",null),h("b",null,"Stat selected:")," ",h("pre",{style:{color:"green"}},e),h(BigStatView,Object.assign({},n),a))};var DemoView=function(){var e=useState("/someRandomThing/with/someArguments/1234"),r=e[0],t=e[1];var n=useDemoBigStat({statType:r,render:function(){},disconnectedCallback:function(){},ignored:true}),a=n.props,s=n.label;return h("div",null,h("div",null,"Stat type:"," ",h("input",{style:{width:"300px"},type:"text",value:r,onInput:function(e){return t(e.target.value)}})),h("hr",null),h("div",null,h(BigStatView,Object.assign({},a),s)))};var Demo=createHookStory(DemoView);var ReferralsCount=createHookStory((function(){return View("/referralsCount","/(referralsCount)/:status?")}));var referralsConvertedCount=createHookStory((function(){return View("/referralsCount/converted","/(referralsCount)/:status?")}));var referralsStartedCount=createHookStory((function(){return View("/referralsCount/started","/(referralsCount)/:status?")}));var ReferralsMonth=createHookStory((function(){return View("/referralsMonth","/(referralsMonth)")}));var ReferralsWeek=createHookStory((function(){return View("/referralsWeek","/(referralsWeek)")}));var RewardsCount=createHookStory((function(){return View("/rewardsCount","/(rewardsCount)/:global?")}));var GlobalRewardsCount=createHookStory((function(){return View("/rewardsCount/global","/(rewardsCount)/:global")}));var GlobalRewardsCountFiltered=createHookStory((function(){return View("/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 GlobalRewardsCountPctDiscount=createHookStory((function(){return View("/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 GlobalRewardsCountPctDiscountPending=createHookStory((function(){return View("/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 RewardsCountByUnit=createHookStory((function(){return View("/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 GlobalRewardsCountByUnit=createHookStory((function(){return View("/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 GlobalPendingRewardsCount=createHookStory((function(){return View("/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 RewardsAvailableCount=createHookStory((function(){return View("/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 GlobalRewardsCountByIntegration=createHookStory((function(){return View("/integrationRewardsCountFiltered/AVAILABLE/global","/(integrationRewardsCountFiltered)/:format([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var GlobalRewardsCountByPendingIntegration=createHookStory((function(){return View("/integrationRewardsCountFiltered/PENDING/global","/(integrationRewardsCountFiltered)/:format([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?")}));var RewardsMonth=createHookStory((function(){return View("/rewardsMonth","/(rewardsMonth)/:global?")}));var RewardsWeek=createHookStory((function(){return View("/rewardsWeek","/(rewardsWeek)/:global?")}));var RewardsAssigned=createHookStory((function(){return View("/rewardsAssigned/CREDIT/COFFEE","/(rewardsAssigned)/:statType/:unit/:global?")}));var RewardsAssignedCashUSD=createHookStory((function(){return View("/rewardsAssigned/CREDIT/CASH%2FUSD","/(rewardsAssigned)/:statType/:unit/:global?")}));var RewardsRedeemed=createHookStory((function(){return View("/rewardsRedeemed/CREDIT/COFFEE","/(rewardsRedeemed)/:statType/:unit/:global?")}));var RewardsAvailable=createHookStory((function(){return View("/rewardsAvailable/CREDIT/COFFEE","/(rewardsAvailable)/:statType/:unit/:global?")}));var RewardsAvailableWithSlash=createHookStory((function(){return View("/rewardsAvailable/CREDIT/CASH%2FUSD","/(rewardsAvailable)/:statType/:unit/:global?")}));var RewardBalance=createHookStory((function(){return View("/rewardBalance/CREDIT/COFFEE/prettyValue","/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?")}));var RewardBalanceCashUSD=createHookStory((function(){var e=encodeURIComponent("CASH/USD");return View("/rewardBalance/CREDIT/"+e+"/prettyValue","/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?")}));var ProgramGoals=createHookStory((function(){var e=encodeURIComponent("Paid-Member-Goal/referrals");return View("/programGoals/count/"+e,"/(programGoals)/:metricType/:goalId")}));var CustomField=createHookStory((function(){return View("/customFields/thingCount","/(customFields)/:customField")}));var UseBigStat=Object.freeze({__proto__:null,default:UseBigStat_stories,Demo:Demo,ReferralsCount:ReferralsCount,referralsConvertedCount:referralsConvertedCount,referralsStartedCount:referralsStartedCount,ReferralsMonth:ReferralsMonth,ReferralsWeek:ReferralsWeek,RewardsCount:RewardsCount,GlobalRewardsCount:GlobalRewardsCount,GlobalRewardsCountFiltered:GlobalRewardsCountFiltered,GlobalRewardsCountPctDiscount:GlobalRewardsCountPctDiscount,GlobalRewardsCountPctDiscountPending:GlobalRewardsCountPctDiscountPending,RewardsCountByUnit:RewardsCountByUnit,GlobalRewardsCountByUnit:GlobalRewardsCountByUnit,GlobalPendingRewardsCount:GlobalPendingRewardsCount,RewardsAvailableCount:RewardsAvailableCount,GlobalRewardsCountByIntegration:GlobalRewardsCountByIntegration,GlobalRewardsCountByPendingIntegration:GlobalRewardsCountByPendingIntegration,RewardsMonth:RewardsMonth,RewardsWeek:RewardsWeek,RewardsAssigned:RewardsAssigned,RewardsAssignedCashUSD:RewardsAssignedCashUSD,RewardsRedeemed:RewardsRedeemed,RewardsAvailable:RewardsAvailable,RewardsAvailableWithSlash:RewardsAvailableWithSlash,RewardBalance:RewardBalance,RewardBalanceCashUSD:RewardBalanceCashUSD,ProgramGoals:ProgramGoals,CustomField:CustomField});function setupGraphQL$4(){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};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJpZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJmaXJzdE5hbWUiOiJ0ZXN0IiwibGFzdE5hbWUiOiJ0ZXN0In19.ziDWbdCwsTo1ijxl8d2__Ga-6iFOVShaJUPp2ZBMeO0"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[])}var UseEditProfile_stories={title:"Hooks / useEditProfile"};var RegularView$2=createHookStory((function(){setupGraphQL$4();return h("sqm-edit-profile",Object.assign({},{editprofileheader:"HEADER",editprofiletext:"TEXT",firstnametext:"FIRST NAME",lastnametext:"LAST NAME",canceltext:"CANCEL",updatetext:"UPDATE",currentregiontext:"CURRENT REGION TEXT"}))}));var UseEditProfile=Object.freeze({__proto__:null,default:UseEditProfile_stories,RegularView:RegularView$2});var UseLeaderboard_stories={title:"Hooks / useLeaderboard"};function setupGraphQL$5(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[])}function setupOtherGraphQL(){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};useEffect((function(){Y({accountId:r,id:e,jwt:n});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:e,accountId:r}}var View$1=function(e){var r=__assign({leaderboardType:"topConvertedReferrers",showRank:true,rankType:"rowNumber",usersheading:"Top Referrers",statsheading:"Completed Referrals",interval:""},e);var t=r.leaderboardType,n=r.rankType;console.log('View("'+t+'") - CALLED');e.setup();return h("div",{style:{marginBottom:"20px"}},h("sqm-divided-layout",{direction:"row"},h("div",{style:{padding:"10px"}},h("b",null,"Leaderboard Type"),h("pre",null,t)),h("div",{style:{padding:"10px"}},h("b",null,"Rank Type"),h("pre",null,n))),h("sqm-leaderboard",Object.assign({},getProps(r))),h("hr",null))};var TopConvertedReferrers=createHookStory((function(){var e=setupGraphQL$5;return[View$1({setup:e}),View$1({rankType:"rank",setup:e}),View$1({rankType:"denseRank",setup:e})]}));var TopStartedReferrers=createHookStory((function(){var e=setupGraphQL$5;return[View$1({leaderboardType:"topStartedReferrers",statsheading:"New Referrals",setup:e}),View$1({leaderboardType:"topStartedReferrers",rankType:"rank",statsheading:"New Referrals",setup:e}),View$1({leaderboardType:"topStartedReferrers",rankType:"denseRank",statsheading:"New Referrals",setup:e})]}));var EmptyLeaderboard=createHookStory((function(){var e=setupOtherGraphQL;return[View$1({leaderboardType:"topStartedReferrers",statsheading:"New Referrals",setup:e}),View$1({leaderboardType:"topStartedReferrers",rankType:"rank",statsheading:"New Referrals",setup:e}),View$1({leaderboardType:"topStartedReferrers",rankType:"denseRank",statsheading:"New Referrals",interval:"2022-02-11T08:00:00.000Z/2022-02-13T08:00:00.000Z",setup:e})]}));var UseLeaderboard=Object.freeze({__proto__:null,default:UseLeaderboard_stories,TopConvertedReferrers:TopConvertedReferrers,TopStartedReferrers:TopStartedReferrers,EmptyLeaderboard:EmptyLeaderboard});var FormMessage_stories={title:"Components/Form Message"};var SuccessAlert=function(){return h("sqm-form-message",{type:"success"},h("div",null,"This is a success message."))};var ErrorAlert=function(){return h("sqm-form-message",{type:"error"},h("div",null,"This is an error message"))};var InfoAlert=function(){return h("sqm-form-message",{type:"info"},h("div",null,"This is an info message"))};var FullStackSuccess=function(){return h("sqm-form-message",{type:"success",exportparts:"successalert-icon"},h("div",{class:"AlertContent"},h("div",{part:"successalert-text"},"Title"),h("div",{part:"successalert-subtext"},"Body text."),h("sl-button",{type:"default",exportparts:"base: defaultbutton-base",onClick:function(){console.log("click")}},"Primary Action"),h("sl-button",{class:"SecondaryTextButton",type:"text",onClick:function(){console.log("click")}},"Secondary Action")))};var FormMessage=Object.freeze({__proto__:null,default:FormMessage_stories,SuccessAlert:SuccessAlert,ErrorAlert:ErrorAlert,InfoAlert:InfoAlert,FullStackSuccess:FullStackSuccess});var EXCHANGE=dist.gql(templateObject_1||(templateObject_1=__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 UseRewardExchangeList_stories={title:"Hooks / useRewardExchange"};function setupGraphQL$6(){var e="testestest";var r=e;var t="sam-partner-test-2";window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:t};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:e,accountId:r}}function useExchangeButton(){var e=setupGraphQL$6(),r=e.id,t=e.accountId;var n=useState(10),a=n[0],s=n[1];var i=useState(100),o=i[0],l=i[1];var u=Ke(EXCHANGE),d=u[0],c=u[1],m=c.data,p=c.errors;return{states:{points:a,rate:o},data:{id:r,accountId:t,data:m,errors:p},callbacks:{exchange:d,setPoints:s,setRate:l}}}var DefaultView=function(e){var r=e.states,t=e.data,n=e.callbacks;return h("div",null,h("div",null,h("label",null,"Rate:"),h("input",{value:r.rate,onInput:function(e){return n.setRate(e.target.value)}})),h("input",{value:r.points,onInput:function(e){return n.setPoints(e.target.value)}}),h("button",{onClick:function(){return n.exchange(e.input)}},"Exchange"),h("details",null,h("summary",null,"response"),h("h4",null,"data"),h("div",{style:{maxWidth:"500px"}},h("pre",{style:{width:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(t.data))),h("h4",null,"errors"),h("div",{style:{maxWidth:"500px"}},h("pre",{style:{maxWidth:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(t.errors)))))};var RewardList=createHookStory((function(){setupGraphQL$6();return h("sqm-reward-exchange-list",{"list-type":"something"})}));var FixedGlobalReward=createHookStory((function(){var e=useExchangeButton(),r=e.states,t=e.data,n=e.callbacks;return h(DefaultView,{states:r,data:t,callbacks:n,input:{exchangeRewardInput:{userId:t.id,accountId:t.accountId,redeemCreditInput:{amount:r.points,unit:"POINT"},globalRewardKey:"gc1"}}})}));var VariableGlobalReward=createHookStory((function(){var e=useExchangeButton(),r=e.states,t=e.data,n=e.callbacks;return h(DefaultView,{states:r,data:t,callbacks:n,input:{exchangeRewardInput:{userId:t.id,accountId:t.accountId,redeemCreditInput:{amount:r.points,unit:"POINT"},globalRewardKey:"gc1",rewardInput:{valueInCents:Math.ceil(r.points*r.rate)}}}})}));var VariableCreditReward=createHookStory((function(){var e=useExchangeButton(),r=e.states,t=e.data,n=e.callbacks;return h(DefaultView,{states:r,data:t,callbacks:n,input:{exchangeRewardInput:{userId:t.id,accountId:t.accountId,redeemCreditInput:{amount:r.points,unit:"POINT"},rewardInput:{type:"CREDIT",unit:"foo",assignedCredit:Math.ceil(r.points*r.rate)}}}})}));var UseRewardExchangeList=Object.freeze({__proto__:null,default:UseRewardExchangeList_stories,RewardList:RewardList,FixedGlobalReward:FixedGlobalReward,VariableGlobalReward:VariableGlobalReward,VariableCreditReward:VariableCreditReward});var UseRewardsTable_stories={title:"Hooks / useRewardsTable"};function setupGraphQL$7(){var e="testestest";var r=e;window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com"};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:e,accountId:r}}function setupGraphQLKlip(e){var r=e.token,t=e.id;var n=t;window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com"};useEffect((function(){Y({accountId:n,id:t,jwt:r});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:t,accountId:n}}var RewardsTableWithProgram=createHookStory((function(){setupGraphQL$7();A$1("sam-partner-test-2");return h("sqm-rewards-table",null,h("sqm-rewards-table-reward-column",null),h("sqm-rewards-table-status-column",null),h("sqm-rewards-table-source-column",null),h("sqm-rewards-table-date-column",null))}));var RewardsTableNoProgram=createHookStory((function(){setupGraphQL$7();A$1(undefined);return h("sqm-rewards-table",null,h("sqm-rewards-table-reward-column",null),h("sqm-rewards-table-status-column",null),h("sqm-rewards-table-source-column",null),h("sqm-rewards-table-date-column",null))}));var RewardsTableEn=createHookStory((function(){setupGraphQLKlip({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",id:"samenglish"});A$1(undefined);return h("sqm-rewards-table",{"per-page":"4"},h("sqm-rewards-table-reward-column",null),h("sqm-rewards-table-status-column",null),h("sqm-rewards-table-source-column",null),h("sqm-rewards-table-date-column",null))}));var RewardsTableTr=createHookStory((function(){setupGraphQLKlip({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",id:"samturkey"});A$1(undefined);return h("sqm-rewards-table",{"per-page":"4","more-label":"Daha","prev-label":"Öncesi","empty-state-text":"Henüz Referans Yok"},h("sqm-rewards-table-reward-column",{"column-title":"Ödüller","redeemed-text":"{redeemedAmount} kullanıldı","available-text":"{availableAmount} mevcut"}),h("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 {}}"}),h("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 "}),h("sqm-rewards-table-date-column",{"column-title":"Tarih"}))}));var RewardsTableFr=createHookStory((function(){setupGraphQLKlip({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",id:"samfrench"});A$1(undefined);return h("sqm-rewards-table",{"per-page":"4","more-label":"Plus","prev-label":"Précédent","empty-state-text":"Aucune Récompenses Maintenant"},h("sqm-rewards-table-reward-column",{"column-title":"Récompenses","redeemed-text":"{redeemedAmount} rachetée","available-text":"{availableAmount} disponible"}),h("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 {}}"}),h("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 "}),h("sqm-rewards-table-date-column",{"column-title":"Date de Réception"}))}));var UseRewardsTable=Object.freeze({__proto__:null,default:UseRewardsTable_stories,RewardsTableWithProgram:RewardsTableWithProgram,RewardsTableNoProgram:RewardsTableNoProgram,RewardsTableEn:RewardsTableEn,RewardsTableTr:RewardsTableTr,RewardsTableFr:RewardsTableFr});var JWT="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2giLCJsb2NhbGUiOiJlbiJ9fQ.a2nYYrSJ81FHXlCU-Sqp_-wquQizinHBhzwzULDzimg";var UseTaskCard_stories={title:"Hooks / useTaskCard"};function setupGraphQL$8(){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};useEffect((function(){Y({accountId:r,id:e,jwt:JWT});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:e,accountId:r}}var TaskCard=createHookStory((function(){setupGraphQL$8();return h("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 TaskCardFeed=createHookStory((function(){setupGraphQL$8();return h("sqm-card-feed",null,h("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"}),h("sqb-program-section",{"program-id":"klip-loyalty"},h("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"})),h("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"}),h("sqb-program-section",{"program-id":"klip-loyalty"},h("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"})),h("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"}),h("sqb-program-section",{"program-id":"klip-loyalty"},h("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"})),h("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"}),h("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"}),h("sqb-program-section",{"program-id":"klip-loyalty"},h("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"})),h("sqb-conditional-section",{condition:"'champion' in user.segments"},h("sqb-program-section",{"program-id":"klip-loyalty"},h("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 UseTaskCard=Object.freeze({__proto__:null,default:UseTaskCard_stories,TaskCard:TaskCard,TaskCardFeed:TaskCardFeed});var NewPortal_stories={title:"New Portal"};var style={HeaderSubtitleBold:{"font-weight":500,"text-decoration":"underline"}};var sheet=createStyleSheet(style);var styleString=sheet.toString();var barProps={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}};var item1Props={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var item2Props={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};var Sidebar=function(){return h(NavigationSidebarView,Object.assign({},barProps),h(NavigationSidebarItemView,Object.assign({},item1Props)),h(NavigationSidebarItemView,Object.assign({},item2Props)))};var Dashboard=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 r={shareString:"JOHNSMITH1",open:false,disabled:false,tooltiptext:"Share code copied",onClick:function(){return console.log("Share code copied")}};var t={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 n={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 a={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 h("sqm-divided-layout",{direction:"row"},h("style",{type:"text/css"},styleString),h(Sidebar,null),h("sqm-divided-layout",{direction:"column"},h(PortalContainerView,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),h(PortalSectionView,Object.assign({},{labelMargin:"xx-small",padding:"none",label:h("sqm-text",null,h("p",null,"Welcome back,")),content:h("sqm-text",null,h("h1",null,"John Smith"))})),h(StatContainerView,Object.assign({},{space:"64px"}),h(BigStatView,Object.assign({},{statvalue:"2,345",value:234500,loading:false}),"Clicks"),h(BigStatView,Object.assign({},{statvalue:"58",value:58,loading:false}),"Referrals"),h(BigStatView,Object.assign({},{statvalue:"$10,540",value:1054e3,loading:false}),"Earned"),h(BigStatView,Object.assign({},{statvalue:"$2,305",value:230500,loading:false}),"Awaiting Payout"))),h(PortalContainerView,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),h(PortalSectionView,Object.assign({},{labelMargin:"x-large",padding:"none",label:h("sqm-text",null,h("h2",null,"Partner and Profit")),content:h("sqm-text",null,h("p",null,"Get rewarded for referring potential customers to MyCompany. Earn commission for each successful lead you send our way"))})),h(PortalSectionView,Object.assign({},{labelMargin:"small",padding:"none",label:h("sqm-text",null,h("h3",null,"Share your referral link")),content:h(ShareLinkView,Object.assign({},e))})),h(PortalSectionView,Object.assign({},{labelMargin:"small",padding:"none",label:h("sqm-text",null,h("h3",null,"Share your referral code")),content:h(ShareLinkView,Object.assign({},r))})),h(PortalSectionView,Object.assign({},{labelMargin:"small",padding:"none",label:h("sqm-text",null,h("h3",null,"Share via social media")),content:h(PortalContainerView,Object.assign({},{direction:"row",padding:"large",gap:"xxx-large",minWidth:"150px"}),h(ShareButtonView,Object.assign({},t),"Tweet about us"),h(ShareButtonView,Object.assign({},n),"Share on Facebook"),h(ShareButtonView,Object.assign({},a),"Post on Linkedin"))})))))};var EditProfile$1=function(){return h("sqm-divided-layout",{direction:"row"},h("style",{type:"text/css"},styleString),h(Sidebar,null),h("sqm-divided-layout",{direction:"column"},h(PortalProfileView,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)}}})),h(PortalChangePasswordView,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 Commissions=function(){return h("sqm-divided-layout",{direction:"row"},h("style",{type:"text/css"},styleString),h(Sidebar,null),h("sqm-divided-layout",{direction:"column"},h(PortalContainerView,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),h(PortalSectionView,Object.assign({},{labelMargin:"xx-small",padding:"none",label:h("sqm-text",null,h("h2",null,"Commissions")),content:h("sqm-text",null,h("p",null,"for the"," ",h("span",{class:sheet.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),h(StatContainerView,Object.assign({},{space:"64px"}),h(BigStatView,Object.assign({},{statvalue:"$ 1,000",value:1e5,loading:false}),"Total Earned"),h(BigStatView,Object.assign({},{statvalue:"$ 800",value:8e4,loading:false}),"Available"),h(BigStatView,Object.assign({},{statvalue:"$ 180",value:18e3,loading:false}),"Pending"),h(BigStatView,Object.assign({},{statvalue:"$ 20",value:2e3,loading:false}),"Redeemed")))))};var Activity=function(){return h("sqm-divided-layout",{direction:"row"},h("style",{type:"text/css"},styleString),h(Sidebar,null),h("sqm-divided-layout",{direction:"column"},h(PortalContainerView,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),h(PortalSectionView,Object.assign({},{labelMargin:"xx-small",padding:"none",label:h("sqm-text",null,h("h2",null,"Activity")),content:h("sqm-text",null,h("p",null,"for the"," ",h("span",{class:sheet.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),h(PortalSectionView,Object.assign({},{labelMargin:"x-large",padding:"none",label:h("sqm-text",null,h("h3",null,"Referral Activity")),content:h(StatContainerView,Object.assign({},{space:"64px"}),h(BigStatView,Object.assign({},{statvalue:"1,000",value:1e5,loading:false}),"Total Referrals"),h(BigStatView,Object.assign({},{statvalue:"800",value:800,loading:false}),"Converted"),h(BigStatView,Object.assign({},{statvalue:"180",value:180,loading:false}),"Pending"),h(BigStatView,Object.assign({},{statvalue:"20",value:20,loading:false}),"Disqualified"))}))),h(PortalSectionView,Object.assign({},{labelMargin:"x-large",padding:"xxx-large",label:h("sqm-text",null,h("h3",null,"Traffic Generated")),content:h(StatContainerView,Object.assign({},{space:"64px"}),h(BigStatView,Object.assign({},{statvalue:"1,000",value:1e3,loading:false}),"Clicks"),h(BigStatView,Object.assign({},{statvalue:"800",value:800,loading:false}),"From share link"),h(BigStatView,Object.assign({},{statvalue:"180",value:180,loading:false}),"From share mediums"))}))))};var NewPortal=Object.freeze({__proto__:null,default:NewPortal_stories,Dashboard:Dashboard,EditProfile:EditProfile$1,Commissions:Commissions,Activity:Activity});var SidebarItem_stories={title:"Components/Sidebar Item"};var InactiveItem=function(){var e={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};return h(NavigationSidebarItemView,Object.assign({},e))};var ActiveItem=function(){var e={states:{active:true},data:{label:"Dashboard",icon:"house",path:"/"}};return h(NavigationSidebarItemView,Object.assign({},e))};var SidebarItem=Object.freeze({__proto__:null,default:SidebarItem_stories,InactiveItem:InactiveItem,ActiveItem:ActiveItem});var NavigationSidebar_stories={title:"Components/Navigation Sidebar"};var DefaultNavigationSidebar=function(){var e={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}};var r={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var t={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};return h(NavigationSidebarView,Object.assign({},e),h(NavigationSidebarItemView,Object.assign({},r)),h(NavigationSidebarItemView,Object.assign({},t)))};var NavigationSidebar=Object.freeze({__proto__:null,default:NavigationSidebar_stories,DefaultNavigationSidebar:DefaultNavigationSidebar});var PortalLogin_stories={title:"Components/Portal Login"};var defaultProps$2={states:{error:"",loading:false,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:function(e){return __awaiter(void 0,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 errorProps={states:{error:"Something went wrong. Please try again.",loading:false,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:function(e){return __awaiter(void 0,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 loadingProps={states:{error:"",loading:true,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:function(e){return __awaiter(void 0,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 Default$2=function(){return h(PortalLoginView,Object.assign({},defaultProps$2))};var LoginWithError=function(){return h(PortalLoginView,Object.assign({},errorProps))};var LoginLoading=function(){return h(PortalLoginView,Object.assign({},loadingProps))};var PortalLogin=Object.freeze({__proto__:null,default:PortalLogin_stories,Default:Default$2,LoginWithError:LoginWithError,LoginLoading:LoginLoading});var PortalRegister_stories={title:"Components/Portal Register"};var defaultProps$3={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 errorProps$1={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 loadingProps$1={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 slottedProps={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:h("div",null,h("sl-input",{style:{marginBottom:"var(--sl-spacing-x-large)"},exportparts:"label: input-label",label:"Slotted Input",required:true}),h("sl-input",{exportparts:"label: input-label",label:"Slotted Input 2",required:true}))}};var Default$3=function(){return h(PortalRegisterView,Object.assign({},defaultProps$3))};var RegisterWithError=function(){return h(PortalRegisterView,Object.assign({},errorProps$1))};var RegisterLoading=function(){return h(PortalRegisterView,Object.assign({},loadingProps$1))};var FieldsHidden=function(){return h("sqm-portal-register",{demoData:{states:{error:"",loading:true,confirmPassword:true,hideInputs:true,loginPath:"/login"}}})};var SlottedInputs=function(){return h(PortalRegisterView,Object.assign({},slottedProps))};var TermsAndConditions=function(){return h(PortalRegisterView,Object.assign({},defaultProps$3,{content:__assign(__assign({},defaultProps$3.content),{terms:h("p",null,"By signing up you agree to the"," ",h("a",{href:"https://example.com",target:"_blank"},"Terms and Conditions"))})}))};var PortalRegister=Object.freeze({__proto__:null,default:PortalRegister_stories,Default:Default$3,RegisterWithError:RegisterWithError,RegisterLoading:RegisterLoading,FieldsHidden:FieldsHidden,SlottedInputs:SlottedInputs,TermsAndConditions:TermsAndConditions});var scenario='@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 PortalForgotPassword_stories={title:"Components/Portal Forgot Password",parameters:{scenario:scenario}};var defaultProps$4={states:{error:"",loading:false,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(void 0,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 errorProps$2={states:{error:"Something went wrong. Please try again.",loading:false,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(void 0,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 loadingProps$2={states:{error:"",loading:true,success:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(void 0,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 successProps={states:{error:"",loading:false,success:true,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(void 0,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 Default$4=function(){return h(PortalForgotPasswordView,Object.assign({},defaultProps$4))};var ForgotPasswordWithError=function(){return h(PortalForgotPasswordView,Object.assign({},errorProps$2))};var ForgotPasswordLoading=function(){return h(PortalForgotPasswordView,Object.assign({},loadingProps$2))};var ForgotPasswordSuccess=function(){return h(PortalForgotPasswordView,Object.assign({},successProps))};var PortalForgotPassword=Object.freeze({__proto__:null,default:PortalForgotPassword_stories,Default:Default$4,ForgotPasswordWithError:ForgotPasswordWithError,ForgotPasswordLoading:ForgotPasswordLoading,ForgotPasswordSuccess:ForgotPasswordSuccess});var scenario$1='@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 PortalEmailVerification_stories={title:"Components/Portal Email Verification",parameters:{scenario:scenario$1}};var defaultProps$5={states:{error:"",loading:false,success:false},callbacks:{submit:function(e){return __awaiter(void 0,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 errorProps$3={states:{error:"Something went wrong. Please try again.",loading:false,success:false},callbacks:{submit:function(e){return __awaiter(void 0,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 loadingProps$3={states:{error:"",loading:true,success:false},callbacks:{submit:function(e){return __awaiter(void 0,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 successProps$1={states:{error:"",loading:false,success:true},callbacks:{submit:function(e){return __awaiter(void 0,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 Default$5=function(){return h(PortalEmailVerificationView,Object.assign({},defaultProps$5))};var EmailVerificationWithError=function(){return h(PortalEmailVerificationView,Object.assign({},errorProps$3))};var EmailVerificationLoading=function(){return h(PortalEmailVerificationView,Object.assign({},loadingProps$3))};var EmailVerificationSuccess=function(){return h(PortalEmailVerificationView,Object.assign({},successProps$1))};var PortalEmailVerification=Object.freeze({__proto__:null,default:PortalEmailVerification_stories,Default:Default$5,EmailVerificationWithError:EmailVerificationWithError,EmailVerificationLoading:EmailVerificationLoading,EmailVerificationSuccess:EmailVerificationSuccess});var scenario$2='@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 PortalResetPassword_stories={title:"Components/Portal Reset Password",parameters:{scenario:scenario$2}};var defaultProps$6={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(void 0,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 defaultPropsNoConfirm={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(void 0,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 errorProps$4={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(void 0,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 loadingProps$4={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(void 0,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 successProps$2={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(void 0,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 validatingCodeProps={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(void 0,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 Default$6=function(){return h(PortalResetPasswordView,Object.assign({},defaultProps$6))};var DefaultWithoutConfirmField=function(){return h(PortalResetPasswordView,Object.assign({},defaultPropsNoConfirm))};var ResetPasswordWithError=function(){return h(PortalResetPasswordView,Object.assign({},errorProps$4))};var ResetPasswordLoading=function(){return h(PortalResetPasswordView,Object.assign({},loadingProps$4))};var ResetPasswordSuccess=function(){return h(PortalResetPasswordView,Object.assign({},successProps$2))};var CodeValidating=function(){return h(PortalResetPasswordView,Object.assign({},validatingCodeProps))};var PortalResetPassword=Object.freeze({__proto__:null,default:PortalResetPassword_stories,Default:Default$6,DefaultWithoutConfirmField:DefaultWithoutConfirmField,ResetPasswordWithError:ResetPasswordWithError,ResetPasswordLoading:ResetPasswordLoading,ResetPasswordSuccess:ResetPasswordSuccess,CodeValidating:CodeValidating});var scenario$3='@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 PortalVerifyEmail_stories={title:"Components/Portal Verify Email",parameters:{scenario:scenario$3}};var errorProps$5={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 verifiedProps={states:{error:"",loading:false,verified:true},data:{oobCode:"abc123"},callbacks:{gotoNextPage:function(){return console.log("next page")},failed:function(){return console.log("failed")}}};var EmailVerificationWithError$1=function(){return h(PortalVerifyEmailView,Object.assign({},errorProps$5))};var EmailVerificationSuccess$1=function(){return h(PortalVerifyEmailView,Object.assign({},verifiedProps))};var PortalVerifyEmail=Object.freeze({__proto__:null,default:PortalVerifyEmail_stories,EmailVerificationWithError:EmailVerificationWithError$1,EmailVerificationSuccess:EmailVerificationSuccess$1});var AssetCard_stories={title:"Components/Asset Card"};var Default$7=function(){var e={text:{titleText:"Marketing Banner"},imgUrl:"../../assets/saasquatch-logo.png",callbacks:{}};return h(AssetCardView,Object.assign({},e))};var CardWithLongText=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 h(AssetCardView,Object.assign({},e))};var CardWithNoImg=function(){var e={text:{titleText:"Marketing Banner"},imgUrl:"",callbacks:{}};return h(AssetCardView,Object.assign({},e))};var AssetCard=Object.freeze({__proto__:null,default:AssetCard_stories,Default:Default$7,CardWithLongText:CardWithLongText,CardWithNoImg:CardWithNoImg});var DividedLayout_stories={title:"Components/Divided Layout"};var barProps$1={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}};var item1Props$1={states:{active:false},data:{label:"Dashboard",icon:"house",path:"/"}};var item2Props$1={states:{active:true},data:{label:"Activity",icon:"bar-chart",path:"/"}};var Sidebar$1=function(){return h(NavigationSidebarView,Object.assign({},barProps$1),h(NavigationSidebarItemView,Object.assign({},item1Props$1)),h(NavigationSidebarItemView,Object.assign({},item2Props$1)))};var Row=function(){return h("sqm-divided-layout",{direction:"row"},h(Sidebar$1,null),h("div",{style:{padding:"48px"}},h(PortalSectionView,Object.assign({},{labelMargin:"xx-small",padding:"none",label:h("sqm-text",null,h("p",null,"Welcome back,")),content:h("sqm-text",null,h("h1",null,"Joe Smith"))}))))};var Column=function(){return h("sqm-divided-layout",{direction:"column"},h(Sidebar$1,null),h("div",{style:{padding:"48px"}},h(PortalSectionView,Object.assign({},{labelMargin:"xx-small",padding:"none",label:h("sqm-text",null,h("p",null,"Welcome back,")),content:h("sqm-text",null,h("h1",null,"Joe Smith"))}))))};var ColumnCustomDivider=function(){return h("sqm-divided-layout",{direction:"column",dividerStyle:"1px solid red"},h(Sidebar$1,null),h("div",{style:{padding:"48px"}},h(PortalSectionView,Object.assign({},{labelMargin:"xx-small",padding:"none",label:h("sqm-text",null,h("p",null,"Welcome back,")),content:h("sqm-text",null,h("h1",null,"Joe Smith"))}))))};var DividedLayout=Object.freeze({__proto__:null,default:DividedLayout_stories,Row:Row,Column:Column,ColumnCustomDivider:ColumnCustomDivider});var scenario$4='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 ChangePassword_stories={title:"Components/Change Password",parameters:{scenario:scenario$4}};var defaultProps$7={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 openProps={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 errorProps$6={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 passwordErrorProps={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 loadingProps$5={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 successProps$3={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 Default$8=function(){return h(PortalChangePasswordView,Object.assign({},defaultProps$7))};var Open=function(){return h(PortalChangePasswordView,Object.assign({},openProps))};var Error$1=function(){return h(PortalChangePasswordView,Object.assign({},errorProps$6))};var PaswordError=function(){return h(PortalChangePasswordView,Object.assign({},passwordErrorProps))};var Loading$1=function(){return h(PortalChangePasswordView,Object.assign({},loadingProps$5))};var Success=function(){return h(PortalChangePasswordView,Object.assign({},successProps$3))};var ChangePassword=Object.freeze({__proto__:null,default:ChangePassword_stories,Default:Default$8,Open:Open,Error:Error$1,PaswordError:PaswordError,Loading:Loading$1,Success:Success});var PortalProfile_stories={title:"Components/Portal Profile"};var defaultProps$8={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 noCountry={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 loadingProps$6={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 disabledProps={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 errorProps$7={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 successProps$4={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 Default$9=function(){return h(PortalProfileView,Object.assign({},defaultProps$8))};var DefaultNoCountry=function(){return h(PortalProfileView,Object.assign({},noCountry))};var Loading$2=function(){return h(PortalProfileView,Object.assign({},loadingProps$6))};var Disabled$1=function(){return h(PortalProfileView,Object.assign({},disabledProps))};var Error$2=function(){return h(PortalProfileView,Object.assign({},errorProps$7))};var Success$1=function(){return h(PortalProfileView,Object.assign({},successProps$4))};var PortalProfile=Object.freeze({__proto__:null,default:PortalProfile_stories,Default:Default$9,DefaultNoCountry:DefaultNoCountry,Loading:Loading$2,Disabled:Disabled$1,Error:Error$2,Success:Success$1});var ReferralTableRewardsCell_stories={title:"Components/Referral Table Rewards Cell"};var baseReward={id:"123",type:"CREDIT",value:19,unit:"POINT",name:"test",dateGiven:1627427794891,dateScheduledFor:getDays(),dateExpires:getMonths(),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 nullExpiresIn={dateExpires:null};var nullScheduledFor={dateScheduledFor:null};var nullFuelTank={fuelTankCode:null};var discountReward={type:"PCT_DISCOUNT"};var creditReward={type:"CREDIT"};var fuelTankReward={type:"FUELTANK"};var integrationReward={type:"INTEGRATION"};var pendingReward={statuses:["AVAILABLE","PENDING"]};var cancelledReward={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5};var expiredReward={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5};var redeemedReward={statuses:["AVAILABLE","EXPIRED","REDEEMED"]};var availableReward={statuses:["AVAILABLE"]};var zeroRewards=[];var oneReward=[__assign(__assign({},baseReward),availableReward)];var twoRewards=[__assign(__assign(__assign({},baseReward),discountReward),pendingReward),__assign(__assign({},baseReward),creditReward)];var threeRewards=[__assign(__assign(__assign({},baseReward),fuelTankReward),nullExpiresIn),__assign(__assign(__assign({},baseReward),fuelTankReward),expiredReward),__assign(__assign(__assign({},baseReward),pendingReward),nullFuelTank)];var fiveRewards=[__assign(__assign({},baseReward),fuelTankReward),__assign(__assign({},baseReward),integrationReward),__assign(__assign({},baseReward),pendingReward),__assign(__assign(__assign(__assign({},baseReward),cancelledReward),nullExpiresIn),nullFuelTank),__assign(__assign(__assign({},baseReward),expiredReward),nullFuelTank)];var eightRewards=[__assign(__assign(__assign({},baseReward),redeemedReward),nullFuelTank),__assign(__assign(__assign({},baseReward),availableReward),nullExpiresIn),__assign(__assign({},baseReward),pendingReward),__assign(__assign({},baseReward),cancelledReward),__assign(__assign({},baseReward),expiredReward),__assign(__assign(__assign(__assign({},baseReward),pendingReward),nullExpiresIn),nullScheduledFor),__assign(__assign({},baseReward),cancelledReward),__assign(__assign({},baseReward),expiredReward)];var tenRewards=[__assign(__assign({},baseReward),integrationReward),__assign(__assign({},baseReward),redeemedReward),__assign(__assign({},baseReward),availableReward),__assign(__assign(__assign({},baseReward),cancelledReward),nullExpiresIn),__assign(__assign({},baseReward),expiredReward),__assign(__assign({},baseReward),pendingReward),__assign(__assign({},baseReward),discountReward),__assign(__assign({},baseReward),fuelTankReward),__assign(__assign(__assign({},baseReward),cancelledReward),nullExpiresIn),__assign(__assign({},baseReward),creditReward)];function getSeconds(){return luxon.DateTime.now().toMillis()+1e4}function getMinutes(){return luxon.DateTime.now().toMillis()+4e5}function getHours(){return luxon.DateTime.now().toMillis()+9e6}function getDays(){return luxon.DateTime.now().toMillis()+6e8}function getMonths(){return luxon.DateTime.now().toMillis()+1e10}function getYears(){return luxon.DateTime.now().toMillis()+2e11}var PendingNoUnpend=function(){return h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),nullScheduledFor)],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 PendingNoUnpendNoDetails=function(){return h("sqm-referral-table-rewards-cell",{hideDetails:true,rewards:[__assign(__assign(__assign({},baseReward),pendingReward),nullScheduledFor)],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 PendingWithUnpend=function(){return[h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),{dateScheduledFor:getSeconds()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),{dateScheduledFor:getMinutes()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),{dateScheduledFor:getHours()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),{dateScheduledFor:getDays()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),{dateScheduledFor:getMonths()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),pendingReward),{dateScheduledFor:getYears()})],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 AvailableNoExpiry=function(){return h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),nullExpiresIn)],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 AvailableWithExpiry=function(){return[h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),{dateExpires:getSeconds()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),{dateExpires:getMinutes()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),{dateExpires:getHours()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),{dateExpires:getDays()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),{dateExpires:getMonths()})],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}"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign(__assign({},baseReward),availableReward),{dateExpires:getYears()})],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 Redeemed=function(){return h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},baseReward),redeemedReward)],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 Cancelled=function(){return h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},baseReward),cancelledReward)],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 Expired=function(){return h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},baseReward),expiredReward)],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 EmptyCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:zeroRewards,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 oneRewardCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:oneReward,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 twoRewardsCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:twoRewards,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 threeRewardsCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:threeRewards,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 fiveRewardsCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:fiveRewards,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 eightRewardsCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:eightRewards,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 tenRewardsCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:tenRewards,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 ReferralTableRewardsCell=Object.freeze({__proto__:null,default:ReferralTableRewardsCell_stories,PendingNoUnpend:PendingNoUnpend,PendingNoUnpendNoDetails:PendingNoUnpendNoDetails,PendingWithUnpend:PendingWithUnpend,AvailableNoExpiry:AvailableNoExpiry,AvailableWithExpiry:AvailableWithExpiry,Redeemed:Redeemed,Cancelled:Cancelled,Expired:Expired,EmptyCell:EmptyCell,oneRewardCell:oneRewardCell,twoRewardsCell:twoRewardsCell,threeRewardsCell:threeRewardsCell,fiveRewardsCell:fiveRewardsCell,eightRewardsCell:eightRewardsCell,tenRewardsCell:tenRewardsCell});var ReferralTable_stories={title:"Components/Referral Table"};var loadingElement=h("div",{slot:"loading",style:{display:"contents"}},h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))));var emptyElement=h("div",{slot:"empty",style:{display:"contents"}},h("sqm-table-row",null,h("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},h("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},h("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_3_1.png","max-width":"100px"}),h("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("h3",null,"View your referral details")),h("sqm-text",{slot:"content"},"Track the status of your referrals and rewards earned by referring friends"))))));var baseReward$1={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 pendingReward$1={statuses:["AVAILABLE","PENDING"]};var cancelledReward$1={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5};var expiredReward$1={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5};var availableReward$1={statuses:["AVAILABLE"]};var nullExpiresIn$1={dateExpires:null};var simpleUserTableProps={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:[[h("sqm-referral-table-user-cell",{name:"Joe Smith"}),h("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),h("sqm-referral-table-user-cell",{name:"07/15/1902"}),h(PendingNoUnpend,null)],[h("sqm-referral-table-user-cell",{name:"Bob Williams"}),h("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),h("sqm-referral-table-user-cell",{name:"09/05/1999"}),h(AvailableNoExpiry,null)],[h("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),h("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),h("sqm-referral-table-user-cell",{name:"12/21/1984"}),h(Cancelled,null)]]}};var hideLabelProps={data:{textOverrides:{showLabels:false,prevLabel:"Prev",moreLabel:"View More"},hiddenColumns:"",mdBreakpoint:899,smBreakpoint:599}};var customButtonProps={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 longCellTextTableProps={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:[[h("sqm-referral-table-user-cell",{name:"Bartholomew Christopher-Johnston Wallace"}),h("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),h("sqm-referral-table-date-cell",{date:-220896e5}),h("sqm-referral-table-user-cell",{name:"Vancouver"}),h("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),h("sqm-referral-table-user-cell",{name:"Canada"}),h("sqm-referral-table-user-cell",{name:"14,000,000"}),h("sqm-referral-table-user-cell",{name:"$800,000,000,000"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[h("sqm-referral-table-user-cell",{name:"Bob Williams"}),h("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),h("sqm-referral-table-date-cell",{date:8e11}),h("sqm-referral-table-user-cell",{name:"Los Angeles"}),h("sqm-referral-table-cell",{innerTemplate:"California"}),h("sqm-referral-table-user-cell",{name:"US"}),h("sqm-referral-table-user-cell",{name:"1"}),h("sqm-referral-table-user-cell",{name:"$5"}),h("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[h("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),h("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),h("sqm-referral-table-date-cell",{date:444703707e3}),h("sqm-referral-table-user-cell",{name:"Toronto"}),h("sqm-referral-table-cell",{innerTemplate:"Ontario"}),h("sqm-referral-table-user-cell",{name:"Canada"}),h("sqm-referral-table-user-cell",{name:"10"}),h("sqm-referral-table-user-cell",{name:"$71"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}};var longColumnTextTableProps={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:[[h("sqm-referral-table-user-cell",{name:"Joe Smith"}),h("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),h("sqm-referral-table-date-cell",{date:-2128547493e3}),h("sqm-referral-table-user-cell",{name:"Vancouver"}),h("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),h("sqm-referral-table-user-cell",{name:"Canada"}),h("sqm-referral-table-user-cell",{name:"14"}),h("sqm-referral-table-user-cell",{name:"$88"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[h("sqm-referral-table-user-cell",{name:"Bob Williams"}),h("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),h("sqm-referral-table-date-cell",{date:8e11}),h("sqm-referral-table-user-cell",{name:"Los Angeles"}),h("sqm-referral-table-cell",{innerTemplate:"California"}),h("sqm-referral-table-user-cell",{name:"US"}),h("sqm-referral-table-user-cell",{name:"1"}),h("sqm-referral-table-user-cell",{name:"$5"}),h("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[h("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),h("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),h("sqm-referral-table-date-cell",{date:444703707e3}),h("sqm-referral-table-user-cell",{name:"Toronto"}),h("sqm-referral-table-cell",{innerTemplate:"Ontario"}),h("sqm-referral-table-user-cell",{name:"Canada"}),h("sqm-referral-table-user-cell",{name:"10"}),h("sqm-referral-table-user-cell",{name:"$71"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}};var fullUserTableProps={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:[[h("sqm-referral-table-user-cell",{name:"Joe Smith"}),h("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),h("sqm-referral-table-date-cell",{date:-2128547493e3}),h("sqm-referral-table-user-cell",{name:"Vancouver"}),h("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),h("sqm-referral-table-user-cell",{name:"Canada"}),h("sqm-referral-table-user-cell",{name:"14"}),h("sqm-referral-table-user-cell",{name:"$88"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true})],[h("sqm-referral-table-user-cell",{name:"Bob Williams"}),h("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),h("sqm-referral-table-date-cell",{date:8e11}),h("sqm-referral-table-user-cell",{name:"Los Angeles"}),h("sqm-referral-table-cell",{innerTemplate:"California"}),h("sqm-referral-table-user-cell",{name:"US"}),h("sqm-referral-table-user-cell",{name:"1"}),h("sqm-referral-table-user-cell",{name:"$5"}),h("sqm-referral-table-status-cell",{statusText:"In progress",converted:false}),,],[h("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),h("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),h("sqm-referral-table-date-cell",{date:444703707e3}),h("sqm-referral-table-user-cell",{name:"Toronto"}),h("sqm-referral-table-cell",{innerTemplate:"Ontario"}),h("sqm-referral-table-user-cell",{name:"Canada"}),h("sqm-referral-table-user-cell",{name:"10"}),h("sqm-referral-table-user-cell",{name:"$71"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),,]]}};var SimpleUserTable=function(){return h(GenericTableView,Object.assign({},simpleUserTableProps))};var HiddenLabelsTable=function(){return h(GenericTableView,Object.assign({},__assign(__assign({},simpleUserTableProps),hideLabelProps)))};var CustomButtonTextTable=function(){return h(GenericTableView,Object.assign({},__assign(__assign({},simpleUserTableProps),customButtonProps)))};var FullUserTable=function(){return h(GenericTableView,Object.assign({},fullUserTableProps))};var LongCellTextTable=function(){return h(GenericTableView,Object.assign({},longCellTextTableProps))};var LongColumnTextTable=function(){return h(GenericTableView,Object.assign({},longColumnTextTableProps))};var EmptyTable=function(){return h("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:emptyElement,loadingElement:loadingElement,columns:["Name","Email","DOB"],rows:[]}}})};var LoadingTable=function(){return h("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:emptyElement,loadingElement:loadingElement,columns:["Name","Email","DOB"],rows:[]}}})};var FullRewardsTable=function(){return h("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:emptyElement,loadingElement:loadingElement,columns:["User","Rewards","Status","Date Started","Date Converted"],rows:[[h("sqm-referral-table-user-cell",{name:"Joe Smith"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},baseReward$1),availableReward$1),__assign(__assign({},baseReward$1),pendingReward$1),__assign(__assign({},baseReward$1),cancelledReward$1)],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}"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),h("sqm-referral-table-date-cell",{date:16267644e5}),h("sqm-referral-table-date-cell",{date:1627427794891})],[h("sqm-referral-table-user-cell",{name:"Sarah Williams"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},baseReward$1),expiredReward$1)],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}"}),h("sqm-referral-table-status-cell",{statusText:"Incomplete",converted:false}),h("sqm-referral-table-date-cell",{date:16267644e5}),h("sqm-referral-table-date-cell",{date:null})],[h("sqm-referral-table-user-cell",{name:"Marvin Smith"}),h("sqm-referral-table-rewards-cell",{rewards:[__assign(__assign({},baseReward$1),nullExpiresIn$1),__assign(__assign({},baseReward$1),pendingReward$1)],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}"}),h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),h("sqm-referral-table-date-cell",{date:16267644e5}),h("sqm-referral-table-date-cell",{date:1627427794891})]]}}})};var ReferralTable=Object.freeze({__proto__:null,default:ReferralTable_stories,SimpleUserTable:SimpleUserTable,HiddenLabelsTable:HiddenLabelsTable,CustomButtonTextTable:CustomButtonTextTable,FullUserTable:FullUserTable,LongCellTextTable:LongCellTextTable,LongColumnTextTable:LongColumnTextTable,EmptyTable:EmptyTable,LoadingTable:LoadingTable,FullRewardsTable:FullRewardsTable});var ReferralTableCell_stories={title:"Components/Referral Table Cell"};var TableCell=function(){return h("sqm-referral-table-cell",{innerTemplate:"Table Cell Text"})};var TableUserCell=function(){return h("sqm-referral-table-user-cell",{name:"Table User Cell Text"})};var EmptyCell$1=function(){return h("sqm-sqm-referral-table-cell",null,"-")};var StatusCell=function(){return h("div",null,h("sqm-referral-table-status-cell",{statusText:"Complete",converted:true}),h("sqm-referral-table-status-cell",{statusText:"In Progress",converted:false}))};var DateCell=function(){return h("sqm-referral-table-date-cell",{date:8e11})};var rewardsData={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 rewards=[rewardsData];var RewardsCell=function(){return h("sqm-referral-table-rewards-cell",{rewards:rewards,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 ReferralTableCell=Object.freeze({__proto__:null,default:ReferralTableCell_stories,TableCell:TableCell,TableUserCell:TableUserCell,EmptyCell:EmptyCell$1,StatusCell:StatusCell,DateCell:DateCell,RewardsCell:RewardsCell});var UserName_stories={title:"Tests/User Name"};var DemoData=function(){return h("sqm-user-name",{demoData:{loading:false,loadingText:"...",username:"Test Testerson"}})};var Username=function(){return h("sqm-user-name",null)};var UserName=Object.freeze({__proto__:null,default:UserName_stories,DemoData:DemoData,Username:Username});var PasswordField_stories={title:"Components/Portal Password Field"};var Start=function(){return h("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:true,validationErrors:{},content:{fieldLabel:"Password"}}}})};var EmptyError=function(){return h("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:true,validationErrors:{password:"Cannot be empty"},content:{fieldLabel:"Password"}}}})};var ValidationError=function(){return h("sqm-password-field",{demoData:{initValue:"asdf",states:{enableValidation:true,validationErrors:{password:"Incomplete"},content:{fieldLabel:"Password"}}}})};var PasswordField=Object.freeze({__proto__:null,default:PasswordField_stories,Start:Start,EmptyError:EmptyError,ValidationError:ValidationError});function MatrixStory(e){var r=e.matrix,t=e.props,n=e.Component;var a=Object.keys(r).map((function(e){var t=r[e];return t.map((function(r){var t;return t={},t[e]=r,t}))}));var s=cartesian.apply(void 0,a);var i=s.map((function(e){return e.reduce((function(e,r){return __assign(__assign({},e),r)}),{})}));return i.map((function(e){var r=__assign(__assign({},t),e);return h("div",null,h(PropsTable,{values:r}),h("hr",null)," ",h("br",null),h(n,Object.assign({},r)),h("br",null))}))}function PropsTable(e){var r=e.values;return h("table",null,h("tbody",null,Object.keys(r).map((function(e){return h("tr",null,h("th",null,e),h("td",null,JSON.stringify(r[e])))}))))}function cartesian(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t=[],n=e.length-1;function a(r,s){for(var i=0,o=e[s].length;i<o;i++){var l=r.slice(0);l.push(e[s][i]);if(s==n)t.push(l);else a(l,s+1)}}a([],0);return t}var scenarioTaskCard='@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 scenarioProgressBar="@author:kutay\r\n@owner:kutay\r\nFeature: Task Card Progress Bar\r\n\r\n\tScenario Outline: Progress Bar\r\n\t\tGiven a Task Card component\r\n\t\tAnd progress is <progress>\r\n\t\tAnd goal is <goal>\r\n\t\tThen I have <progressBar>\r\n\t\tAnd <progressBar> shows <progress> with <unit> above\r\n\t\tAnd gift icon has <color>\r\n\t\tAnd gift icon shows <goal> with <unit> below\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar | unit | color |\r\n\t\t\t| 0 | 500 | ●――――――――――――――――――🎁 | $ | no |\r\n\t\t\t| 100 | 500 | ―――――――――●―――――――――🎁 | $ | no |\r\n\t\t\t| 500 | 500 | ―――――――――――――――――――🎁 | $ | yes |\r\n\t\t\t| 650 | 500 | ―――――――――――――――――――🎁 | $ | yes |\r\n\t\t\t| 1200 | 500 | ―――――――――――――――――――🎁 | $ | yes |\r\n\r\n\tScenario Outline: Progress Bar Steps\r\n\t\tGiven a Task Card component\r\n\t\tAnd progress is <progress>\r\n\t\tAnd goal is <goal>\r\n\t\tAnd steps is enabled\r\n\t\tThen I have <progressBar>\r\n\t\tAnd <progressBar> has incrementing steps up to <goal>\r\n\t\tAnd gift icon has <color>\r\n\t\tAnd gift icon shows <goal> below\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar | color |\r\n\t\t\t| 0 | 5 | ―――○―――○―――○―――○―――🎁 | no |\r\n\t\t\t| 1 | 5 | ―――●―――○―――○―――○―――🎁 | no |\r\n\t\t\t| 5 | 5 | ―――○―――○―――○―――●―――🎁 | yes |\r\n\t\t\t| 7 | 5 | ―――○―――○―――○―――●―――🎁 | yes |\r\n\t\t\t| 12 | 5 | ―――○―――○―――○―――●―――🎁 | yes |\r\n\r\n\r\n\tScenario Outline: Progress Bar Repeatable\r\n\t\tGiven a Task Card component\r\n\t\tAnd progress is <progress>\r\n\t\tAnd goal is <goal>\r\n\t\tAnd it is repeatable\r\n\t\tThen I have <progressBar>\r\n\t\tAnd <progressBar> shows <progress> with <unit> above\r\n\t\tAnd first <icon1> is <color1> with <text1> displayed below\r\n\t\tAnd second <icon2> is <color2> with <text2> displayed below\r\n\t\tAnd third <icon3> is <color3> with <text3> displayed below\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar | unit | icon1 | color1 | text1 | icon2 | color2 | text 2 | icon3 | color3 | text 3 |\r\n\t\t\t| 250 | 500 | ――――●――――🎁―――――――🎁 | $ | NA | NA | NA | gift | greyscale | 500 | gift | greyscale | 1000 |\r\n\t\t\t| 500 | 500 | ―――――――――🎁―――――――🎁 | $ | NA | NA | NA | gift | colorful | 500 | gift | greyscale | 1000 |\r\n\t\t\t| 750 | 500 | ―――――――――🎁―――●―――🎁 | $ | NA | NA | NA | gift | colorful | 500 | gift | greyscale | 1000 |\r\n\t\t\t| 1000 | 500 | 🎁―――――――🎁―――――――🎁 | $ | gift | colorful | 500 | gift | colorful | 1000 | gift | greyscale | 1500 |\r\n\t\t\t| 1250 | 500 | 🎁―――――――🎁―――●―――🎁 | $ | gift | colorful | 500 | gift | colorful | 1000 | gift | greyscale | 1500 |\r\n\r\n\tScenario Outline: Progress Bar Steps Repeatable\r\n\t\tGiven a Task Card component\r\n\t\tAnd progress is <progress>\r\n\t\tAnd goal is <goal>\r\n\t\tAnd steps is enabled\r\n\t\tAnd it is repeatable\r\n\t\tThen I have <progressBar>\r\n\t\tAnd <progressBar> has incrementing steps up to <goal>\r\n\t\tAnd first <icon1> is <color1>\r\n\t\tAnd second <icon2> is <color2>\r\n\t\tAnd third <icon3> is <color3>\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar | icon1 | color1 | icon2 | color2 | icon3 | color3 |\r\n\t\t\t| 0 | 5 | ―――○―○―○―○―🎁―○―○―○―○―🎁 | NA | NA | gift | greyscale | gift | greyscale |\r\n\t\t\t| 1 | 5 | ―――●―○―○―○―🎁―○―○―○―○―🎁 | NA | NA | gift | greyscale | gift | greyscale |\r\n\t\t\t| 5 | 5 | ―――●―●―●―●―🎁―○―○―○―○―🎁 | NA | NA | gift | colorful | gift | greyscale |\r\n\t\t\t| 7 | 5 | ―――●―●―●―●―🎁―●―●―○―○―🎁 | NA | NA | gift | colorful | gift | greyscale |\r\n\t\t\t| 12 | 5 | 🎁―●―●―●―●―🎁―●―●―○―○―🎁 | gift | colorful | gift | colorful | gift | greyscale |";var ResizerStylesheet="\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}\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 Resizer=function(e,r){return h("div",{class:"resizer"},r)};var scenario$5=scenarioTaskCard+scenarioProgressBar;var TaskCard_stories={title:"Components/Task Card/",parameters:{scenario:scenario$5}};var storyFrame={display:"inline-flex",gap:"32px"};var resizable={width:"347px",minWidth:"347px",resize:"horizontal",height:"fit-content",overflow:"hidden"};var oneAction={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 coupleActions={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 manyActions={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 TaskCard$1=function(){var e={rewardDuration:"2021-11-30T08:00:00.000Z/2021-12-01T08:00:00.000Z"};var r=__assign(__assign({},e),{repeatable:true});return h("div",{style:storyFrame},h(Resizer,null,h("h4",null,"Not Repeatable"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{description:""}),states:__assign(__assign({},oneAction.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{description:""}),states:__assign(__assign({},coupleActions.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{description:""}),states:__assign(__assign({},manyActions.states),{progress:230})}))),h(Resizer,null,h("h4",null,"Repeatable"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{repeatable:true}),states:__assign(__assign({},oneAction.states),{progress:2})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true}),states:__assign(__assign({},coupleActions.states),{progress:7})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true}),states:__assign(__assign({},manyActions.states),{progress:650})}))),h(Resizer,null,h("h4",null,"Complete"),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:1})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:5})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:500})}))),h(Resizer,null,h("h4",null,"Unavailable"),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:0})},r)),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:3})},r)),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:250})},r))))};var TaskCardNotRepeatable=function(){return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:1})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:5})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:230})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:500})})),h("h5",null)))};var TaskCardRepeatable=function(){return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{repeatable:true}),states:__assign(__assign({},oneAction.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{repeatable:true}),states:__assign(__assign({},oneAction.states),{progress:1})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true}),states:__assign(__assign({},coupleActions.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true}),states:__assign(__assign({},coupleActions.states),{progress:5})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true}),states:__assign(__assign({},coupleActions.states),{progress:7})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true}),states:__assign(__assign({},coupleActions.states),{progress:10})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true}),states:__assign(__assign({},manyActions.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true}),states:__assign(__assign({},manyActions.states),{progress:500})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true}),states:__assign(__assign({},manyActions.states),{progress:650})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true}),states:__assign(__assign({},manyActions.states),{progress:1e3})})),h("h5",null)))};var TaskCardRepeatableFinite=function(){return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{repeatable:true,finite:2}),states:__assign(__assign({},oneAction.states),{progress:0})})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{repeatable:true,finite:2}),states:__assign(__assign({},oneAction.states),{progress:1})})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),{repeatable:true,finite:2}),states:__assign(__assign({},oneAction.states),{progress:2})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true,finite:2}),states:__assign(__assign({},coupleActions.states),{progress:2})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true,finite:2}),states:__assign(__assign({},coupleActions.states),{progress:5})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true,finite:2}),states:__assign(__assign({},coupleActions.states),{progress:10})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true,finite:3}),states:__assign(__assign({},coupleActions.states),{progress:12})})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{content:__assign(__assign({},coupleActions.content),{repeatable:true,finite:3}),states:__assign(__assign({},coupleActions.states),{progress:15})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true,finite:2}),states:__assign(__assign({},manyActions.states),{progress:200})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true,finite:3}),states:__assign(__assign({},manyActions.states),{progress:500})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true,finite:2}),states:__assign(__assign({},manyActions.states),{progress:1e3})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true,finite:3}),states:__assign(__assign({},manyActions.states),{progress:1200})})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{content:__assign(__assign({},manyActions.content),{repeatable:true,finite:3}),states:__assign(__assign({},manyActions.states),{progress:1500})})),h("h5",null)))};var TaskCardEndDate=function(){var e={rewardDuration:luxon.DateTime.now().minus({days:1}).toISO()+"/"+luxon.DateTime.now().plus({days:1}).toISO()};var r=__assign(__assign({},e),{repeatable:true});return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},oneAction.content),r),states:__assign(__assign({},oneAction.states),{progress:1})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},coupleActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},coupleActions.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},coupleActions.content),r),states:__assign(__assign({},coupleActions.states),{progress:5})})),h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},manyActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},manyActions.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{content:__assign(__assign({},manyActions.content),r),states:__assign(__assign({},manyActions.states),{progress:1e3})})),h("h5",null)))};var TaskCardLoading=function(){var e={states:{loading:true,progress:0,loadingEvent:false}};return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,e))," ",h("h5",null),h(TaskCardView,Object.assign({},oneAction,e))," ",h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},coupleActions,e))," ",h("h5",null),h(TaskCardView,Object.assign({},coupleActions,e))," ",h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},manyActions,e))," ",h("h5",null),h(TaskCardView,Object.assign({},manyActions,e))," ",h("h5",null)))};var TaskCardNotStarted=function(){var e={rewardDuration:luxon.DateTime.now().plus({days:1}).toISO()+"/"+luxon.DateTime.now().plus({days:2}).toISO()};var r=__assign(__assign({},e),{repeatable:true});return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:0}),content:__assign(__assign({},oneAction.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:1}),content:__assign(__assign({},oneAction.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:0}),content:__assign(__assign({},oneAction.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:1}),content:__assign(__assign({},oneAction.content),r)})),h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),r)})),h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:100}),content:__assign(__assign({},manyActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:500}),content:__assign(__assign({},manyActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:100}),content:__assign(__assign({},manyActions.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:500}),content:__assign(__assign({},manyActions.content),r)})),h("h5",null)))};var TaskCardEnded=function(){var e={rewardDuration:luxon.DateTime.now().minus({days:2}).toISO()+"/"+luxon.DateTime.now().minus({days:1}).toISO()};var r=__assign(__assign({},e),{repeatable:true});return h("div",{style:storyFrame},h("div",{style:resizable},h("h4",null,"One Action"),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:0}),content:__assign(__assign({},oneAction.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:1}),content:__assign(__assign({},oneAction.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:0}),content:__assign(__assign({},oneAction.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},oneAction,{states:__assign(__assign({},oneAction.states),{progress:1}),content:__assign(__assign({},oneAction.content),r)})),h("h5",null)),h("div",{style:resizable},h("h4",null,"A Couple Actions"),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},coupleActions,{states:__assign(__assign({},coupleActions.states),{progress:1}),content:__assign(__assign({},coupleActions.content),r)})),h("h5",null)),h("div",{style:resizable},h("h4",null,"Many Actions"),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:100}),content:__assign(__assign({},manyActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:500}),content:__assign(__assign({},manyActions.content),e)})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:100}),content:__assign(__assign({},manyActions.content),r)})),h("h5",null),h(TaskCardView,Object.assign({},manyActions,{states:__assign(__assign({},manyActions.states),{progress:500}),content:__assign(__assign({},manyActions.content),r)})),h("h5",null)))};var ProgressBar=function(){var e={progress:0,goal:500,progressBarUnit:"$"};return h("div",null,h(MatrixStory,{matrix:{progress:[0,100,500,650,1200]},props:e,Component:ProgressBarView}))};var ProgressBarSteps=function(){var e={progress:0,steps:true,goal:5,progressBarUnit:"$"};return h("div",null,h(MatrixStory,{matrix:{progress:[0,1,5,7,12]},props:e,Component:ProgressBarView}))};var ProgressBarRepeatable=function(){var e={progress:0,goal:500,progressBarUnit:"$",repeatable:true};return h("div",null,h(MatrixStory,{matrix:{progress:[0,250,500,750,1e3,1250]},props:e,Component:ProgressBarView}))};var ProgressBarStepsRepeatable=function(){var e={progress:0,steps:true,goal:5,progressBarUnit:"$",repeatable:true};return h("div",null,h(MatrixStory,{matrix:{progress:[0,1,5,7,12]},props:e,Component:ProgressBarView}))};var ProgressBarStepsRepeatableFinite=function(){var e={progress:0,steps:true,goal:5,progressBarUnit:"$",repeatable:true,finite:2};return h("div",null,h(MatrixStory,{matrix:{progress:[0,1,5,7,10,12]},props:e,Component:ProgressBarView}))};var TaskCard$2=Object.freeze({__proto__:null,default:TaskCard_stories,TaskCard:TaskCard$1,TaskCardNotRepeatable:TaskCardNotRepeatable,TaskCardRepeatable:TaskCardRepeatable,TaskCardRepeatableFinite:TaskCardRepeatableFinite,TaskCardEndDate:TaskCardEndDate,TaskCardLoading:TaskCardLoading,TaskCardNotStarted:TaskCardNotStarted,TaskCardEnded:TaskCardEnded,ProgressBar:ProgressBar,ProgressBarSteps:ProgressBarSteps,ProgressBarRepeatable:ProgressBarRepeatable,ProgressBarStepsRepeatable:ProgressBarStepsRepeatable,ProgressBarStepsRepeatableFinite:ProgressBarStepsRepeatableFinite});var portalTemplate='<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 portalLeadSubmitTemplate='<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 portalLeadSubmitTemplateWithDashboard='<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 portalTemplateWithDashboard='<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 multiProgramTemplate='<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 multiProgramTemplateWithDashboard='<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 dashboardTemplate='<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 leadSubmitTemplate="<sqm-referral-iframe></sqm-referral-iframe>\r\n";var editProfileTemplate='<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 activityTemplate='<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 resetPasswordEmailTemplate='<!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 verifyEmailTemplate='<!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 loginTemplate='<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 registerTemplate='<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 forgotPasswordTemplate='<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 resetPasswordTemplate='<sqm-portal-reset-password confirm-password="true"></sqm-portal-reset-password>\r\n';var emailVerifiedTemplate="<sqm-portal-verify-email></sqm-portal-verify-email>\r\n";var emailVerificationTemplate='<sqm-portal-protected-route redirect-to="/login"></sqm-portal-protected-route>\r\n<sqm-portal-email-verification></sqm-portal-email-verification>\r\n';var marked=createCommonjsModule((function(e,r){(function(r,t){e.exports=t()})(commonjsGlobal,(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 s={exports:{}};function i(){return{baseUrl:null,breaks:false,extensions:null,gfm:true,headerIds:true,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:true,pedantic:false,renderer:null,sanitize:false,sanitizer:null,silent:false,smartLists:false,smartypants:false,tokenizer:null,walkTokens:null,xhtml:false}}function o(e){s.exports.defaults=e}s.exports={defaults:i(),getDefaults:i,changeDefaults:o};var l=/[&<>"']/;var 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 w(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 v=/[^\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(v,"").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=A(r,t)}try{t=encodeURI(t).replace(/%25/g,"%")}catch(e){return null}return t}var E={};var C=/^[^:]+:\/*[^/]*$/;var _=/^([^:]+:)[\s\S]*$/;var D=/^([^:]+:\/*[^/]*)[\s\S]*$/;function A(e,r){if(!E[" "+e]){if(C.test(e)){E[" "+e]=e+"/"}else{E[" "+e]=T(e,"/",true)}}e=E[" "+e];var t=e.indexOf(":")===-1;if(r.substring(0,2)==="//"){if(t){return r}return e.replace(_,"$1")+r}else if(r.charAt(0)==="/"){if(t){return r}return e.replace(D,"$1")+r}else{return e+r}}var q={exec:function e(){}};function k(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 R(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 T(e,r,t){var n=e.length;if(n===0){return""}var a=0;while(a<n){var s=e.charAt(n-a-1);if(s===r&&!t){a++}else if(s!==r&&t){a++}else{break}}return e.substr(0,n-a)}function P(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 I(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:w,cleanUrl:y,resolveUrl:A,noopTest:q,merge:k,splitCells:R,rtrim:T,findClosingBracket:P,checkSanitizeDeprecation:S,repeatString:I};var L=s.exports.defaults;var F=N.rtrim,B=N.splitCells,V=N.escape,O=N.findClosingBracket;function j(e,r,t,n){var a=r.href;var s=r.title?V(r.title):null;var i=e[1].replace(/\\([\[\]])/g,"$1");if(e[0].charAt(0)!=="!"){n.state.inLink=true;var o={type:"link",raw:t,href:a,title:s,text:i,tokens:n.inlineTokens(i,[])};n.state.inLink=false;return o}else{return{type:"image",raw:t,href:a,title:s,text:V(i)}}}function M(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 $=function(){function e(e){this.options=e||L}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?F(n,"\n"):n}}};r.fences=function e(r){var t=this.rules.block.fences.exec(r);if(t){var n=t[0];var a=M(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=F(n,"#");if(this.options.pedantic){n=a.trim()}else if(!a||/ $/.test(a)){n=a.trim()}}var s={type:"heading",raw:t[0],depth:t[1].length,text:n,tokens:[]};this.lexer.inline(s.text,s.tokens);return s}};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,s,i,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){i=2;m=c[0].trimLeft()}else{i=t[2].search(/[^ ]/);i=t[1].length+(i>4?1:i);m=c[0].slice(i-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,i-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(/[^ ]/)>=i){m+="\n"+d.slice(i)}else{m+="\n"+d}continue}if(d.search(/[^ ]/)>=i||!d.trim()){m+="\n"+d.slice(i);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){s=a[0]!=="[ ] ";m=m.replace(/^\[[ xX]\] +/,"")}}e.items.push({type:"list_item",raw:n,task:!!a,checked:s,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]):V(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 s,i,o,l;for(s=0;s<a;s++){if(/^ *-+: *$/.test(n.align[s])){n.align[s]="right"}else if(/^ *:-+: *$/.test(n.align[s])){n.align[s]="center"}else if(/^ *:-+ *$/.test(n.align[s])){n.align[s]="left"}else{n.align[s]=null}}a=n.rows.length;for(s=0;s<a;s++){n.rows[s]=B(n.rows[s],n.header.length).map((function(e){return{text:e}}))}a=n.header.length;for(i=0;i<a;i++){n.header[i].tokens=[];this.lexer.inlineTokens(n.header[i].text,n.header[i].tokens)}a=n.rows.length;for(i=0;i<a;i++){l=n.rows[i];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:V(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]):V(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=F(n.slice(0,-1),"\\");if((n.length-a.length)%2===0){return}}else{var s=O(t[2],"()");if(s>-1){var i=t[0].indexOf("!")===0?5:4;var o=i+t[1].length+s;t[2]=t[2].substring(0,s);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 s=n[0].charAt(0);return{type:"text",raw:s,text:s}}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 s=a[1]||a[2]||"";if(!s||s&&(n===""||this.rules.inline.punctuation.exec(n))){var i=a[0].length-1;var o,l,u=i,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+i);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(i%3&&!((i+l)%3)){d+=l;continue}}u-=l;if(u>0)continue;l=Math.min(l,l+u+d);if(Math.min(i,l)%2){var m=r.slice(1,i+a.index+l);return{type:"em",raw:r.slice(0,i+a.index+l+1),text:m,tokens:this.lexer.inlineTokens(m,[])}}var p=r.slice(2,i+a.index+l-1);return{type:"strong",raw:r.slice(0,i+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 s=/^ /.test(n)&&/ $/.test(n);if(a&&s){n=n.substring(1,n.length-1)}n=V(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,s;if(n[2]==="@"){a=V(this.options.mangle?t(n[1]):n[1]);s="mailto:"+a}else{a=V(n[1]);s=a}return{type:"link",raw:n[0],text:a,href:s,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,s;if(n[2]==="@"){a=V(this.options.mangle?t(n[0]):n[0]);s="mailto:"+a}else{var i;do{i=n[0];n[0]=this.rules.inline._backpedal.exec(n[0])[0]}while(i!==n[0]);a=V(n[0]);if(n[1]==="www."){s="http://"+a}else{s=a}}return{type:"link",raw:n[0],text:a,href:s,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]):V(n[0]):n[0]}else{a=V(this.options.smartypants?t(n[0]):n[0])}return{type:"text",raw:n[0],text:a}}};return e}();var G=N.noopTest,U=N.edit,H=N.merge;var z={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:G,lheading:/^([^\n]+)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html| +\n)[^\n]+)*)/,text:/^[^\n]+/};z._label=/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/;z._title=/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/;z.def=U(z.def).replace("label",z._label).replace("title",z._title).getRegex();z.bullet=/(?:[*+-]|\d{1,9}[.)])/;z.listItemStart=U(/^( *)(bull) */).replace("bull",z.bullet).getRegex();z.list=U(z.list).replace(/bull/g,z.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+z.def.source+")").getRegex();z._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";z._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/;z.html=U(z.html,"i").replace("comment",z._comment).replace("tag",z._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex();z.paragraph=U(z._paragraph).replace("hr",z.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",z._tag).getRegex();z.blockquote=U(z.blockquote).replace("paragraph",z.paragraph).getRegex();z.normal=H({},z);z.gfm=H({},z.normal,{table:"^ *([^\\n ].*\\|.*)\\n"+" {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?"+"(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"});z.gfm.table=U(z.gfm.table).replace("hr",z.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",z._tag).getRegex();z.pedantic=H({},z.normal,{html:U("^ *(?:comment *(?:\\n|\\s*$)"+"|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)"+"|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",z._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:G,paragraph:U(z.normal._paragraph).replace("hr",z.hr).replace("heading"," *#{1,6} *[^\n]").replace("lheading",z.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()});var W={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:G,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:G,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\spunctuation])/};W._punctuation="!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~";W.punctuation=U(W.punctuation).replace(/punctuation/g,W._punctuation).getRegex();W.blockSkip=/\[[^\]]*?\]\([^\)]*?\)|`[^`]*?`|<[^>]*?>/g;W.escapedEmSt=/\\\*|\\_/g;W._comment=U(z._comment).replace("(?:--\x3e|$)","--\x3e").getRegex();W.emStrong.lDelim=U(W.emStrong.lDelim).replace(/punct/g,W._punctuation).getRegex();W.emStrong.rDelimAst=U(W.emStrong.rDelimAst,"g").replace(/punct/g,W._punctuation).getRegex();W.emStrong.rDelimUnd=U(W.emStrong.rDelimUnd,"g").replace(/punct/g,W._punctuation).getRegex();W._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g;W._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/;W._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])?)+(?![-_])/;W.autolink=U(W.autolink).replace("scheme",W._scheme).replace("email",W._email).getRegex();W._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/;W.tag=U(W.tag).replace("comment",W._comment).replace("attribute",W._attribute).getRegex();W._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/;W._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/;W._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/;W.link=U(W.link).replace("label",W._label).replace("href",W._href).replace("title",W._title).getRegex();W.reflink=U(W.reflink).replace("label",W._label).getRegex();W.reflinkSearch=U(W.reflinkSearch,"g").replace("reflink",W.reflink).replace("nolink",W.nolink).getRegex();W.normal=H({},W);W.pedantic=H({},W.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:U(/^!?\[(label)\]\((.*?)\)/).replace("label",W._label).getRegex(),reflink:U(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",W._label).getRegex()});W.gfm=H({},W.normal,{escape:U(W.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.!#$%&'*+\/=?_`{\|}~-]+@)))/});W.gfm.url=U(W.gfm.url,"i").replace("email",W.gfm._extended_email).getRegex();W.breaks=H({},W.gfm,{br:U(W.br).replace("{2,}","*").getRegex(),text:U(W.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()});var K={block:z,inline:W};var J=$;var Y=s.exports.defaults;var X=K.block,Q=K.inline;var Z=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||Y;this.options.tokenizer=this.options.tokenizer||new J;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:X.normal,inline:Q.normal};if(this.options.pedantic){r.block=X.pedantic;r.inline=Q.pedantic}else if(this.options.gfm){r.block=X.gfm;if(this.options.breaks){r.inline=Q.breaks}else{r.inline=Q.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,s,i,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);s=t[t.length-1];if(s&&(s.type==="paragraph"||s.type==="text")){s.raw+="\n"+a.raw;s.text+="\n"+a.text;this.inlineQueue[this.inlineQueue.length-1].src=s.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);s=t[t.length-1];if(s&&(s.type==="paragraph"||s.type==="text")){s.raw+="\n"+a.raw;s.text+="\n"+a.raw;this.inlineQueue[this.inlineQueue.length-1].src=s.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}i=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){i=r.substring(0,e+1)}})()}if(this.state.top&&(a=this.tokenizer.paragraph(i))){s=t[t.length-1];if(o&&s.type==="paragraph"){s.raw+="\n"+a.raw;s.text+="\n"+a.text;this.inlineQueue.pop();this.inlineQueue[this.inlineQueue.length-1].src=s.text}else{t.push(a)}o=i.length!==r.length;r=r.substring(a.raw.length);continue}if(a=this.tokenizer.text(r)){r=r.substring(a.raw.length);s=t[t.length-1];if(s&&s.type==="text"){s.raw+="\n"+a.raw;s.text+="\n"+a.text;this.inlineQueue.pop();this.inlineQueue[this.inlineQueue.length-1].src=s.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,s,i;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)+"["+Z("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)+"["+Z("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);s=t[t.length-1];if(s&&a.type==="text"&&s.type==="text"){s.raw+=a.raw;s.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);s=t[t.length-1];if(s&&a.type==="text"&&s.type==="text"){s.raw+=a.raw;s.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}i=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){i=r.substring(0,e+1)}})()}if(a=this.tokenizer.inlineText(i,ee)){r=r.substring(a.raw.length);if(a.raw.slice(-1)!=="_"){d=a.raw.slice(-1)}u=true;s=t[t.length-1];if(s&&s.type==="text"){s.raw+=a.raw;s.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:X,inline:Q}}}]);return e}();var ne=s.exports.defaults;var ae=N.cleanUrl,se=N.escape;var ie=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 s=this.options.highlight(r,a);if(s!=null&&s!==r){n=true;r=s}}r=r.replace(/\n$/,"")+"\n";if(!a){return"<pre><code>"+(n?r:se(r,true))+"</code></pre>\n"}return'<pre><code class="'+this.options.langPrefix+se(a,true)+'">'+(n?r:se(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",s=t&&n!==1?' start="'+n+'"':"";return"<"+a+s+">\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="'+se(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=ie;var de=oe;var ce=le;var me=s.exports.defaults;var pe=N.unescape;var he=function(){function e(e){this.options=e||me;this.options.renderer=this.options.renderer||new 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,s,i,o,l,u,d,c,m,p,h,g,f,b,w,v,x,y,E;var C=r.length;for(a=0;a<C;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(s=0;s<o;s++){d+=this.renderer.tablecell(this.parseInline(p.header[s].tokens),{header:true,align:p.align[s]})}c+=this.renderer.tablerow(d);m="";o=p.rows.length;for(s=0;s<o;s++){u=p.rows[s];d="";l=u.length;for(i=0;i<l;i++){d+=this.renderer.tablecell(this.parseInline(u[i].tokens),{header:false,align:p.align[i]})}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(s=0;s<o;s++){w=p.items[s];v=w.checked;x=w.task;b="";if(w.task){y=this.renderer.checkbox(v);if(f){if(w.tokens.length>0&&w.tokens[0].type==="paragraph"){w.tokens[0].text=y+" "+w.tokens[0].text;if(w.tokens[0].tokens&&w.tokens[0].tokens.length>0&&w.tokens[0].tokens[0].type==="text"){w.tokens[0].tokens[0].text=y+" "+w.tokens[0].tokens[0].text}}else{w.tokens.unshift({type:"text",text:y})}}else{b+=y}}b+=this.parse(w.tokens,f);m+=this.renderer.listitem(b,x,v)}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<C&&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 _='Token with "'+p.type+'" type was not found.';if(this.options.silent){console.error(_);return}else{throw new Error(_)}}}}return n};r.parseInline=function e(r,t){t=t||this.renderer;var n="",a,s,i;var o=r.length;for(a=0;a<o;a++){s=r[a];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[s.type]){i=this.options.extensions.renderers[s.type].call({parser:this},s);if(i!==false||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(s.type)){n+=i||"";continue}}switch(s.type){case"escape":{n+=t.text(s.text);break}case"html":{n+=t.html(s.text);break}case"link":{n+=t.link(s.href,s.title,this.parseInline(s.tokens,t));break}case"image":{n+=t.image(s.href,s.title,s.text);break}case"strong":{n+=t.strong(this.parseInline(s.tokens,t));break}case"em":{n+=t.em(this.parseInline(s.tokens,t));break}case"codespan":{n+=t.codespan(s.text);break}case"br":{n+=t.br();break}case"del":{n+=t.del(this.parseInline(s.tokens,t));break}case"text":{n+=t.text(s.text);break}default:{var l='Token with "'+s.type+'" type was not found.';if(this.options.silent){console.error(l);return}else{throw new Error(l)}}}}return n};return e}();var ge=te;var fe=he;var be=$;var we=ie;var ve=oe;var xe=le;var ye=N.merge,Ee=N.checkSanitizeDeprecation,Ce=N.escape;var _e=s.exports.getDefaults,De=s.exports.changeDefaults,Ae=s.exports.defaults;function qe(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({},qe.defaults,r||{});Ee(r);if(t){var n=r.highlight;var a;try{a=ge.lex(e,r)}catch(e){return t(e)}var s=function e(s){var i;if(!s){try{if(r.walkTokens){qe.walkTokens(a,r.walkTokens)}i=fe.parse(a,r)}catch(e){s=e}}r.highlight=n;return s?t(s):t(null,i)};if(!n||n.length<3){return s()}delete r.highlight;if(!a.length)return s();var i=0;qe.walkTokens(a,(function(e){if(e.type==="code"){i++;setTimeout((function(){n(e.text,e.lang,(function(r,t){if(r){return s(r)}if(t!=null&&t!==e.text){e.text=t;e.escaped=true}i--;if(i===0){s()}}))}),0)}}));if(i===0){s()}return}try{var o=ge.lex(e,r);if(r.walkTokens){qe.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>"+Ce(e.message+"",true)+"</pre>"}throw e}}qe.options=qe.setOptions=function(e){ye(qe.defaults,e);De(qe.defaults);return qe};qe.getDefaults=_e;qe.defaults=Ae;qe.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 s=qe.defaults.extensions||{renderers:{},childTokens:{}};var i;t.forEach((function(r){if(r.extensions){i=true;r.extensions.forEach((function(e){if(!e.name){throw new Error("extension name required")}if(e.renderer){var r=s.renderers?s.renderers[e.name]:null;if(r){s.renderers[e.name]=function(){for(var t=arguments.length,n=new Array(t),a=0;a<t;a++){n[a]=arguments[a]}var s=e.renderer.apply(this,n);if(s===false){s=r.apply(this,n)}return s}}else{s.renderers[e.name]=e.renderer}}if(e.tokenizer){if(!e.level||e.level!=="block"&&e.level!=="inline"){throw new Error("extension level must be 'block' or 'inline'")}if(s[e.level]){s[e.level].unshift(e.tokenizer)}else{s[e.level]=[e.tokenizer]}if(e.start){if(e.level==="block"){if(s.startBlock){s.startBlock.push(e.start)}else{s.startBlock=[e.start]}}else if(e.level==="inline"){if(s.startInline){s.startInline.push(e.start)}else{s.startInline=[e.start]}}}}if(e.childTokens){s.childTokens[e.name]=e.childTokens}}))}if(r.renderer){(function(){var e=qe.defaults.renderer||new we;var t=function t(n){var a=e[n];e[n]=function(){for(var t=arguments.length,s=new Array(t),i=0;i<t;i++){s[i]=arguments[i]}var o=r.renderer[n].apply(e,s);if(o===false){o=a.apply(e,s)}return o}};for(var n in r.renderer){t(n)}a.renderer=e})()}if(r.tokenizer){(function(){var e=qe.defaults.tokenizer||new be;var t=function t(n){var a=e[n];e[n]=function(){for(var t=arguments.length,s=new Array(t),i=0;i<t;i++){s[i]=arguments[i]}var o=r.tokenizer[n].apply(e,s);if(o===false){o=a.apply(e,s)}return o}};for(var n in r.tokenizer){t(n)}a.tokenizer=e})()}if(r.walkTokens){var t=qe.defaults.walkTokens;a.walkTokens=function(n){r.walkTokens.call(e,n);if(t){t(n)}}}if(i){a.extensions=s}qe.setOptions(a)}))};qe.walkTokens=function(e,r){var t=function e(){var t=s.value;r(t);switch(t.type){case"table":{for(var n=a(t.header),i;!(i=n()).done;){var o=i.value;qe.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;qe.walkTokens(p.tokens,r)}}break}case"list":{qe.walkTokens(t.items,r);break}default:{if(qe.defaults.extensions&&qe.defaults.extensions.childTokens&&qe.defaults.extensions.childTokens[t.type]){qe.defaults.extensions.childTokens[t.type].forEach((function(e){qe.walkTokens(t[e],r)}))}else if(t.tokens){qe.walkTokens(t.tokens,r)}}}};for(var n=a(e),s;!(s=n()).done;){t()}};qe.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({},qe.defaults,r||{});Ee(r);try{var t=ge.lexInline(e,r);if(r.walkTokens){qe.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>"+Ce(e.message+"",true)+"</pre>"}throw e}};qe.Parser=fe;qe.parser=fe.parse;qe.Renderer=we;qe.TextRenderer=ve;qe.Lexer=ge;qe.lexer=ge.lex;qe.Tokenizer=be;qe.Slugger=xe;qe.parse=qe;var ke=qe;return ke}))}));var LoginReadme='# 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 ReferralIframeReadme='# 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 ForgotPasswordReadme='# 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 RegisterReadme='# 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 EditProfileReadme='# 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 ResetPasswordReadme='# 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 EmailVerificationReadme='# 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 EmailVerifiedReadme='# 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 PortalTemplates_stories={title:"Templates / Portal"};function useTemplate$1(e){var r=useState(e),t=r[0],n=r[1];var a=useState(e),s=a[0],i=a[1];return{states:{previewTemplate:s,editedTemplate:t},callbacks:{setEditedTemplate:n,setPreviewTemplate:i}}}function TemplateView$1(e){var r=e.states,t=e.callbacks,n=e.readme;return[h("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return t.setEditedTemplate(e.target.value)}},r.editedTemplate),h("button",{onClick:function(){return t.setPreviewTemplate(r.editedTemplate)}},"Update Preview"),n?h("details",null,h("summary",null,"Props readme"),h("div",{innerHTML:marked(n)})):"",h("div",{innerHTML:r.previewTemplate})]}function Buttons(e){var r=e.callbacks,t=e.states,n=e.template;return h("div",null,h("button",{onClick:function(){return r.setPreviewTemplate(t.editedTemplate)}},"Update Preview"),h("button",{style:{marginLeft:"10px"},onClick:function(){return r.setPreviewTemplate(n)}},"Preview Dashboard"))}function DefaultTemplateView(e){var r=e.states,t=e.callbacks;return h("div",{style:{height:"50vh"}},h("textarea",{style:{width:"100%",height:"300px"},onChange:function(e){return t.setEditedTemplate(e.target.value)}},r.editedTemplate),h(Buttons,{states:r,callbacks:t,template:e.template}),h("h2",null,"Navigation"),h("div",{style:{display:"grid",gridTemplateColumns:"repeat(9, 80px)",gridGap:"10px"}},h("button",{onClick:function(){return pn.push("/")}},"Dashboard"),e.leadSubmit&&h("button",{onClick:function(){return pn.push("/refer")}},"Submit a Referral"),h("button",{onClick:function(){return pn.push("/activity")}},"Activity"),h("button",{onClick:function(){return pn.push("/editProfile")}},"Edit Profile"),h("button",{onClick:function(){return pn.push("/login")}},"Login"),h("button",{onClick:function(){return pn.push("/register")}},"Register"),h("button",{onClick:function(){return pn.push("/emailVerification")}},"Email Verification"),h("button",{onClick:function(){return pn.push("/verifyEmail")}},"Verify Email"),h("button",{onClick:function(){return pn.push("/forgotPassword")}},"Forgot Password"),h("button",{onClick:function(){return pn.push("/resetPassword")}},"Reset Password")),h("br",null),h("div",{innerHTML:r.previewTemplate}))}var DefaultPortal=createHookStory((function(){var e=useTemplate$1(portalTemplate),r=e.states,t=e.callbacks;return h(DefaultTemplateView,{states:r,callbacks:t,template:portalTemplateWithDashboard})}));var MultiProgramPortal=createHookStory((function(){var e=useTemplate$1(multiProgramTemplate),r=e.states,t=e.callbacks;return h(DefaultTemplateView,{states:r,callbacks:t,template:multiProgramTemplateWithDashboard})}));var LeadSubmitPortal=createHookStory((function(){var e=useTemplate$1(portalLeadSubmitTemplate),r=e.states,t=e.callbacks;return h(DefaultTemplateView,{states:r,callbacks:t,template:portalLeadSubmitTemplateWithDashboard,leadSubmit:true})}));var Login=createHookStory((function(){var e=useTemplate$1(loginTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:LoginReadme})}));var ForgotPassword=createHookStory((function(){var e=useTemplate$1(forgotPasswordTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:ForgotPasswordReadme})}));var Register=createHookStory((function(){var e=useTemplate$1(registerTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:RegisterReadme})}));var Dashboard$1=createHookStory((function(){var e=useTemplate$1(dashboardTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t})}));var LeadSubmitIframe=createHookStory((function(){var e=useTemplate$1(leadSubmitTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:ReferralIframeReadme})}));var Activity$1=createHookStory((function(){var e=useTemplate$1(activityTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t})}));var EditProfile$2=createHookStory((function(){var e=useTemplate$1(editProfileTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:EditProfileReadme})}));var ResetPassword=createHookStory((function(){var e=useTemplate$1(resetPasswordTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:ResetPasswordReadme})}));var EmailVerification=createHookStory((function(){var e=useTemplate$1(emailVerificationTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:EmailVerificationReadme})}));var EmailVerified=createHookStory((function(){var e=useTemplate$1(emailVerifiedTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t,readme:EmailVerifiedReadme})}));var Widget=createHookStory((function(){return h("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:dashboardTemplate}}})}));var ResetPasswordEmail=createHookStory((function(){var e=useTemplate$1(resetPasswordEmailTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t})}));var VerifyEmail=createHookStory((function(){var e=useTemplate$1(verifyEmailTemplate),r=e.states,t=e.callbacks;return h(TemplateView$1,{states:r,callbacks:t})}));var PortalTemplates=Object.freeze({__proto__:null,default:PortalTemplates_stories,DefaultPortal:DefaultPortal,MultiProgramPortal:MultiProgramPortal,LeadSubmitPortal:LeadSubmitPortal,Login:Login,ForgotPassword:ForgotPassword,Register:Register,Dashboard:Dashboard$1,LeadSubmitIframe:LeadSubmitIframe,Activity:Activity$1,EditProfile:EditProfile$2,ResetPassword:ResetPassword,EmailVerification:EmailVerification,EmailVerified:EmailVerified,Widget:Widget,ResetPasswordEmail:ResetPasswordEmail,VerifyEmail:VerifyEmail});var ProgramMenu_stories={title:"Program Menu"};var OneProgram=createHookStory((function(){return h("sqm-program-menu",null,h("sl-menu-item",{value:"referral-program"},"Referral Program"))}));var TwoProgram=createHookStory((function(){return h("sqm-program-menu",null,h("sl-menu-item",{value:"referral-program"},"Referral Program"),h("sl-menu-item",{value:"partner-program"},"Partner Program"))}));var FiveProgram=createHookStory((function(){return h("sqm-program-menu",null,h("sl-menu-item",{value:"program1"},"Program 1"),h("sl-menu-item",{value:"program2"},"Program 2"),h("sl-menu-item",{value:"program3"},"Program 3"),h("sl-menu-item",{value:"program4"},"Program 4"),h("sl-menu-item",{value:"program5"},"Program 5"))}));var ProgramMenuWithSwitch=createHookStory((function(){return h("div",null,h("sqb-program-section",{"program-id":"Vacay-referral"},h("sqm-program-menu",null,h("sl-menu-item",{value:"Vacay-referral"},"Vacay-referral"),h("sl-menu-item",{value:"vacay-affiliates"},"vacay-affiliates")),h("sqb-program-switch",null,h("template",{"program-id":"Vacay-referral"},h("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:dashboardTemplate}}})),h("template",{"program-id":"vacay-affiliates"},h("sqb-widget",{"widget-type":"p/vacay-affiliates/w/referrerWidget",demoData:{data:{html:dashboardTemplate}}})))))}));var ProgramMenu=Object.freeze({__proto__:null,default:ProgramMenu_stories,OneProgram:OneProgram,TwoProgram:TwoProgram,FiveProgram:FiveProgram,ProgramMenuWithSwitch:ProgramMenuWithSwitch});var PoweredByImg_stories={title:"Powered By"};var Default$a=function(){return h(PoweredByImg$1,null)};var CustomColor=function(){return h(PoweredByImg$1,{color:"salmon"})};var CustomWidthAndHeight=function(){return h(PoweredByImg$1,{width:300,height:50})};var PoweredByImg=Object.freeze({__proto__:null,default:PoweredByImg_stories,Default:Default$a,CustomColor:CustomColor,CustomWidthAndHeight:CustomWidthAndHeight});var scenario$6='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 PortalFooter_stories={title:"Portal Footer",parameters:{scenario:scenario$6}};var defaultProps$9={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 DefaultFooter=function(){return h(PortalFooterView,Object.assign({},defaultProps$9))};var FooterWithTerms=function(){return h(PortalFooterView,Object.assign({},defaultProps$9,{termsLink:"https://example.com",termsText:"Terms and Conditions"}))};var FooterWithFAQ=function(){return h(PortalFooterView,Object.assign({},defaultProps$9,{faqLink:"https://example.com",faqText:"FAQ"}))};var FooterWithTermsAndFAQ=function(){return h(PortalFooterView,Object.assign({},defaultProps$9,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ"}))};var FooterNoPoweredBy=function(){return h(PortalFooterView,Object.assign({},defaultProps$9,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ",showPoweredBy:false}))};var PortalFooter=Object.freeze({__proto__:null,default:PortalFooter_stories,DefaultFooter:DefaultFooter,FooterWithTerms:FooterWithTerms,FooterWithFAQ:FooterWithFAQ,FooterWithTermsAndFAQ:FooterWithTermsAndFAQ,FooterNoPoweredBy:FooterNoPoweredBy});var scenario$7='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 Hero_stories={title:"Hero Layout",parameters:{scenario:scenario$7}};var LoginOneColumn=function(){var e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large"},content:{primaryColumn:[h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("sqm-portal-login",null)]}};return h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var LoginOneColumnWithColor=function(){var e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large",background:"LightSlateGrey"},content:{primaryColumn:h("sqm-portal-login",null)}};return h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var LoginOneColumnWithImage=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:h("sqm-portal-login",null)}};return h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var TwoColumnLoginLargePadding=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:h("sqm-portal-login",null),secondaryColumn:h("div",null,h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("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 h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var TwoColumnLoginMediumPadding=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:h("sqm-portal-login",null),secondaryColumn:h("div",null,h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("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 h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var TwoColumnLoginSmallPadding=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:h("sqm-portal-login",null),secondaryColumn:h("div",null,h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("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 h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var TwoColumnLoginNoPadding=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:h("sqm-portal-login",null),secondaryColumn:h("div",null,h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("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 h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var TwoColumnLoginReverseWrap=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:h("sqm-portal-change-password",null),secondaryColumn:h("div",null,h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("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 h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var TwoColumnLoginWithImgElement=function(){var e={states:{columns:2,wrapDirection:"wrap",paddingSize:"large"},content:{primaryColumn:h("div",null,h("h1",{style:{textAlign:"center"}},"Get Referring!"),h("sqm-portal-login",null)),secondaryColumn:h("div",null,h("img",{src:"https://images.unsplash.com/photo-1487528278747-ba99ed528ebc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80"}),h("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 h("div",{style:{height:"800px"}},h(HeroView,Object.assign({},e)))};var Hero=Object.freeze({__proto__:null,default:Hero_stories,LoginOneColumn:LoginOneColumn,LoginOneColumnWithColor:LoginOneColumnWithColor,LoginOneColumnWithImage:LoginOneColumnWithImage,TwoColumnLoginLargePadding:TwoColumnLoginLargePadding,TwoColumnLoginMediumPadding:TwoColumnLoginMediumPadding,TwoColumnLoginSmallPadding:TwoColumnLoginSmallPadding,TwoColumnLoginNoPadding:TwoColumnLoginNoPadding,TwoColumnLoginReverseWrap:TwoColumnLoginReverseWrap,TwoColumnLoginWithImgElement:TwoColumnLoginWithImgElement});var scenario$8='@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 ReferralIframe_stories={title:"Referral Iframe",parameters:{scenario:scenario$8}};var props={data:{shareCode:"BOBBYREFER"},states:{content:{iframeSrc:"https://example.com",iframeHeight:"100%",iframeWidth:"100%"}}};var ReferralIframe=function(){return h("div",{style:{width:"1000px",height:"1000px"}},h(ReferralIframeView,Object.assign({},props)))};var ReferralIframeError=function(){return h("div",{style:{width:"1000px",height:"1000px"}},h("sqm-referral-iframe",null))};var ReferralIframe$1=Object.freeze({__proto__:null,default:ReferralIframe_stories,ReferralIframe:ReferralIframe,ReferralIframeError:ReferralIframeError});var scenario$9='@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 NameFields_stories={title:"Name Fields",parameters:{scenario:scenario$9}};var props$1={states:{validationErrors:undefined,content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}};var errorProps$8={states:{validationErrors:{firstName:"Cannot be empty",lastName:"Cannot be empty"},content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}};var NameFields=function(){return h(NameFieldsView,Object.assign({},props$1))};var NameFieldsWithErrors=function(){return h(NameFieldsView,Object.assign({},errorProps$8))};var NameFields$1=Object.freeze({__proto__:null,default:NameFields_stories,NameFields:NameFields,NameFieldsWithErrors:NameFieldsWithErrors});var baseResponse=function(e,r,t,n,a,s,i){if(r===void 0){r="chooseReward"}if(t===void 0){t=null}if(n===void 0){n=null}if(a===void 0){a=false}if(s===void 0){s=false}if(i===void 0){i=null}return{states:{content:{text:{buttonText:"Exchange Rewards",notAvailableError:"{unavailableReasonCode, select, NOT_CHAMPION {CUSTOM ERROR MESSAGE } US_TAX {Exceeds tax limit for this year} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {unavailableReasonCode} }",chooseRewardTitle:"Rewards",chooseAmountTitle:"Select",confirmationTitle:"Confirm",rewardTitle:"Choose a reward",cancelText:"Cancel",backText:"Back",continueText:"Continue",continueToConfirmationText:"Continue to confirmation",redeemText:"Redeem",redeemTitle:"Confirm and redeem",redemptionSuccessText:"Redeemed {sourceValue} for {destinationValue}",doneText:"Done",toolTipText:"Copied!",selectText:"Select amount to receive",sourceAmountMessage:"{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",rewardRedeemedText:"Reward redeemed",redemptionError:"An error occured trying to redeem this reward. Please try again",promoCode:"Promo code",skeletonCardNum:8,rewardNameTitle:"Reward Name",rewardAmountTitle:"Reward Amount",costTitle:"Cost"}},redeemStage:r,amount:0,exchangeError:a,loading:s,selectedItem:t,selectedStep:n,open:false},data:{exchangeList:e,fuelTankCode:i},callbacks:{exchangeReward:null,resetState:null,setStage:null,setExchangeState:null,copyFuelTankCode:null,refs:null},refs:null}};var baseReward$2={key:"",name:"",description:"Description of reward. Lorem ipsum dolor sit amet, consectetur adipiscing. Id nec semper sapien dignissim rhoncus nunc.",imageUrl:"",available:true,unavailableReasonCode:null,ruleType:"FIXED_GLOBAL_REWARD",sourceUnit:"POINT",sourceValue:10,prettySourceValue:"10 SaaSquatch Points",sourceMinValue:null,prettySourceMinValue:null,sourceMaxValue:null,prettySourceMaxValue:null,destinationMinValue:null,prettyDestinationMinValue:null,destinationMaxValue:null,prettyDestinationMaxValue:null,globalRewardKey:"",destinationUnit:null,steps:[]};var notEnoughPoints={available:false,unavailableReasonCode:"INSUFFICIENT_REDEEMABLE_CREDIT"};var usTax={available:false,unavailableReasonCode:"US_TAX"};var customError={available:false,unavailableReasonCode:"NOT_CHAMPION"};var selected={key:"r1"};var imageUrl=function(e){return{imageUrl:e}};var name=function(e){return{name:e}};var fixedValue=function(e){return{prettySourceValue:e}};var variableValue=function(e,r,t){return{ruleType:"VARIABLE_CREDIT_REWARD",sourceMinValue:e,prettySourceMinValue:e+" "+t,sourceMaxValue:r,prettySourceMaxValue:r+" "+t}};var data=[__assign(__assign(__assign(__assign({},baseReward$2),name("Free swag with a promo code")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png")),fixedValue("40 SaaSquatch Points")),__assign(__assign(__assign(__assign(__assign({},baseReward$2),selected),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points")),__assign(__assign(__assign(__assign({},baseReward$2),name("A very exclusive gift box")),imageUrl("https://i.imgur.com/93BvEgH.png")),fixedValue("30 SaaSquatch Points")),__assign(__assign(__assign(__assign({},baseReward$2),name("$50 Store credit")),imageUrl("https://i.imgur.com/WkCMVSE.png")),fixedValue("100 SaaSquatch Points")),__assign(__assign(__assign(__assign({},baseReward$2),name("Variable amount of store credit")),imageUrl("https://i.imgur.com/Jn2fE0s.png")),variableValue(20,100,"Points")),__assign(__assign(__assign(__assign(__assign({},baseReward$2),notEnoughPoints),name("A very rare cactus")),imageUrl("https://i.imgur.com/hhlF2Ey.png")),fixedValue("2000 SaaSquatch Points")),__assign(__assign(__assign(__assign(__assign({},baseReward$2),usTax),name("$1000 Store credit with a really super long name in the front page")),imageUrl("https://i.imgur.com/y9HSls1.png")),fixedValue("2000 SaaSquatch Long Points")),__assign(__assign(__assign(__assign(__assign({},baseReward$2),notEnoughPoints),name("A holiday gift box")),imageUrl("https://i.imgur.com/dWEdB3p.png")),fixedValue("100 SaaSquatch Points"))];var rewardExchange=__assign({},baseResponse(data));var rewardExchangeLongText=__assign({},baseResponse(__spreadArrays([__assign(__assign(__assign(__assign(__assign({},baseReward$2),notEnoughPoints),name("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")),imageUrl("https://i.imgur.com/dWEdB3p.png")),fixedValue("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")),__assign(__assign(__assign(__assign({},baseReward$2),name("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")),imageUrl("https://i.imgur.com/y9HSls1.png")),fixedValue("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")),__assign(__assign(__assign(__assign({},baseReward$2),name("Suuuuuuuuper aweeeeesssssoooommme reward!!!!!!")),imageUrl("https://i.imgur.com/WkCMVSE.png")),fixedValue("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."))],data)));var rewardExchangeCustomErrorMsg=__assign({},baseResponse(__spreadArrays([__assign(__assign(__assign(__assign(__assign({},baseReward$2),customError),name("A very rare cactus")),imageUrl("https://i.imgur.com/hhlF2Ey.png")),fixedValue("2000 SaaSquatch Points"))],data)));var rewardExchangeSelected=__assign({},baseResponse(data,"chooseReward",__assign(__assign(__assign(__assign(__assign({},baseReward$2),selected),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points"))));var baseStep=function(e,r,t,n,a,s){if(a===void 0){a=true}if(s===void 0){s=null}return{destinationValue:e,prettyDestinationValue:r+e,sourceValue:t,prettySourceValue:t+" "+n,available:a,unavailableReasonCode:s}};var chooseAmountVariable=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign(__assign({},baseReward$2),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points")),{steps:[baseStep(20,"$",40,"Points"),baseStep(30,"$",60,"Points"),baseStep(40,"$",80,"Points"),baseStep(50,"$",100,"Points"),baseStep(60,"$",120,"Points")]})));var chooseAmountVariableDisabled=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign(__assign({},baseReward$2),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points")),{steps:[baseStep(20,"$",40,"Points"),baseStep(30,"$",60,"Points"),baseStep(40,"$",80,"Points",false,"INSUFFICIENT_REDEEMABLE_CREDIT"),baseStep(50,"$",100,"Points",false,"INSUFFICIENT_REDEEMABLE_CREDIT"),baseStep(60,"$",120,"Points",false,"INSUFFICIENT_REDEEMABLE_CREDIT")]})));var chooseAmountVariableUnavailable=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign(__assign({},baseReward$2),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points")),{steps:[baseStep(20,"$",40,"Points"),baseStep(30,"$",60,"Points"),baseStep(40,"$",80,"Points",false,"US_TAX"),baseStep(50,"$",100,"Points",false,"US_TAX"),baseStep(60,"$",120,"Points",false,"US_TAX")]})));var chooseAmountFixed=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign({},baseReward$2),name("Free swag with a promo code")),imageUrl("https://i.imgur.com/n7vC4BR.png")),fixedValue("40 SaaSquatch Points"))));var confirmFixed=__assign({},baseResponse(data,"confirmation",__assign(__assign(__assign(__assign({},baseReward$2),name("Free swag with a promo code")),imageUrl("https://i.imgur.com/n7vC4BR.png")),fixedValue("40 SaaSquatch Points"))));var confirmVariable=__assign({},baseResponse(data,"confirmation",__assign(__assign(__assign(__assign({},baseReward$2),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points")),baseStep(20,"$",40,"Points")));var error=__assign({},baseResponse(data,"confirmation",__assign(__assign(__assign(__assign({},baseReward$2),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points")),baseStep(20,"$",40,"Points"),true));var success=__assign({},baseResponse(data,"success",__assign(__assign(__assign(__assign({},baseReward$2),name("Free swag with a promo code")),imageUrl("https://i.imgur.com/n7vC4BR.png")),fixedValue("40 SaaSquatch Points")),undefined,undefined,undefined,"4ah2-hh46-gk7r"));var successVariable=__assign({},baseResponse(data,"success",__assign(__assign(__assign(__assign({},baseReward$2),name("Visa® Prepaid Card USD")),imageUrl("https://i.imgur.com/93BvEgH.png")),variableValue(20,80,"Points")),baseStep(20,"$",40,"Points")));var loading=__assign({},baseResponse(null,"chooseReward",null,null,false,true));var RewardExchangeList_stories={title:"Components/Reward Exchange List"};var StoryBase=function(e){return function(){return h(RewardExchangeView,Object.assign({},e))}};var ChooseReward=StoryBase(rewardExchange);var CustomErrorMessage=StoryBase(rewardExchangeCustomErrorMsg);var LongTextRewardExhange=StoryBase(rewardExchangeLongText);var ChooseRewardSelected=StoryBase(rewardExchangeSelected);var ChooseAmount=StoryBase(chooseAmountFixed);var ChooseAmountVariable=StoryBase(chooseAmountVariable);var chooseAmountVariableDisabled$1=StoryBase(chooseAmountVariableDisabled);var chooseAmountVariableUnavailable$1=StoryBase(chooseAmountVariableUnavailable);var Confirm=StoryBase(confirmFixed);var ConfirmVariable=StoryBase(confirmVariable);var Error$3=StoryBase(error);var SuccessPromo=StoryBase(success);var SuccessVariable=StoryBase(successVariable);var Loading$3=StoryBase(loading);var RewardExchangeList=Object.freeze({__proto__:null,default:RewardExchangeList_stories,ChooseReward:ChooseReward,CustomErrorMessage:CustomErrorMessage,LongTextRewardExhange:LongTextRewardExhange,ChooseRewardSelected:ChooseRewardSelected,ChooseAmount:ChooseAmount,ChooseAmountVariable:ChooseAmountVariable,chooseAmountVariableDisabled:chooseAmountVariableDisabled$1,chooseAmountVariableUnavailable:chooseAmountVariableUnavailable$1,Confirm:Confirm,ConfirmVariable:ConfirmVariable,Error:Error$3,SuccessPromo:SuccessPromo,SuccessVariable:SuccessVariable,Loading:Loading$3});var ProgramExplainer_stories={title:"Components/Program Explainer"};var OneStep=function(){return h("sqm-program-explainer",{header:"How it works"},h("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"}),h("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"}),h("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 Custom=function(){return h("sqm-program-explainer",{header:"How it works","text-color":"#fffc4b","background-color":"#ff7f7f"},h("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"}),h("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"}),h("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 ProgramExplainer=Object.freeze({__proto__:null,default:ProgramExplainer_stories,OneStep:OneStep,Custom:Custom});var ProgramExplainerStep_stories={title:"Components/Program Explainer Step"};var ProgramExplainerStep=function(){return h("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 ProgramExplainerStepCustom=function(){return h("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://i.imgur.com/Uqn3aXw.png","text-color":"#fffc4b","background-color":"#ff7f7f"})};var ProgramExplainerStep$1=Object.freeze({__proto__:null,default:ProgramExplainerStep_stories,ProgramExplainerStep:ProgramExplainerStep,ProgramExplainerStepCustom:ProgramExplainerStepCustom});var SqmBrand_stories={title:"Components/Brand"};var SampleComponents=function(){return h("div",{style:{padding:"10px",border:"5px solid #EEE"}},h("div",{style:{display:"flex",gap:"5px",padding:"5px"}},h("sl-button",{type:"default"},"Default"),h("sl-button",{type:"primary"},"Primary"),h("sl-button",{type:"success"},"Success"),h("sl-button",{type:"neutral"},"Neutral"),h("sl-button",{type:"warning"},"Warning"),h("sl-button",{type:"danger"},"Danger")),h("div",{style:{display:"flex",gap:"5px",padding:"5px"}},h("sl-badge",{type:"primary"},"Primary"),h("sl-badge",{type:"success"},"Success"),h("sl-badge",{type:"neutral"},"Neutral"),h("sl-badge",{type:"warning"},"Warning"),h("sl-badge",{type:"danger"},"Danger")),h("div",{class:"color-palette"},h("div",{class:"color-palette__name"},"Primary",h("br",null),h("code",null,"--sl-color-primary-",h("em",null,"{n}"))),h("div",{style:{display:"flex",gap:"5px"}},h(ColorSwatch,{depth:50}),h(ColorSwatch,{depth:100}),h(ColorSwatch,{depth:200}),h(ColorSwatch,{depth:300}),h(ColorSwatch,{depth:400}),h(ColorSwatch,{depth:500}),h(ColorSwatch,{depth:600}),h(ColorSwatch,{depth:700}),h(ColorSwatch,{depth:800}),h(ColorSwatch,{depth:900}),h(ColorSwatch,{depth:950}))))};var Examples=function(){return h("div",null,h(SampleComponents,null),h("sqm-brand",{"brand-color":"#FF0000"},h(SampleComponents,null)),h("sqm-brand",{"brand-color":"#00FF00"},h(SampleComponents,null)),h("sqm-brand",{"brand-color":"#0000FF"},h(SampleComponents,null)),h("sqm-brand",{"brand-color":"#000000"},h(SampleComponents,null)))};var Nested=function(){return h("div",null,"Default ",h(SampleComponents,null),h("sqm-brand",{"brand-color":"#FF0000"},"Red:",h(SampleComponents,null),h("sqm-brand",{"brand-color":"#00FF00"},"Green:",h(SampleComponents,null),h("sqm-brand",{"brand-color":"#0000FF"},"Blue:",h(SampleComponents,null),h("sqm-brand",{"brand-color":"#000000"},"Black:",h(SampleComponents,null))))))};function ColorSwatch(e){var r=e.depth;return h("div",{style:{backgroundColor:"var(--sl-color-primary-"+r+")",color:"var(--sl-color-neutral-"+(1e3-r)+")",width:"50px",height:"50px",display:"flex",justifyContent:"center",alignItems:"center"}},r)}var Fonts=function(){return h("div",null,h(SampleComponents,null),h("sqm-brand",{"brand-font":"Roboto"},"Roboto",h(SampleComponents,null)),h("sqm-brand",{"brand-font":"Open Sans"},"Open Sans",h(SampleComponents,null)),h("sqm-brand",{"brand-font":"Lato"},"Lato",h(SampleComponents,null)),h("sqm-brand",{"brand-font":"Oswald"},"Oswald",h(SampleComponents,null)))};var BrandStories=Object.freeze({__proto__:null,default:SqmBrand_stories,Examples:Examples,Nested:Nested,Fonts:Fonts});var CardFeed_stories={title:"Components/Card Feed"};var props$2={width:347,gap:24};var taskCardProps={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,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:false,showExpiry:false,rewardDuration:null,expiryMessage:"Ends {endDate}",startsOnMessage:"Starts {startDate}",endedMessage:"Ended {endDate}",finite:0,goal:1,locale:"en"},states:{progress:0,loading:false,loadingEvent:false}};var coupleActions$1={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,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",steps:true,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:false,showExpiry:false,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 manyActions$1={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,showProgressBar:true,steps:false,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",progressBarUnit:"$",buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:false,showExpiry: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 TaskCardGrid=function(){return h(CardFeedView,Object.assign({},props$2),h(TaskCardView,Object.assign({},taskCardProps)),h("div",null,h(TaskCardView,Object.assign({},coupleActions$1))),h("div",null,h("div",null,h(TaskCardView,Object.assign({},taskCardProps)))),h(TaskCardView,Object.assign({},coupleActions$1)),h(TaskCardView,Object.assign({},coupleActions$1)),h("div",null,h(TaskCardView,Object.assign({},coupleActions$1))),h("div",null,h("div",null,h(TaskCardView,Object.assign({},taskCardProps)))),h(TaskCardView,Object.assign({},manyActions$1)))};var CardFeed=Object.freeze({__proto__:null,default:CardFeed_stories,TaskCardGrid:TaskCardGrid});var scenario$a='@author:kutay\r\n@owner:noah\r\nFeature: Portal Container\r\n\r\n\r\n\tScenario: Horizontal content overflows, but does not stretch\r\n\r\n\t\tBad elements should not affect other elements in the page\r\n\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@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';var PortalContainer_stories={title:"Components/Portal Container",parameters:{scenario:scenario$a}};var TooWideColumn=function(){return h("div",{style:{width:"200px",border:"1px dashed grey"}},h("sqm-portal-container",null,h("div",{style:{background:"grey",border:"1px solid red"}},"Small"),h("div",{style:{background:"lightblue",width:"1000px"}},"Too wide, content goes off the side of the page for ever and is hidden.")))};var TooWideRow=function(){return h("div",{style:{width:"500px",border:"1px dashed grey"}},h("sqm-portal-container",{direction:"row","min-width":"160px"},h("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),h("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),h("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var HalfWidth=function(){return h("div",{style:{width:"1000px",border:"1px dashed grey"}},h("sqm-portal-container",{direction:"row",minWidth:"160px",maxWidth:"50%"},h("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),h("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),h("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var HalfWidthCenter=function(){return h("div",{style:{width:"1000px",border:"1px dashed grey"}},h("sqm-portal-container",{direction:"row",minWidth:"160px",maxWidth:"50%",center:true},h("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),h("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),h("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var FullWidth=function(){return h("div",{style:{width:"1000px",border:"1px dashed grey"}},h("sqm-portal-container",{direction:"row",maxWidth:"100%"},h("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),h("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),h("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))};var PortalContainer=Object.freeze({__proto__:null,default:PortalContainer_stories,TooWideColumn:TooWideColumn,TooWideRow:TooWideRow,HalfWidth:HalfWidth,HalfWidthCenter:HalfWidthCenter,FullWidth:FullWidth});var RewardsTableCell_stories={title:"Components/Rewards Table Cell"};var rewardsData$1={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 RewardsCellCreditSingle=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},rewardsData$1),singleRedeemed)})};var RewardsCellCreditFull=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign({},rewardsData$1),availableText:"19 Points available"})};var partial={prettyAvailableValue:"10 Points",prettyRedeemedCredit:"9 Points",prettyRedeemedNumber:"9",dateRedeemed:1640038417468};var RewardsCellCreditPartial=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},rewardsData$1),partial),availableText:"10 Points available"})};var RewardsCellCreditCancelled=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},rewardsData$1),cancelled),redeemedText:"0 Points redeemed"})};var RewardsCellCreditExpired=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign(__assign({},rewardsData$1),partial),expired),redeemedText:"9 Points redeemed"})};var empty={prettyAvailableValue:"0 Points",prettyAvailableNumber:"0",prettyRedeemedCredit:"19 Points",prettyRedeemedNumber:"19",dateRedeemed:1640038417468};var RewardsCellCreditRedeemed=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},rewardsData$1),empty),availableText:"0 Points available"})};var singleRedeemed={prettyValue:"1 Point",prettyValueNumber:"1"};var longName={prettyValue:"19 Points with a really really super duper longest name ever in the world wide web",prettyValueNumber:"19"};var RewardsCellCreditLong=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},rewardsData$1),longName),availableText:"19 Points with a really really super duper longest name ever in the world wide web available"})};var RewardsCellNonCredit=function(){return h("sqm-rewards-table-reward-cell",{reward:__assign(__assign({},rewardsData$1),{type:"FUELTANK",prettyValue:"SaaSquatch Giftcard"})})};var SourceCellManual=function(){return h("sqm-rewards-table-source-cell",{reward:rewardsData$1,rewardSourceText:"Manual"})};var SourceCellProgram=function(){return h("sqm-rewards-table-source-cell",{reward:__assign(__assign({},rewardsData$1),{rewardSource:"AUTOMATED",program:{name:"Klip Loyalty"}}),rewardSourceText:"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"})};var exchange={exchangedRewardRedemptionTransaction:{id:"61c100117a82a376d88041196",creditRedeemed:1,prettyRedeemedCredit:"1 Money",unit:"TESTUNIT",dateRedeemed:1640038417173,redeemedRewards:null,exchangedRewards:null}};var SourceCellExchange=function(){return h("sqm-rewards-table-source-cell",{reward:__assign(__assign({},rewardsData$1),exchange),rewardExchangeText:"Reward Exchange"})};var johnDoe={firstName:"John",lastName:"Doe",imageUrl:null};var anon={firstName:"",lastName:"",imageUrl:null};var referral=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 referred=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 SourceCellReferral=function(){return h("sqm-rewards-table-source-cell",{reward:__assign(__assign({},rewardsData$1),referral(johnDoe)),referralText:"Referral to"})};var SourceCellReferred=function(){return h("sqm-rewards-table-source-cell",{reward:__assign(__assign({},rewardsData$1),referred(johnDoe)),referralText:"Referred by"})};var SourceCellAnonymousUser=function(){return h("sqm-rewards-table-source-cell",{reward:__assign(__assign({},rewardsData$1),referral(anon)),referralText:"Referral to",anonymousUserText:"Anonymous User"})};var SourceCellDeletedUser=function(){return h("sqm-rewards-table-source-cell",{reward:__assign(__assign({},rewardsData$1),referral(null)),referralText:"Referral to",deletedUserText:"Deleted User"})};var StatusCellAvailable=function(){return h("sqm-rewards-table-status-cell",{statusText:"Available",reward:rewardsData$1})};var expire={dateExpires:1640038417468};var StatusCellAvailableExpiry=function(){return h("sqm-rewards-table-status-cell",{statusText:"Available",reward:__assign(__assign({},rewardsData$1),expire),expiryText:"Expires"})};var redeemed={statuses:["REDEEMED"],dateRedeemed:1640038417468};var StatusCellRedeemed=function(){return h("sqm-rewards-table-status-cell",{statusText:"Redeemed",reward:__assign(__assign({},rewardsData$1),redeemed)})};var cancelled={statuses:["CANCELLED"],dateCancelled:1640038417468};var StatusCellCancelled=function(){return h("sqm-rewards-table-status-cell",{statusText:"Cancelled",reward:__assign(__assign({},rewardsData$1),cancelled)})};var expired={statuses:["EXPIRED"],dateExpires:1640038417468};var StatusCellExpired=function(){return h("sqm-rewards-table-status-cell",{statusText:"Expired",reward:__assign(__assign({},rewardsData$1),expired)})};var pending={statuses:["PENDING"]};var us_tax={pendingReasons:["US_TAX"]};var scheduled={pendingReasons:["SCHEDULED"],dateScheduledFor:1640038417468};var unhandled={pendingReasons:["UNHANDLED_ERROR"]};var StatusCellPending=function(){return h("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign({},rewardsData$1),pending)})};var StatusCellPendingUsTax=function(){return h("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},rewardsData$1),pending),us_tax)})};var StatusCellPendingScheduled=function(){return h("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},rewardsData$1),pending),scheduled)})};var StatusCellPendingUnhandled=function(){return h("sqm-rewards-table-status-cell",{statusText:"Pending",reward:__assign(__assign(__assign({},rewardsData$1),pending),unhandled)})};var DateCell$1=function(){return h("sqm-rewards-table-date-cell",{date:1640038417468})};var EmptyCell$2=function(){return h("sqm-rewards-table-date-cell",null)};var RewardsTableCell=Object.freeze({__proto__:null,default:RewardsTableCell_stories,RewardsCellCreditSingle:RewardsCellCreditSingle,RewardsCellCreditFull:RewardsCellCreditFull,RewardsCellCreditPartial:RewardsCellCreditPartial,RewardsCellCreditCancelled:RewardsCellCreditCancelled,RewardsCellCreditExpired:RewardsCellCreditExpired,RewardsCellCreditRedeemed:RewardsCellCreditRedeemed,RewardsCellCreditLong:RewardsCellCreditLong,RewardsCellNonCredit:RewardsCellNonCredit,SourceCellManual:SourceCellManual,SourceCellProgram:SourceCellProgram,SourceCellExchange:SourceCellExchange,SourceCellReferral:SourceCellReferral,SourceCellReferred:SourceCellReferred,SourceCellAnonymousUser:SourceCellAnonymousUser,SourceCellDeletedUser:SourceCellDeletedUser,StatusCellAvailable:StatusCellAvailable,StatusCellAvailableExpiry:StatusCellAvailableExpiry,StatusCellRedeemed:StatusCellRedeemed,StatusCellCancelled:StatusCellCancelled,StatusCellExpired:StatusCellExpired,StatusCellPending:StatusCellPending,StatusCellPendingUsTax:StatusCellPendingUsTax,StatusCellPendingScheduled:StatusCellPendingScheduled,StatusCellPendingUnhandled:StatusCellPendingUnhandled,DateCell:DateCell$1,EmptyCell:EmptyCell$2});var RewardsTable_stories={title:"Components/Rewards Table"};var loadingElement$1=h("div",{slot:"loading",style:{display:"contents"}},h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))),h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null))));var emptyElement$1=h("div",{slot:"empty",style:{display:"contents"}},h("sqm-table-row",null,h("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},h("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},h("sqm-image",{"image-url":"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_3_1.png","max-width":"100px"}),h("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("h3",null,"View your referral details")),h("sqm-text",{slot:"content"},"Track the status of your referrals and rewards earned by referring friends"))))));var rewardsTablePropsEmpty={states:{hasPrev:false,hasNext:true,show:"empty",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"Next"},hiddenColumns:"",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:[],emptyElement:emptyElement$1}};var rewardsTablePropsLoading={states:{hasPrev:false,hasNext:true,show:"loading",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"Next"},hiddenColumns:"",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:[],loadingElement:loadingElement$1}};var rewardsTableProps={states:{hasPrev:false,hasNext:true,show:"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:true,prevLabel:"Prev",moreLabel:"Next"},hiddenColumns:"",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:[[h(RewardsCellCreditFull,null),h(StatusCellAvailable,null),h(SourceCellReferral,null),h(DateCell$1,null)],[h(RewardsCellCreditCancelled,null),h(StatusCellCancelled,null),h(SourceCellDeletedUser,null),h(DateCell$1,null)],[h(RewardsCellCreditRedeemed,null),h(StatusCellRedeemed,null),h(SourceCellManual,null),h(DateCell$1,null)],[h(RewardsCellCreditPartial,null),h(StatusCellAvailableExpiry,null),h(SourceCellReferred,null),h(DateCell$1,null)],[h(RewardsCellCreditLong,null),h(StatusCellAvailableExpiry,null),h(SourceCellReferred,null),h(DateCell$1,null)]]}};var RewardsTableFull=function(){return h(GenericTableView,Object.assign({},rewardsTableProps))};var RewardsTableEmpty=function(){return h(GenericTableView,Object.assign({},rewardsTablePropsEmpty))};var RewardsTableLoading=function(){return h(GenericTableView,Object.assign({},rewardsTablePropsLoading))};var RewardsTable=Object.freeze({__proto__:null,default:RewardsTable_stories,RewardsTableFull:RewardsTableFull,RewardsTableEmpty:RewardsTableEmpty,RewardsTableLoading:RewardsTableLoading});var UseReferralTable_stories={title:"Hooks / useReferralTable"};function setupGraphQL$9(){var e="testestest";var r=e;window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com"};useEffect((function(){Y({accountId:r,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:e,accountId:r}}function setupGraphQLKlip$1(e){var r=e.token,t=e.id;var n=t;window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com"};useEffect((function(){Y({accountId:n,id:t,jwt:r});return function(){window.widgetIdent=undefined;Y(undefined)}}),[]);return{id:t,accountId:n}}var ReferralTable$1=createHookStory((function(){setupGraphQL$9();A$1("sam-partner-test-2");return h("sqm-referral-table",null,h("sqm-referral-table-user-column",null),h("sqm-referral-table-status-column",null),h("sqm-referral-table-date-column",null),h("sqm-referral-table-rewards-column",null))}));var ReferralTableEn=createHookStory((function(){setupGraphQLKlip$1({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",id:"samenglish"});A$1("klip-referral-program");return h("sqm-referral-table",{"per-page":"4"},h("sqm-referral-table-user-column",{"column-title":"User"}),h("sqm-referral-table-status-column",{"column-title":"Referral Status"}),h("sqm-referral-table-rewards-column",null),h("sqm-referral-table-date-column",{"column-title":"Date Referred","date-shown":"dateReferralStarted"}))}));var ReferralTableTr=createHookStory((function(){setupGraphQLKlip$1({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",id:"samturkey"});A$1("klip-referral-program");return h("sqm-referral-table",{"more-label":"Daha","prev-label":"Öncesi","empty-state-text":"Henüz Ödül Yok","per-page":"4"},h("sqm-referral-table-user-column",{"column-title":"Kullanıcılar","anonymous-user":"Anonim Kullanıcı","deleted-user":"Silinmiş Kullanıcı"}),h("sqm-referral-table-status-column",{"column-title":"Durumu","converted-status-text":"Dönüştür","in-progress-status-text":"Devam etmekte"}),h("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ı:"}),h("sqm-referral-table-date-column",{"column-title":"Tarih","date-shown":"dateReferralStarted"}))}));var ReferralTableFr=createHookStory((function(){setupGraphQLKlip$1({token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",id:"samfrench"});A$1("klip-referral-program");return h("sqm-referral-table",{"more-label":"Plus","prev-label":"Précédent","empty-state-text":"Aucune Référence Maintenant","per-page":"4"},h("sqm-referral-table-user-column",{"column-title":"Utilisateur","anonymous-user":"Utilisateur Anonyme","deleted-user":"Utilisateur Supprimé"}),h("sqm-referral-table-status-column",{"column-title":"Statut de Parrainage","converted-status-text":"Converti","in-progress-status-text":"En cours"}),h("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"}),h("sqm-referral-table-date-column",{"column-title":"Date de Référence","date-shown":"dateReferralStarted"}))}));var UseReferralTable=Object.freeze({__proto__:null,default:UseReferralTable_stories,ReferralTable:ReferralTable$1,ReferralTableEn:ReferralTableEn,ReferralTableTr:ReferralTableTr,ReferralTableFr:ReferralTableFr});var HeroImage_stories={title:"Components/Hero Image"};var OverlayHeader=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var OverlayDescription=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var OverlayButton=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var OverlayPadding=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","padding-image":"none","padding-text":"xxx-small"})};var OverlayLong=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum","button-text":"Start earning",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var OverlayLeft=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","image-pos":"left","padding-image":"none","padding-text":"xxxx-large"})};var OverlayCenter=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","image-pos":"center","padding-image":"none","padding-text":"xxxx-large"})};var OverlayRight=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"overlay","image-pos":"right","padding-image":"none","padding-text":"xxxx-large"})};var OverlayCustomColors=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning","text-color":"#fffc4b","overlay-color":"#ff7f7f","overlay-opacity":"0.9",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var OverlayCustomOpacity=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/bTwu1Um.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning","text-color":"#fffc4b","overlay-color":"#ff7f7f","overlay-opacity":"0.3",layout:"overlay","padding-image":"none","padding-text":"xxxx-large"})};var Columns=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/yr6ER3R.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"columns","padding-image":"none","padding-text":"xxxx-large"})};var ColumnsPadding=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/yr6ER3R.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"columns","padding-image":"xxxx-large","padding-text":"large"})};var ColumnsLong=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/yr6ER3R.png",header:"Klip Rewards",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum","button-text":"Start earning",layout:"columns","padding-image":"none","padding-text":"xxxx-large"})};var ColumnsReverse=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/yr6ER3R.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"columns",imagePos:"right",imageMobilePos:"bottom","padding-image":"none","padding-text":"xxxx-large"})};var ColumnsCustomPercentage=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/MVgOJn7.png",description:"Be one of the top 3 referrers at the end of the year and receive Klip free for 1 year!",layout:"columns","image-percentage":"33%","padding-image":"large","padding-text":"large","background-color":""})};var ColumnsCustomColors=function(){return h("sqm-hero-image",{"image-url":"https://i.imgur.com/yr6ER3R.png",header:"Klip Rewards",description:"Refer friends or complete tasks while using Klip to earn rewards","button-text":"Start earning",layout:"columns","text-color":"#fffc4b","background-color":"#ff7f7f","padding-image":"none","padding-text":"xxxx-large"})};var HeroImage=Object.freeze({__proto__:null,default:HeroImage_stories,OverlayHeader:OverlayHeader,OverlayDescription:OverlayDescription,OverlayButton:OverlayButton,OverlayPadding:OverlayPadding,OverlayLong:OverlayLong,OverlayLeft:OverlayLeft,OverlayCenter:OverlayCenter,OverlayRight:OverlayRight,OverlayCustomColors:OverlayCustomColors,OverlayCustomOpacity:OverlayCustomOpacity,Columns:Columns,ColumnsPadding:ColumnsPadding,ColumnsLong:ColumnsLong,ColumnsReverse:ColumnsReverse,ColumnsCustomPercentage:ColumnsCustomPercentage,ColumnsCustomColors:ColumnsCustomColors});var ReferralCard_stories={title:"Components/Referral Card"};var media=function(e){return h("sqm-portal-container",{gap:"large",slot:e},"Get rewarded when your friend uses Klip",h("sqm-image",{"image-url":"https://i.imgur.com/IqB7GeS.png"}))};var sharebutton=function(e){return h("sqm-portal-container",{gap:"large",slot:e},h("sqm-text",null,"Choose how you want to share:"),h("sqm-text",null,h("p",{light:true},"Your unique referral link:"),h("sqm-share-code",null)),h("sqm-portal-container",{gap:"x-small"},h("sqm-share-button",{medium:"email"},"Share via email"),h("sqm-share-button",{medium:"facebook"},"Share on Facebook"),h("sqm-share-button",{medium:"twitter"},"Tweet about us")))};var timeline=function(e,r){return h("sqm-timeline",{slot:e,icon:"circle"},r>0&&h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),r>1&&h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),r>2&&h("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),r>3&&h("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"}))};var ReferralCardA=function(){return h("sqm-referral-card",null,media("left"),sharebutton("right"))};var ReferralCardB=function(){return h("sqm-referral-card",null,timeline("left",2),sharebutton("right"))};var ReferralCardC=function(){return h("sqm-referral-card",null,timeline("left",3),sharebutton("right"))};var ReferralCardDStart=function(){return h("sqm-referral-card",{"vertical-alignment":"start"},timeline("left",4),sharebutton("right"))};var ReferralCardDCenter=function(){return h("sqm-referral-card",{"vertical-alignment":"center"},timeline("left",4),sharebutton("right"))};var ReferralCardDEnd=function(){return h("sqm-referral-card",{"vertical-alignment":"end"},timeline("left",4),sharebutton("right"))};var ReferralCardAFlipped=function(){return h("sqm-referral-card",null,media("right"),sharebutton("left"))};var ReferralCardBFlipped=function(){return h("sqm-referral-card",null,timeline("right",2),sharebutton("left"))};var ReferralCardCFlipped=function(){return h("sqm-referral-card",null,timeline("right",3),sharebutton("left"))};var ReferralCardDFlipped=function(){return h("sqm-referral-card",null,timeline("right",4),sharebutton("left"))};var ReferralCard=Object.freeze({__proto__:null,default:ReferralCard_stories,media:media,sharebutton:sharebutton,ReferralCardA:ReferralCardA,ReferralCardB:ReferralCardB,ReferralCardC:ReferralCardC,ReferralCardDStart:ReferralCardDStart,ReferralCardDCenter:ReferralCardDCenter,ReferralCardDEnd:ReferralCardDEnd,ReferralCardAFlipped:ReferralCardAFlipped,ReferralCardBFlipped:ReferralCardBFlipped,ReferralCardCFlipped:ReferralCardCFlipped,ReferralCardDFlipped:ReferralCardDFlipped});var Timeline_stories={title:"Components/Timeline"};var TimelineWith1Reward=function(){return h("div",null,h("sqm-timeline",null,h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"})),h("br",null)," ",h("hr",null)," ",h("br",null),h("sqm-timeline",{icon:"circle"},h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"})))};var TimelineWith2Rewards=function(){return h("div",null,h("sqm-timeline",null,h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"})),h("br",null)," ",h("hr",null)," ",h("br",null),h("sqm-timeline",{icon:"circle"},h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"})))};var TimelineWith3Rewards=function(){return h("div",null,h("sqm-timeline",null,h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),h("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"})),h("br",null)," ",h("hr",null)," ",h("br",null),h("sqm-timeline",{icon:"circle"},h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),h("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"})))};var TimelineWith4Rewards=function(){return h("div",null,h("sqm-timeline",null,h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),h("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),h("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"})),h("br",null)," ",h("hr",null)," ",h("br",null),h("sqm-timeline",{icon:"circle"},h("sqm-timeline-entry",{reward:"75",unit:"points",desc:"Your friends signs up for a free trial"}),h("sqm-timeline-entry",{reward:"$50",unit:"visa giftcard",desc:"Your friends signs up for Klip Personal"}),h("sqm-timeline-entry",{reward:"$200",unit:"visa giftcard",desc:"Your friend qualifies as a good fit for Klip Team"}),h("sqm-timeline-entry",{reward:"$1000",unit:"visa giftcard",desc:"Your friend purchases Klip Team"})))};var Timeline=Object.freeze({__proto__:null,default:Timeline_stories,TimelineWith1Reward:TimelineWith1Reward,TimelineWith2Rewards:TimelineWith2Rewards,TimelineWith3Rewards:TimelineWith3Rewards,TimelineWith4Rewards:TimelineWith4Rewards});var Image_stories={title:"Components/Image"};var Image=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png"})};var ImageAlignmentLeft=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png",alignment:"left"})};var ImageAlignmentCenter=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png",alignment:"center"})};var ImageAlignmentRight=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png",alignment:"right"})};var ImageMarginLeft=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png",left:"100px",alignment:"center"})};var ImageMarginRight=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png",right:"100px",alignment:"center"})};var ImageBackground=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/tn47wOj.png","background-color":"firebrick",alignment:"center"})};var ImageSizeConstrained=function(){return h("sqm-image",{"image-url":"https://i.imgur.com/oIiVdMM.jpg",minHeight:"192px",maxWidth:"192px"})};var Image$1=Object.freeze({__proto__:null,default:Image_stories,Image:Image,ImageAlignmentLeft:ImageAlignmentLeft,ImageAlignmentCenter:ImageAlignmentCenter,ImageAlignmentRight:ImageAlignmentRight,ImageMarginLeft:ImageMarginLeft,ImageMarginRight:ImageMarginRight,ImageBackground:ImageBackground,ImageSizeConstrained:ImageSizeConstrained});var TitledSection_stories={title:"Components/Titled Section"};var AlignLeft=function(){return h("sqm-titled-section",{"text-align":"left"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards"),h("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")),h("sqm-text",{slot:"content"},h("sqm-referral-card",null,media("left"),sharebutton("right"))))};var AlignCenter=function(){return h("sqm-titled-section",{"text-align":"center"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards"),h("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")),h("sqm-text",{slot:"content"},h("sqm-referral-card",null,media("left"),sharebutton("right"))))};var AlignRight=function(){return h("sqm-titled-section",{"text-align":"right"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards"),h("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")),h("sqm-text",{slot:"content"},h("sqm-referral-card",null,media("left"),sharebutton("right"))))};var Padding=function(){return h("div",null,h("h3",null,"None"),h("sqm-titled-section",{padding:"none"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xxx-small"),h("sqm-titled-section",{padding:"xxx-small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xx-small"),h("sqm-titled-section",{padding:"xx-small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"x-small"),h("sqm-titled-section",{padding:"x-small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"small"),h("sqm-titled-section",{padding:"small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"medium"),h("sqm-titled-section",{padding:"medium"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"large"),h("sqm-titled-section",{padding:"large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"x-large"),h("sqm-titled-section",{padding:"x-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xx-large"),h("sqm-titled-section",{padding:"xx-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xxx-large"),h("sqm-titled-section",{padding:"xxx-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xxxx-large"),h("sqm-titled-section",{padding:"xxxx-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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 LabelMargin=function(){return h("div",null,h("h3",null,"None"),h("sqm-titled-section",{"label-margin":"none"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xxx-small"),h("sqm-titled-section",{"label-margin":"xxx-small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xx-small"),h("sqm-titled-section",{"label-margin":"xx-small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"x-small"),h("sqm-titled-section",{"label-margin":"x-small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"small"),h("sqm-titled-section",{"label-margin":"small"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"medium"),h("sqm-titled-section",{"label-margin":"medium"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"large"),h("sqm-titled-section",{"label-margin":"large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"x-large"),h("sqm-titled-section",{"label-margin":"x-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xx-large"),h("sqm-titled-section",{"label-margin":"xx-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xxx-large"),h("sqm-titled-section",{"label-margin":"xxx-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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"))),h("br",null),h("hr",null),h("br",null),h("h3",null,"xxxx-large"),h("sqm-titled-section",{"label-margin":"xxxx-large"},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards")),h("sqm-text",{slot:"content"},h("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 TitledSection=Object.freeze({__proto__:null,default:TitledSection_stories,AlignLeft:AlignLeft,AlignCenter:AlignCenter,AlignRight:AlignRight,Padding:Padding,LabelMargin:LabelMargin});var Scroll_stories={title:"Components/Scroll"};var ScrollTag=function(){return h("div",{style:{position:"relative",height:"2000px"}},h("sqm-scroll",{"scroll-tag-name":"sqm-text"}),h("div",{style:{position:"absolute",bottom:"0"}},h("sqm-text",{slot:"label"},h("h3",null,"Earn more rewards"),h("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 ScrollId=function(){return h("div",{style:{position:"relative",height:"2000px"}},h("sqm-scroll",{"scroll-id":"my-id"}),h("div",{style:{position:"absolute",bottom:"0"}},h("sqm-text",{slot:"label",id:"my-id"},h("h3",null,"Earn more rewards"),h("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 ScrollTabGroup=function(){return h("div",{style:{position:"relative",height:"2000px"}},h("sqm-scroll",{"scroll-tag-name":"sl-tab-group"}),h("div",{style:{position:"absolute",bottom:"0"}},h("sqm-text",{slot:"label",id:"my-id"},h("sl-tab-group",null,h("sl-tab",{slot:"nav",panel:"referralLeaderboard"},"Leaderboard"," "),h("sl-tab",{slot:"nav",panel:"referralHistory"},"Referral history"," "),h("sl-tab",{slot:"nav",panel:"rewardHistory"},"Reward history"," "),h("sl-tab",{slot:"nav",panel:"rewardExchange"},"Redeem"," "),h("sl-tab-panel",{name:"referralHistory"},h("sqm-referral-table",{"per-page":"4"},h("sqm-referral-table-user-column",{"column-title":"User"}),h("sqm-referral-table-status-column",{"column-title":"Referral status"}),h("sqm-referral-table-rewards-column",null),h("sqm-referral-table-date-column",{"column-title":"Date referred","date-shown":"dateReferralStarted"}))),h("sl-tab-panel",{name:"referralLeaderboard"},h("sqm-titled-section",{padding:"medium","label-margin":"small"},h("sqm-text",{slot:"content"},h("p",null,"Be one of the top 3 referrers at the end of the year and receive Klip free for 1 year!"))),h("sqm-leaderboard",{usersheading:"Referrer",statsheading:"Referrals","rank-type":"rank","leaderboard-type":"topStartedReferrers",rankheading:"Rank","show-rank":"true"})),h("sl-tab-panel",{name:"rewardHistory"},h("sqb-program-section",{"program-id":""},h("sqm-rewards-table",{"per-page":"4"},h("sqm-rewards-table-reward-column",null),h("sqm-rewards-table-source-column",null),h("sqm-rewards-table-status-column",null),h("sqm-rewards-table-date-column",null)))),h("sl-tab-panel",{name:"rewardExchange"},h("sqm-reward-exchange-list",{id:"hello"}))))))};var Scroll=Object.freeze({__proto__:null,default:Scroll_stories,ScrollTag:ScrollTag,ScrollId:ScrollId,ScrollTabGroup:ScrollTabGroup});var Default$b="\n // No CSS\n";var Orangey="\n:root{\n "+autoColorScaleCss("orange")+"\n}\n";var Netflix="\n:root{\n "+autoColorScaleCss("#e50914")+"\n}\n";var SaaSquatchCorporate="\n:root{\n "+autoColorScaleCss("#65bd60")+"\n --sl-font-sans: Arial;\n}\n";var NYTimes="\n:root{\n "+autoColorScaleCss("black")+"\n --sl-font-sans: Georgia, 'Times New Roman', serif;\n}\n";var Klip="\n:root{\n "+autoColorScaleCss("#4225C4")+";\n}\n\n";var Themes=Object.freeze({__proto__:null,Default:Default$b,Orangey:Orangey,Netflix:Netflix,SaaSquatchCorporate:SaaSquatchCorporate,NYTimes:NYTimes,Klip:Klip});function deepFreeze(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)){deepFreeze(t)}}));return e}var deepFreezeEs6=deepFreeze;var _default=deepFreeze;deepFreezeEs6.default=_default;var Response=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 escapeHTML(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function inherit(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 SPAN_CLOSE="</span>";var emitsWrappingTags=function(e){return!!e.kind};var HTMLRenderer=function(){function e(e,r){this.buffer="";this.classPrefix=r.classPrefix;e.walk(this)}e.prototype.addText=function(e){this.buffer+=escapeHTML(e)};e.prototype.openNode=function(e){if(!emitsWrappingTags(e))return;var r=e.kind;if(!e.sublanguage){r=""+this.classPrefix+r}this.span(r)};e.prototype.closeNode=function(e){if(!emitsWrappingTags(e))return;this.buffer+=SPAN_CLOSE};e.prototype.value=function(){return this.buffer};e.prototype.span=function(e){this.buffer+='<span class="'+e+'">'};return e}();var TokenTree=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 TokenTreeEmitter=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 HTMLRenderer(this,this.options);return e.value()};r.prototype.finalize=function(){return true};return r}(TokenTree);function escape(e){return new RegExp(e.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")}function source(e){if(!e)return null;if(typeof e==="string")return e;return e.source}function concat(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t=e.map((function(e){return source(e)})).join("");return t}function either(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t="("+e.map((function(e){return source(e)})).join("|")+")";return t}function countMatchGroups(e){return new RegExp(e.toString()+"|").exec("").length-1}function startsWith(e,r){var t=e&&e.exec(r);return t&&t.index===0}var BACKREF_RE=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function join(e,r){if(r===void 0){r="|"}var t=0;return e.map((function(e){t+=1;var r=t;var n=source(e);var a="";while(n.length>0){var s=BACKREF_RE.exec(n);if(!s){a+=n;break}a+=n.substring(0,s.index);n=n.substring(s.index+s[0].length);if(s[0][0]==="\\"&&s[1]){a+="\\"+String(Number(s[1])+r)}else{a+=s[0];if(s[0]==="("){t++}}}return a})).map((function(e){return"("+e+")"})).join(r)}var MATCH_NOTHING_RE=/\b\B/;var IDENT_RE="[a-zA-Z]\\w*";var UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*";var NUMBER_RE="\\b\\d+(\\.\\d+)?";var C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)";var BINARY_NUMBER_RE="\\b(0b[01]+)";var RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~";var SHEBANG=function(e){if(e===void 0){e={}}var r=/^#![ ]*\//;if(e.binary){e.begin=concat(r,/.*\b/,e.binary,/\b.*/)}return inherit({className:"meta",begin:r,end:/$/,relevance:0,"on:begin":function(e,r){if(e.index!==0)r.ignoreMatch()}},e)};var BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0};var APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[BACKSLASH_ESCAPE]};var QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[BACKSLASH_ESCAPE]};var PHRASAL_WORDS_MODE={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 COMMENT=function(e,r,t){if(t===void 0){t={}}var n=inherit({className:"comment",begin:e,end:r,contains:[]},t);n.contains.push(PHRASAL_WORDS_MODE);n.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):",relevance:0});return n};var C_LINE_COMMENT_MODE=COMMENT("//","$");var C_BLOCK_COMMENT_MODE=COMMENT("/\\*","\\*/");var HASH_COMMENT_MODE=COMMENT("#","$");var NUMBER_MODE={className:"number",begin:NUMBER_RE,relevance:0};var C_NUMBER_MODE={className:"number",begin:C_NUMBER_RE,relevance:0};var BINARY_NUMBER_MODE={className:"number",begin:BINARY_NUMBER_RE,relevance:0};var CSS_NUMBER_MODE={className:"number",begin:NUMBER_RE+"("+"%|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 REGEXP_MODE={begin:/(?=\/[^/\n]*\/)/,contains:[{className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[BACKSLASH_ESCAPE]}]}]};var TITLE_MODE={className:"title",begin:IDENT_RE,relevance:0};var UNDERSCORE_TITLE_MODE={className:"title",begin:UNDERSCORE_IDENT_RE,relevance:0};var METHOD_GUARD={begin:"\\.\\s*"+UNDERSCORE_IDENT_RE,relevance:0};var END_SAME_AS_BEGIN=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 MODES=Object.freeze({__proto__:null,MATCH_NOTHING_RE:MATCH_NOTHING_RE,IDENT_RE:IDENT_RE,UNDERSCORE_IDENT_RE:UNDERSCORE_IDENT_RE,NUMBER_RE:NUMBER_RE,C_NUMBER_RE:C_NUMBER_RE,BINARY_NUMBER_RE:BINARY_NUMBER_RE,RE_STARTERS_RE:RE_STARTERS_RE,SHEBANG:SHEBANG,BACKSLASH_ESCAPE:BACKSLASH_ESCAPE,APOS_STRING_MODE:APOS_STRING_MODE,QUOTE_STRING_MODE:QUOTE_STRING_MODE,PHRASAL_WORDS_MODE:PHRASAL_WORDS_MODE,COMMENT:COMMENT,C_LINE_COMMENT_MODE:C_LINE_COMMENT_MODE,C_BLOCK_COMMENT_MODE:C_BLOCK_COMMENT_MODE,HASH_COMMENT_MODE:HASH_COMMENT_MODE,NUMBER_MODE:NUMBER_MODE,C_NUMBER_MODE:C_NUMBER_MODE,BINARY_NUMBER_MODE:BINARY_NUMBER_MODE,CSS_NUMBER_MODE:CSS_NUMBER_MODE,REGEXP_MODE:REGEXP_MODE,TITLE_MODE:TITLE_MODE,UNDERSCORE_TITLE_MODE:UNDERSCORE_TITLE_MODE,METHOD_GUARD:METHOD_GUARD,END_SAME_AS_BEGIN:END_SAME_AS_BEGIN});function skipIfhasPrecedingDot(e,r){var t=e.input[e.index-1];if(t==="."){r.ignoreMatch()}}function beginKeywords(e,r){if(!r)return;if(!e.beginKeywords)return;e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)";e.__beforeBegin=skipIfhasPrecedingDot;e.keywords=e.keywords||e.beginKeywords;delete e.beginKeywords;if(e.relevance===undefined)e.relevance=0}function compileIllegal(e,r){if(!Array.isArray(e.illegal))return;e.illegal=either.apply(void 0,e.illegal)}function compileMatch(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 compileRelevance(e,r){if(e.relevance===undefined)e.relevance=1}var COMMON_KEYWORDS=["of","and","for","in","not","or","if","then","parent","list","value"];var DEFAULT_KEYWORD_CLASSNAME="keyword";function compileKeywords(e,r,t){if(t===void 0){t=DEFAULT_KEYWORD_CLASSNAME}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,compileKeywords(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,scoreForKeyword(t[0],t[1])]}))}}function scoreForKeyword(e,r){if(r){return Number(r)}return commonKeyword(e)?0:1}function commonKeyword(e){return COMMON_KEYWORDS.includes(e.toLowerCase())}function compileLanguage(e,r){var t=r.plugins;function n(r,t){return new RegExp(source(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+=countMatchGroups(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(join(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 s=function(){function e(){this.rules=[];this.multiRegexes=[];this.count=0;this.lastIndex=0;this.regexIndex=0}e.prototype.getMatcher=function(e){if(this.multiRegexes[e])return this.multiRegexes[e];var 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 i(e){var r=new s;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;[compileMatch].forEach((function(e){return e(r,t)}));e.compilerExtensions.forEach((function(e){return e(r,t)}));r.__beforeBegin=null;[beginKeywords,compileIllegal,compileRelevance].forEach((function(e){return e(r,t)}));r.isCompiled=true;var s=null;if(typeof r.keywords==="object"){s=r.keywords.$pattern;delete r.keywords.$pattern}if(r.keywords){r.keywords=compileKeywords(r.keywords,e.case_insensitive)}if(r.lexemes&&s){throw new Error("ERR: Prefer `keywords.$pattern` to `mode.lexemes`, BOTH are not allowed. (see mode reference) ")}s=s||r.lexemes||/\w+/;a.keywordPatternRe=n(s,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=source(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 expandOrCloneMode(e==="self"?r:e)})));r.contains.forEach((function(e){o(e,a)}));if(r.starts){o(r.starts,t)}a.matcher=i(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=inherit(e.classNameAliases||{});return o(e)}function dependencyOnParent(e){if(!e)return false;return e.endsWithParent||dependencyOnParent(e.starts)}function expandOrCloneMode(e){if(e.variants&&!e.cachedVariants){e.cachedVariants=e.variants.map((function(r){return inherit(e,{variants:null},r)}))}if(e.cachedVariants){return e.cachedVariants}if(dependencyOnParent(e)){return inherit(e,{starts:e.starts?inherit(e.starts):null})}if(Object.isFrozen(e)){return inherit(e)}return e}var version="10.7.3";function hasValueOrEmptyAttribute(e){return Boolean(e||e==="")}function BuildVuePlugin(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 escapeHTML(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||hasValueOrEmptyAttribute(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 mergeHTMLPlugin={"after:highlightElement":function(e){var r=e.el,t=e.result,n=e.text;var a=nodeStream(r);if(!a.length)return;var s=document.createElement("div");s.innerHTML=t.value;t.value=mergeStreams(a,nodeStream(s),n)}};function tag(e){return e.nodeName.toLowerCase()}function nodeStream(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(!tag(a).match(/br|hr|img|input/)){r.push({event:"stop",offset:n,node:a})}}}return n})(e,0);return r}function mergeStreams(e,r,t){var n=0;var a="";var s=[];function i(){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+'="'+escapeHTML(e.value)+'"'}a+="<"+tag(e)+[].map.call(e.attributes,r).join("")+">"}function l(e){a+="</"+tag(e)+">"}function u(e){(e.event==="start"?o:l)(e.node)}while(e.length||r.length){var d=i();a+=escapeHTML(t.substring(n,d[0].offset));n=d[0].offset;if(d===e){s.reverse().forEach(l);do{u(d.splice(0,1)[0]);d=i()}while(d===e&&d.length&&d[0].offset===n);s.reverse().forEach(o)}else{if(d[0].event==="start"){s.push(d[0].node)}else{s.pop()}u(d.splice(0,1)[0])}}return a+escapeHTML(t.substr(n))}var seenDeprecations={};var error$1=function(e){console.error(e)};var warn=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 deprecated=function(e,r){if(seenDeprecations[e+"/"+r])return;console.log("Deprecated as of "+e+". "+r);seenDeprecations[e+"/"+r]=true};var escape$1=escapeHTML;var inherit$1=inherit;var NO_MATCH=Symbol("nomatch");var HLJS=function(e){var r=Object.create(null);var t=Object.create(null);var n=[];var a=true;var s=/(^(<[^>]+>|\t|)+|\n)/gm;var i="Could not find the language '{}', did you forget to load/include a language module?";var o={disableAutodetect:true,name:"Plain text",contains:[]};var l={noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",tabReplace:null,useBR:false,languages:null,__emitter:TokenTreeEmitter};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=P(t[1]);if(!n){warn(i.replace("{}",t[1]));warn("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)||P(e)}))}function c(e,r,t,n){var a="";var s="";if(typeof r==="object"){a=e;t=r.ignoreIllegals;s=r.language;n=undefined}else{deprecated("10.7.0","highlight(lang, code, ...args) has been deprecated.");deprecated("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277");s=e;a=r}var i={code:a,language:s};F("before:highlight",i);var o=i.result?i.result:m(i.language,i.code,t,n);o.code=i.code;F("after:highlight",o);return o}function m(e,t,s,o){function u(e,r){var t=C.case_insensitive?r[0].toLowerCase():r[0];return Object.prototype.hasOwnProperty.call(e.keywords,t)&&e.keywords[t]}function d(){if(!A.keywords){k.addText(R);return}var e=0;A.keywordPatternRe.lastIndex=0;var r=A.keywordPatternRe.exec(R);var t="";while(r){t+=R.substring(e,r.index);var n=u(A,r);if(n){var a=n[0],s=n[1];k.addText(t);t="";T+=s;if(a.startsWith("_")){t+=r[0]}else{var i=C.classNameAliases[a]||a;k.addKeyword(r[0],i)}}else{t+=r[0]}e=A.keywordPatternRe.lastIndex;r=A.keywordPatternRe.exec(R)}t+=R.substr(e);k.addText(t)}function c(){if(R==="")return;var e=null;if(typeof A.subLanguage==="string"){if(!r[A.subLanguage]){k.addText(R);return}e=m(A.subLanguage,R,true,q[A.subLanguage]);q[A.subLanguage]=e.top}else{e=h(R,A.subLanguage.length?A.subLanguage:null)}if(A.relevance>0){T+=e.relevance}k.addSublanguage(e.emitter,e.language)}function p(){if(A.subLanguage!=null){c()}else{d()}R=""}function g(e){if(e.className){k.openNode(C.classNameAliases[e.className]||e.className)}A=Object.create(e,{parent:{value:A}});return A}function f(e,r,t){var n=startsWith(e.endRe,t);if(n){if(e["on:end"]){var a=new Response(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(A.matcher.regexIndex===0){R+=e[0];return 1}else{N=true;return 0}}function w(e){var r=e[0];var t=e.rule;var n=new Response(t);var a=[t.__beforeBegin,t["on:begin"]];for(var s=0,i=a;s<i.length;s++){var o=i[s];if(!o)continue;o(e,n);if(n.isMatchIgnored)return b(r)}if(t&&t.endSameAsBegin){t.endRe=escape(r)}if(t.skip){R+=r}else{if(t.excludeBegin){R+=r}p();if(!t.returnBegin&&!t.excludeBegin){R=r}}g(t);return t.returnBegin?0:r.length}function v(e){var r=e[0];var n=t.substr(e.index);var a=f(A,e,n);if(!a){return NO_MATCH}var s=A;if(s.skip){R+=r}else{if(!(s.returnEnd||s.excludeEnd)){R+=r}p();if(s.excludeEnd){R=r}}do{if(A.className){k.closeNode()}if(!A.skip&&!A.subLanguage){T+=A.relevance}A=A.parent}while(A!==a.parent);if(a.starts){if(a.endSameAsBegin){a.starts.endRe=a.endRe}g(a.starts)}return s.returnEnd?0:r.length}function x(){var e=[];for(var r=A;r!==C;r=r.parent){if(r.className){e.unshift(r.className)}}e.forEach((function(e){return k.openNode(e)}))}var y={};function E(r,n){var i=n&&n[0];R+=r;if(i==null){p();return 0}if(y.type==="begin"&&n.type==="end"&&y.index===n.index&&i===""){R+=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 w(n)}else if(n.type==="illegal"&&!s){var o=new Error('Illegal lexeme "'+i+'" for mode "'+(A.className||"<unnamed>")+'"');o.mode=A;throw o}else if(n.type==="end"){var l=v(n);if(l!==NO_MATCH){return l}}if(n.type==="illegal"&&i===""){return 1}if(I>1e5&&I>n.index*3){var o=new Error("potential infinite loop, way more iterations than matches");throw o}R+=i;return i.length}var C=P(e);if(!C){error$1(i.replace("{}",e));throw new Error('Unknown language: "'+e+'"')}var _=compileLanguage(C,{plugins:n});var D="";var A=o||_;var q={};var k=new l.__emitter(l);x();var R="";var T=0;var S=0;var I=0;var N=false;try{A.matcher.considerAll();for(;;){I++;if(N){N=false}else{A.matcher.considerAll()}A.matcher.lastIndex=S;var L=A.matcher.exec(t);if(!L)break;var F=t.substring(S,L.index);var B=E(F,L);S=L.index+B}E(t.substr(S));k.closeAllNodes();k.finalize();D=k.toHTML();return{relevance:Math.floor(T),value:D,language:e,illegal:false,emitter:k,top:A}}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:D,relevance:0,value:escape$1(t),emitter:k}}else if(a){return{illegal:false,relevance:0,value:escape$1(t),emitter:k,language:e,top:A,errorRaised:r}}else{throw r}}}function p(e){var r={relevance:0,emitter:new l.__emitter(l),value:escape$1(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(P).filter(I).map((function(r){return m(r,e,false)}));a.unshift(n);var s=a.sort((function(e,r){if(e.relevance!==r.relevance)return r.relevance-e.relevance;if(e.language&&r.language){if(P(e.language).supersetOf===r.language){return 1}else if(P(r.language).supersetOf===e.language){return-1}}return 0}));var i=s[0],o=s[1];var u=i;u.second_best=o;return u}function g(e){if(!(l.tabReplace||l.useBR)){return e}return e.replace(s,(function(e){if(e==="\n"){return l.useBR?"<br>":e}else if(l.tabReplace){return e.replace(/\t/g,l.tabReplace)}return e}))}function f(e,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 w=/^(<[^>]+>|\t)+/gm;var v={"after:highlightElement":function(e){var r=e.result;if(l.tabReplace){r.value=r.value.replace(w,(function(e){return e.replace(/\t/g,l.tabReplace)}))}}};function x(e){var r=null;var t=d(e);if(u(t))return;F("before:highlightElement",{el:e,language:t});r=e;var n=r.textContent;var a=t?c(n,{language:t,ignoreIllegals:true}):h(n);F("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){deprecated("10.3.0","'useBR' will be removed entirely in v11.0");deprecated("10.3.0","Please see https://github.com/highlightjs/highlight.js/issues/2559")}l=inherit$1(l,e)}var E=function(){if(E.called)return;E.called=true;deprecated("10.6.0","initHighlighting() is deprecated. Use highlightAll() instead.");var e=document.querySelectorAll("pre code");e.forEach(x)};function C(){deprecated("10.6.0","initHighlightingOnLoad() is deprecated. Use highlightAll() instead.");_=true}var _=false;function D(){if(document.readyState==="loading"){_=true;return}var e=document.querySelectorAll("pre code");e.forEach(x)}function A(){if(_)D()}if(typeof window!=="undefined"&&window.addEventListener){window.addEventListener("DOMContentLoaded",A,false)}function q(t,n){var s=null;try{s=n(e)}catch(e){error$1("Language definition for '{}' could not be registered.".replace("{}",t));if(!a){throw e}else{error$1(e)}s=o}if(!s.name)s.name=t;r[t]=s;s.rawDefinition=n.bind(null,e);if(s.aliases){S(s.aliases,{languageName:t})}}function k(e){delete r[e];for(var n=0,a=Object.keys(t);n<a.length;n++){var s=a[n];if(t[s]===e){delete t[s]}}}function R(){return Object.keys(r)}function T(e){deprecated("10.4.0","requireLanguage will be removed entirely in v11.");deprecated("10.4.0","Please see https://github.com/highlightjs/highlight.js/pull/2844");var r=P(e);if(r){return r}var t=new Error("The '{}' language is required, but not loaded.".replace("{}",e));throw t}function P(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 I(e){var r=P(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 L(e){N(e);n.push(e)}function F(e,r){var t=e;n.forEach((function(e){if(e[t]){e[t](r)}}))}function B(e){deprecated("10.2.0","fixMarkup will be removed entirely in v11.0");deprecated("10.2.0","Please see https://github.com/highlightjs/highlight.js/issues/2534");return g(e)}function V(e){deprecated("10.7.0","highlightBlock will be removed entirely in v12.0");deprecated("10.7.0","Please use highlightElement now.");return x(e)}Object.assign(e,{highlight:c,highlightAuto:h,highlightAll:D,fixMarkup:B,highlightElement:x,highlightBlock:V,configure:y,initHighlighting:E,initHighlightingOnLoad:C,registerLanguage:q,unregisterLanguage:k,listLanguages:R,getLanguage:P,registerAliases:S,requireLanguage:T,autoDetection:I,inherit:inherit$1,addPlugin:L,vuePlugin:BuildVuePlugin(e).VuePlugin});e.debugMode=function(){a=false};e.safeMode=function(){a=true};e.versionString=version;for(var O in MODES){if(typeof MODES[O]==="object"){deepFreezeEs6(MODES[O])}}Object.assign(e,MODES);e.addPlugin(b);e.addPlugin(mergeHTMLPlugin);e.addPlugin(v);return e};var highlight=HLJS({});var core=highlight;function gherkin(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 gherkin_1=gherkin;core.registerLanguage("gherkin",gherkin_1);var CucumberAddon=function(e,r){var t=e.story;var n;var a=(n=t.parent.parameters)===null||n===void 0?void 0:n.scenario;var s;try{s=core.highlight("gherkin",a)}catch(e){}return h("div",null,h("details",null,h("summary",null,"Specs"),s&&h("pre",{innerHTML:s.value})),r)};var stories=[ShareButton,ShareLink,BigStat,Leaderboard,LeaderboardRank,UseShareLink,UseShareButton,UseBigStat,UseEditProfile,UseLeaderboard,Router,PortalFrame,EditProfile,FormMessage,NewPortal,SidebarItem,NavigationSidebar,PortalLogin,PortalRegister,PortalForgotPassword,PortalEmailVerification,PortalResetPassword,PortalVerifyEmail,AssetCard,DividedLayout,ChangePassword,PortalProfile,ReferralTable,ReferralTableCell,ReferralTableRewardsCell,UserName,PasswordField,TaskCard$2,PortalTemplates,ProgramMenu,PoweredByImg,PortalFooter,Hero,ReferralIframe$1,NameFields$1,RewardExchangeList,UseRewardExchangeList,UseTaskCard,UseRewardsTable,ProgramExplainer,ProgramExplainerStep$1,BrandStories,CardFeed,PortalContainer,RewardsTableCell,RewardsTable,UseReferralTable,HeroImage,ReferralCard,Timeline,Image$1,TitledSection,Scroll];var StencilStorybook=function(){function e(e){registerInstance(this,e);this.ignored=true;h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=f(stories,{h:h,title:"Mint Components",addons:[CucumberAddon,ShadowViewAddon,HookStoryAddon]}),r=e.class,t=e.children;var n=useState("Default"),a=n[0],s=n[1];var i=useState(true),o=i[0],l=i[1];var u=Object.keys(Themes);var d=Themes[a];return h(Host,{class:r,onClick:{}},h("div",{style:{position:"absolute",top:"0",right:"0",zIndex:"999999"}},"Branding:",h("select",{onChange:function(e){return s(e.target.value)}},u.map((function(e){return h("option",{selected:e===a},e)}))),h("div",null,h("div",null)),h(ColorScale,null),h("br",null),h("input",{type:"checkbox",id:"checkerboard",onClick:function(){return l(!o)},onChange:function(){return document.documentElement.style.setProperty("--checker-color-1",o?"#ebebeb":"#ffffff00")}}),h("label",{htmlFor:"checkerboard"},"Checkerboard?")),h("style",null,d),h("style",null,ResizerStylesheet),t)};return e}();function ColorScale(){return h("span",null,h(ColorToken,null),h(ColorToken,{type:"success"}),h(ColorToken,{type:"warning"}),h(ColorToken,{type:"danger"}),h(ColorToken,{type:"neutral"}))}function ColorToken(e){var r=e.type,t=r===void 0?"primary":r;return h("span",{style:{background:"var(--sl-color-"+t+"-500)",width:"1em",marginRight:"2px",padding:"0 4px"},title:t},t.charAt(0))}export{StencilStorybook as sqm_stencilbook};var templateObject_1;