npm - @saasquatch/mint-components - Versions diffs - 1.5.0-13 → 1.5.0-14 - Mend

@saasquatch/mint-components 1.5.0-13 → 1.5.0-14

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 (45) hide show

package/dist/mint-components/{p-9ef3c3bc.entry.js → p-8f947193.entry.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as e,h as t,c as r,d as n}from"./p-64c3217a.js";import{m as a,e as i,j as s,f as o,n as l,y as d,b as u,u as c,c as m,a as p,k as h}from"./p-44578b22.js";import{i as f,a as g}from"./p-8fd8682c.js";import{u as b}from"./p-ba505a8c.js";import{d as v,n as y,c as w,D as $,j as x,a as C,b as q,H as D,$ as E,S as k,V as A,M as S,p as T,v as F,x as P,e as R,Y as I,z as N,A as B}from"./p-a833dbb3.js";import{j as _}from"./p-e7e129ac.js";import{j as O,c as L}from"./p-db5a1e78.js";import{g as j,a as M}from"./p-fb1b6fdf.js";import{c as V}from"./p-c1086930.js";import{E as G,H as z,A as H,a as W,b as U,g as Z}from"./p-26f627aa.js";import{P as J,a as X}from"./p-77b5a0a4.js";import{P as Y}from"./p-e426715b.js";import{T as K}from"./p-9b4f2af6.js";import{g as Q,L as ee}from"./p-f7f87338.js";import{u as te,a as re}from"./p-61acba7a.js";import{S as ne}from"./p-412d31b1.js";import{p as ae,B as ie,u as se,a as oe}from"./p-11cd0656.js";import{L as le,u as de,S as ue}from"./p-faf66fdb.js";import{N as ce}from"./p-99f1208f.js";import{N as me}from"./p-5d925bb6.js";import{S as pe}from"./p-952ed169.js";import{P as he}from"./p-fee6801c.js";import{P as fe}from"./p-1f95b411.js";import{P as ge}from"./p-bd903567.js";import{P as be}from"./p-a8b913a8.js";import{A as ve}from"./p-509dda90.js";import{P as ye,a as we}from"./p-4b719313.js";import{H as $e}from"./p-739b3032.js";import{N as xe}from"./p-282ed862.js";import{P as Ce}from"./p-0e95b67b.js";import{P as qe}from"./p-376a0b37.js";import{C as De}from"./p-8a714f3f.js";function Ee(e,t,r){return Math.min(Math.max(e,r),t)}class ke extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function Ae(e){if("string"!=typeof e)throw new ke(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=Be.test(e)?function(e){const t=e.toLowerCase().trim(),r=Te[function(e){let t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new ke(e);return`#${r}`}(e):e;const r=Pe.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(Fe(e,2),16))),parseInt(Fe(e[3]||"f",2),16)/255]}const n=Re.exec(t);if(n){const e=Array.from(n).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const a=Ie.exec(t);if(a){const e=Array.from(a).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const i=Ne.exec(t);if(i){const[t,r,n,a]=Array.from(i).slice(1).map(parseFloat);if(Ee(0,100,r)!==r)throw new ke(e);if(Ee(0,100,n)!==n)throw new ke(e);return[...Oe(t,r,n),a||1]}throw new ke(e)}const Se=e=>parseInt(e.replace(/_/g,""),36),Te="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,t)=>{const r=Se(t.substring(0,3)),n=Se(t.substring(3)).toString(16);let a="";for(let e=0;e<6-n.length;e++)a+="0";return e[r]=`${a}${n}`,e}),{}),Fe=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),Pe=new RegExp(`^#${Fe("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Re=new RegExp(`^#${Fe("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Ie=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Fe(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),Ne=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Be=/^[a-z]+$/i,_e=e=>Math.round(255*e),Oe=(e,t,r)=>{let n=r/100;if(0===t)return[n,n,n].map(_e);const a=(e%360+360)%360/60,i=(1-Math.abs(2*n-1))*(t/100),s=i*(1-Math.abs(a%2-1));let o=0,l=0,d=0;a>=0&&a<1?(o=i,l=s):a>=1&&a<2?(o=s,l=i):a>=2&&a<3?(l=i,d=s):a>=3&&a<4?(l=s,d=i):a>=4&&a<5?(o=s,d=i):a>=5&&a<6&&(o=i,d=s);const u=n-i/2;return[o+u,l+u,d+u].map(_e)},Le=[50,100,200,300,400,500,600,700,800,900,950],je=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],Me=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function Ve(e,t="primary"){const[r,n,a,i]=function(e){const t=e.trim(),r=Me.exec(t);if(r){const[t,n,a,i]=Array.from(r).slice(1).map(parseFloat);if(Ee(0,100,n)!==n)throw new ke(e);if(Ee(0,100,a)!==a)throw new ke(e);return[t,n,a,i||1]}return function(e){const[t,r,n,a]=Ae(e).map(((e,t)=>3===t?e:e/255)),i=Math.max(t,r,n),s=Math.min(t,r,n),o=(i+s)/2;if(i===s)return[0,0,o,a];const l=i-s;return[60*(t===i?(r-n)/l+(r<n?6:0):r===i?(n-t)/l+2:(t-r)/l+4),o>.5?l/(2-i-s):l/(i+s),o,a]}(e)}(e);return je.map((e=>function(e,t,r,n){return`hsla(${(e%360).toFixed()}, ${Ee(0,100,100*t).toFixed()}%, ${Ee(0,100,100*r).toFixed()}%, ${parseFloat(Ee(0,1,n).toFixed(3))})`}(r,n,e,i))).map(((e,r)=>`--sl-color-${t}-${Le[r]}: ${e};\n`))}function Ge(e,t="primary"){return Ve(e,t).join("\n")}const ze=class{constructor(t){e(this,t),a(this)}disconnectedCallback(){}render(){var e,n;const a=Ge(null!==(e=this.brandColor)&&void 0!==e?e:"inherit"),s=(null!==(n=this.brandFont)&&void 0!==n?n:"").trim()||void 0;i((()=>{if(!s)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(s)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[s]);const o=null!=s?s:"inherit";return t(r,null,t("style",null,`\n          :host{\n            display: contents;\n          }\n          /* \n          Selects any element placed inside a slot\n           - resets css variable inheritence for fonts\n          \n          */\n          ::slotted(*) {\n            --sl-font-sans: "${o}", arial;\n            --sl-input-font-family: "${o}", arial;\n            --sl-tooltip-font-family: "${o}", arial;\n            font-family:  "${o}", arial;\n\n            ${a}\n          }`),t("slot",null))}};function He(e,r){const n=()=>"row"===e.direction?{"border-right":e.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":e.dividerStyle||"1px solid #EAEAEA"},a={LayoutContainer:{display:"contents","& > :not(:last-child)":{...n()},"& > ::slotted(*:not(:last-child))":{...n()}}},i=`\n    display: flex;\n    flex: 1;\n    flex-direction: ${e.direction};\n    background-color: var(--sqm-content-background);\n    ${"column"===e.direction?"width: 100%; max-width: var(--sqm-portal-main-width);":""}\n  `,s=`\n  :host{\n    ${i}\n  }\n  sqm-divided-layout {\n    ${i}\n  }\n  `;O.setup(L());const o=O.createStyleSheet(a),l=o.toString();return t("div",{class:o.classes.LayoutContainer},t("style",{type:"text/css"},s,l),r)}const We=class{constructor(t){e(this,t),this.dividerStyle="1px solid #EAEAEA",a(this)}disconnectedCallback(){}render(){return t(He,Object.assign({},j(this)),t("slot",null))}},Ue=e=>{var r,n,a,i;const{states:s,callbacks:o}=e,{text:l}=s,{errors:d}=s.formState;return s.showEdit?t("div",{class:`CardWrapper ${!s.showEdit&&"ShowEdit"}`},t("h2",{style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},l.editprofileheader),t("form",{class:"FormWrapper",onSubmit:o.onSubmit},t("div",{class:"FormSection"},s.formState.error&&t("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},s.formState.error)),t("sl-input",Object.assign({exportparts:"label: input-label",value:s.formState.firstName,onInput:o.onChange,label:l.firstnametext,disabled:s.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),t("sl-input",Object.assign({exportparts:"label: input-label",value:s.formState.lastName,onInput:o.onChange,label:l.lastnametext,disabled:s.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),l.showregion&&s.formState.currentRegion&&t("sl-input",{exportparts:"label: input-label",disabled:!0,value:s.formState.currentRegion,label:l.currentregiontext,id:"currentRegion",name:"currentRegion"}),t("div",{class:"ButtonWrapper"},t("sl-button",{onClick:()=>{o.setShowEdit(!1)},exportparts:"base: defaultbutton-base"},l.canceltext),t("sl-button",{type:"primary",loading:s.loading,disabled:s.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},l.updatetext)))):t("div",{class:`CardWrapper FormWrapper ${!s.showEdit&&"ShowEdit"}`},t("div",{class:"FormSection"},t("h2",{style:{fontSize:"var(--sl-font-size-x-large",marginBottom:"0px",textAlign:"center"}},l.editprofileheader),t("div",null,t("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(r=s.user)||void 0===r?void 0:r.firstName," ",null===(n=s.user)||void 0===n?void 0:n.lastName),t("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(a=s.user)||void 0===a?void 0:a.email},null===(i=s.user)||void 0===i?void 0:i.email))),t("sl-button",{type:"primary",loading:s.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},l.editprofiletext))},Ze=v.gql`
+import{r as e,h as t,c as r,d as n}from"./p-64c3217a.js";import{m as a,e as i,j as s,f as o,n as l,y as d,b as u,u as c,c as m,a as p,k as h}from"./p-44578b22.js";import{i as f,a as g}from"./p-8fd8682c.js";import{u as b}from"./p-ba505a8c.js";import{d as v,n as y,c as w,D as $,j as x,a as C,b as q,H as D,$ as E,S as k,V as A,M as S,p as T,v as F,x as P,e as R,Y as I,z as N,A as B}from"./p-a833dbb3.js";import{j as _}from"./p-e7e129ac.js";import{j as O,c as L}from"./p-db5a1e78.js";import{g as j,a as M}from"./p-fb1b6fdf.js";import{c as V}from"./p-c1086930.js";import{E as G,H as z,A as H,a as W,b as U,g as Z}from"./p-26f627aa.js";import{P as J,a as X}from"./p-77b5a0a4.js";import{P as Y}from"./p-e426715b.js";import{T as K}from"./p-9b4f2af6.js";import{g as Q,L as ee}from"./p-f7f87338.js";import{u as te,a as re}from"./p-61acba7a.js";import{S as ne}from"./p-412d31b1.js";import{p as ae,B as ie,u as se,a as oe}from"./p-11cd0656.js";import{L as le,u as de,S as ue}from"./p-faf66fdb.js";import{N as ce}from"./p-99f1208f.js";import{N as me}from"./p-5d925bb6.js";import{S as pe}from"./p-952ed169.js";import{P as he}from"./p-fee6801c.js";import{P as fe}from"./p-1f95b411.js";import{P as ge}from"./p-bd903567.js";import{P as be}from"./p-a8b913a8.js";import{A as ve}from"./p-509dda90.js";import{P as ye,a as we}from"./p-4b719313.js";import{H as $e}from"./p-739b3032.js";import{N as xe}from"./p-282ed862.js";import{P as Ce}from"./p-0e95b67b.js";import{P as qe}from"./p-376a0b37.js";import{C as De}from"./p-d295c90d.js";function Ee(e,t,r){return Math.min(Math.max(e,r),t)}class ke extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function Ae(e){if("string"!=typeof e)throw new ke(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=Be.test(e)?function(e){const t=e.toLowerCase().trim(),r=Te[function(e){let t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new ke(e);return`#${r}`}(e):e;const r=Pe.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(Fe(e,2),16))),parseInt(Fe(e[3]||"f",2),16)/255]}const n=Re.exec(t);if(n){const e=Array.from(n).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const a=Ie.exec(t);if(a){const e=Array.from(a).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const i=Ne.exec(t);if(i){const[t,r,n,a]=Array.from(i).slice(1).map(parseFloat);if(Ee(0,100,r)!==r)throw new ke(e);if(Ee(0,100,n)!==n)throw new ke(e);return[...Oe(t,r,n),a||1]}throw new ke(e)}const Se=e=>parseInt(e.replace(/_/g,""),36),Te="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,t)=>{const r=Se(t.substring(0,3)),n=Se(t.substring(3)).toString(16);let a="";for(let e=0;e<6-n.length;e++)a+="0";return e[r]=`${a}${n}`,e}),{}),Fe=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),Pe=new RegExp(`^#${Fe("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Re=new RegExp(`^#${Fe("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Ie=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Fe(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),Ne=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Be=/^[a-z]+$/i,_e=e=>Math.round(255*e),Oe=(e,t,r)=>{let n=r/100;if(0===t)return[n,n,n].map(_e);const a=(e%360+360)%360/60,i=(1-Math.abs(2*n-1))*(t/100),s=i*(1-Math.abs(a%2-1));let o=0,l=0,d=0;a>=0&&a<1?(o=i,l=s):a>=1&&a<2?(o=s,l=i):a>=2&&a<3?(l=i,d=s):a>=3&&a<4?(l=s,d=i):a>=4&&a<5?(o=s,d=i):a>=5&&a<6&&(o=i,d=s);const u=n-i/2;return[o+u,l+u,d+u].map(_e)},Le=[50,100,200,300,400,500,600,700,800,900,950],je=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],Me=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function Ve(e,t="primary"){const[r,n,a,i]=function(e){const t=e.trim(),r=Me.exec(t);if(r){const[t,n,a,i]=Array.from(r).slice(1).map(parseFloat);if(Ee(0,100,n)!==n)throw new ke(e);if(Ee(0,100,a)!==a)throw new ke(e);return[t,n,a,i||1]}return function(e){const[t,r,n,a]=Ae(e).map(((e,t)=>3===t?e:e/255)),i=Math.max(t,r,n),s=Math.min(t,r,n),o=(i+s)/2;if(i===s)return[0,0,o,a];const l=i-s;return[60*(t===i?(r-n)/l+(r<n?6:0):r===i?(n-t)/l+2:(t-r)/l+4),o>.5?l/(2-i-s):l/(i+s),o,a]}(e)}(e);return je.map((e=>function(e,t,r,n){return`hsla(${(e%360).toFixed()}, ${Ee(0,100,100*t).toFixed()}%, ${Ee(0,100,100*r).toFixed()}%, ${parseFloat(Ee(0,1,n).toFixed(3))})`}(r,n,e,i))).map(((e,r)=>`--sl-color-${t}-${Le[r]}: ${e};\n`))}function Ge(e,t="primary"){return Ve(e,t).join("\n")}const ze=class{constructor(t){e(this,t),a(this)}disconnectedCallback(){}render(){var e,n;const a=Ge(null!==(e=this.brandColor)&&void 0!==e?e:"inherit"),s=(null!==(n=this.brandFont)&&void 0!==n?n:"").trim()||void 0;i((()=>{if(!s)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(s)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[s]);const o=null!=s?s:"inherit";return t(r,null,t("style",null,`\n          :host{\n            display: contents;\n          }\n          /* \n          Selects any element placed inside a slot\n           - resets css variable inheritence for fonts\n          \n          */\n          ::slotted(*) {\n            --sl-font-sans: "${o}", arial;\n            --sl-input-font-family: "${o}", arial;\n            --sl-tooltip-font-family: "${o}", arial;\n            font-family:  "${o}", arial;\n\n            ${a}\n          }`),t("slot",null))}};function He(e,r){const n=()=>"row"===e.direction?{"border-right":e.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":e.dividerStyle||"1px solid #EAEAEA"},a={LayoutContainer:{display:"contents","& > :not(:last-child)":{...n()},"& > ::slotted(*:not(:last-child))":{...n()}}},i=`\n    display: flex;\n    flex: 1;\n    flex-direction: ${e.direction};\n    background-color: var(--sqm-content-background);\n    ${"column"===e.direction?"width: 100%; max-width: var(--sqm-portal-main-width);":""}\n  `,s=`\n  :host{\n    ${i}\n  }\n  sqm-divided-layout {\n    ${i}\n  }\n  `;O.setup(L());const o=O.createStyleSheet(a),l=o.toString();return t("div",{class:o.classes.LayoutContainer},t("style",{type:"text/css"},s,l),r)}const We=class{constructor(t){e(this,t),this.dividerStyle="1px solid #EAEAEA",a(this)}disconnectedCallback(){}render(){return t(He,Object.assign({},j(this)),t("slot",null))}},Ue=e=>{var r,n,a,i;const{states:s,callbacks:o}=e,{text:l}=s,{errors:d}=s.formState;return s.showEdit?t("div",{class:`CardWrapper ${!s.showEdit&&"ShowEdit"}`},t("h2",{style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},l.editprofileheader),t("form",{class:"FormWrapper",onSubmit:o.onSubmit},t("div",{class:"FormSection"},s.formState.error&&t("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},s.formState.error)),t("sl-input",Object.assign({exportparts:"label: input-label",value:s.formState.firstName,onInput:o.onChange,label:l.firstnametext,disabled:s.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),t("sl-input",Object.assign({exportparts:"label: input-label",value:s.formState.lastName,onInput:o.onChange,label:l.lastnametext,disabled:s.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),l.showregion&&s.formState.currentRegion&&t("sl-input",{exportparts:"label: input-label",disabled:!0,value:s.formState.currentRegion,label:l.currentregiontext,id:"currentRegion",name:"currentRegion"}),t("div",{class:"ButtonWrapper"},t("sl-button",{onClick:()=>{o.setShowEdit(!1)},exportparts:"base: defaultbutton-base"},l.canceltext),t("sl-button",{type:"primary",loading:s.loading,disabled:s.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},l.updatetext)))):t("div",{class:`CardWrapper FormWrapper ${!s.showEdit&&"ShowEdit"}`},t("div",{class:"FormSection"},t("h2",{style:{fontSize:"var(--sl-font-size-x-large",marginBottom:"0px",textAlign:"center"}},l.editprofileheader),t("div",null,t("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(r=s.user)||void 0===r?void 0:r.firstName," ",null===(n=s.user)||void 0===n?void 0:n.lastName),t("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(a=s.user)||void 0===a?void 0:a.email},null===(i=s.user)||void 0===i?void 0:i.email))),t("sl-button",{type:"primary",loading:s.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},l.editprofiletext))},Ze=v.gql`
   query {
     viewer {
       ... on User {
@@ -245,7 +245,7 @@ import{r as e,h as t,c as r,d as n}from"./p-64c3217a.js";import{m as a,e as i,j
       }
     }
   }
-`,Rn=()=>t("svg",{width:19,height:15,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.125 14.783a.6.6 0 0 1-.851 0l-3.9-3.923a.6.6 0 1 1 .85-.846L4.1 12.905V1.52a.6.6 0 0 1 1.2 0v11.385l2.875-2.891a.6.6 0 1 1 .85.846l-3.9 3.923Zm9.6-13.686a.6.6 0 0 0-.851 0l-3.9 3.923a.6.6 0 0 0 .85.846L13.7 2.975V14.36a.6.6 0 1 0 1.2 0V2.975l2.875 2.891a.6.6 0 1 0 .85-.846l-3.9-3.923Z",fill:"#333"})),In=()=>t("svg",{width:12,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.58.23c.475.371.56 1.057.19 1.532L5.69 9.554a1.091 1.091 0 0 1-1.631.1L.32 5.915a1.09 1.09 0 1 1 1.542-1.542L4.73 7.239 10.049.42A1.09 1.09 0 0 1 11.58.23Z",fill:"#fff"})),Nn=()=>t("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9Z",fill:"currentColor"}),t("path",{d:"M5.68394 8.77046C5.28103 8.39273 4.64819 8.41315 4.27046 8.81606C3.89273 9.21897 3.91315 9.85181 4.31606 10.2295L5.68394 8.77046ZM7.66667 12L6.98273 12.7295C7.36738 13.0902 7.96595 13.0902 8.35061 12.7295L7.66667 12ZM13.6839 7.72954C14.0869 7.35181 14.1073 6.71897 13.7295 6.31606C13.3518 5.91315 12.719 5.89273 12.3161 6.27046L13.6839 7.72954ZM4.31606 10.2295L6.98273 12.7295L8.35061 11.2705L5.68394 8.77046L4.31606 10.2295ZM8.35061 12.7295L13.6839 7.72954L12.3161 6.27046L6.98273 11.2705L8.35061 12.7295Z",fill:"white"})),Bn=()=>t("svg",{width:156,height:157,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M40.18 126h83.663a3 3 0 0 0 3-3V73.966a3 3 0 0 0-3-3H40.18a3 3 0 0 0-3 3V123a3 3 0 0 0 3 3Z",fill:"#FFD34F"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M37.18 73.862v7.966h89.663v-7.966H37.18Z",fill:"#E9BB30"}),t("path",{d:"M133.039 74.224a2.18 2.18 0 0 0 2.187-2.172v-19.19c0-1.2-.98-2.172-2.187-2.172H31.347a2.18 2.18 0 0 0-2.187 2.172v19.19c0 1.2.98 2.172 2.187 2.172H133.04Z",fill:"#FFC000"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M123.287 35.172c0 6.056-9.155 15.226-13.76 15.654H88.888V126H75.141V50.826H58.534c-9.462-2.038-17.803-9.258-17.803-16.944 0-7.49 3.274-13.422 9.23-15.983 5.693-2.446 12.265-1.105 17.46 2.479 6.378 4.398 9.956 12.654 13.202 20.144.284.657.567 1.308.848 1.95.274-.608.55-1.228.83-1.856 3.216-7.22 6.887-15.464 13.057-19.89 5.454-3.913 12.387-5.39 18.38-2.711 6.197 2.77 9.549 9.127 9.549 17.157Zm-23.306-8.266c3.305-2.37 7.262-2.8 10.645 0 2.946 2.44 3.103 3.588 3.482 6.351l.067.483c0 4.09-3.549 10.252-7.097 10.252-2.515 0-4.489-.022-6.34-.041-3.375-.036-6.337-.068-11.403.04.966-1.86 1.737-3.644 2.473-5.346 1.967-4.553 3.678-8.515 8.173-11.739Zm-39.034 0c-1.6-1.103-5.268-.61-6.79.043-1.257.54-3.134 2.19-3.134 6.933 0 4.61 7.511 8.59 7.511 8.59s5.962 1.52 16.607 1.52c-3.624-8.922-8.757-13.336-14.194-17.086Z",fill:"#EB5757"}),t("path",{d:"M75.086 74.224h13.85v7.604h-13.85v-7.604Z",fill:"#DD4747"}),t("g",{filter:"url(#a)"},t("ellipse",{cx:82.008,cy:141.207,rx:36.813,ry:5.793,fill:"#E0DDDD","fill-opacity":.8})),t("path",{d:"M150.446 79.134a.5.5 0 0 1 .9 0l1.133 2.336c.05.102.132.184.234.233l2.344 1.122a.5.5 0 0 1 0 .902l-2.344 1.122a.503.503 0 0 0-.234.233l-1.133 2.336a.5.5 0 0 1-.9 0l-1.134-2.336a.499.499 0 0 0-.234-.233l-2.343-1.122a.5.5 0 0 1 0-.902l2.343-1.122a.499.499 0 0 0 .234-.233l1.134-2.336Z",fill:"#FAB6B6"}),t("path",{d:"M14.86 29.168a.5.5 0 0 1 .9 0l1.133 2.336a.5.5 0 0 0 .234.233l2.344 1.122a.5.5 0 0 1 0 .902l-2.344 1.122a.5.5 0 0 0-.234.233l-1.133 2.336a.5.5 0 0 1-.9 0l-1.134-2.336a.5.5 0 0 0-.234-.233l-2.343-1.122a.5.5 0 0 1 0-.902l2.344-1.122a.5.5 0 0 0 .233-.233l1.134-2.336Z",fill:"#F4EFBC"}),t("path",{d:"m125.382 0 .712 1.466 1.475.706-1.475.707-.712 1.466-.711-1.466-1.476-.707 1.476-.706.711-1.466Z",fill:"#FDA802"}),t("path",{d:"m2.187 103.552.711 1.466 1.476.706-1.476.707-.711 1.466-.711-1.466L0 105.724l1.476-.706.71-1.466Z",fill:"#E4599C"}),t("defs",null,t("filter",{id:"a",x:35.195,y:125.414,width:93.625,height:31.586,filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},t("feFlood",{"flood-opacity":0,result:"BackgroundImageFix"}),t("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),t("feGaussianBlur",{stdDeviation:5,result:"effect1_foregroundBlur_653_17907"}))));function _n({active:e,completed:r,incomplete:n,stage:a}){return t("div",{style:{display:"flex"}},t("div",{style:{backgroundColor:r?"var(--sl-color-success-500)":n?"var(--sl-color-neutral-200)":"var(--sl-color-neutral-0)",border:e?"1px solid var(--sl-color-success-500)":n?"1px solid var(--sl-color-neutral-200)":"1px solid var(--sl-color-success-500)",borderRadius:"50%",width:"23px",height:"23px",margin:"-11px",zIndex:"1",boxSizing:"content-box"}},r?t("div",{style:{top:"-10.5%",left:"23.5%",position:"relative"}},t(In,null)):t("div",{style:{color:e?"var(--sl-color-success-500)":"var(--sl-color-neutral-50)",width:"23px",lineHeight:"24px",textAlign:"center",position:"relative"}},a+1)))}function On({incomplete:e=!1,active:r=!1,invisible:n=!1}){return t("div",{style:{content:"''",flex:"0.5 0.5 0",height:"4px",borderRadius:"4px",background:e||r?"var(--sl-color-neutral-200)":"var(--sl-color-success-500)",position:"relative",bottom:"0",left:"0",display:"flex",justifyContent:"center",columnGap:"50px",marginRight:"-2px",boxSizing:"content-box",opacity:n?"0":"1"}})}function Ln({active:e,completed:r,incomplete:n,stage:a}){return[t(On,{incomplete:n,invisible:0===a}),t(_n,{active:e,completed:r,incomplete:n,stage:a}),t(On,{incomplete:n,active:e,invisible:2===a})]}function jn({stageCount:e,currentStage:r}){return t("div",{style:{display:"flex",columnGap:"-2px"}},Array.from(Array(e).keys()).map((e=>t(Ln,{active:r===e,completed:r>e,incomplete:r<e,stage:e}))))}const Mn=["chooseReward","chooseAmount","confirmation","success"];function Vn(e){const{states:r,data:a,callbacks:i}=e,{selectedItem:s,selectedStep:o}=r,l={chooseReward:r.content.text.chooseRewardTitle,chooseAmount:r.content.text.chooseAmountTitle,confirmation:r.content.text.confirmationTitle},d={HostBlock:z,Container:{padding:"var(--sl-spacing-medium)",position:"relative"},CardContainer:{"&:active":{}},Base:{display:"flex",cursor:"pointer",textAlign:"center",height:"120px","&::part(base)":{boxShadow:"none",width:"100%",display:"flex",margin:"0 auto"},"&::part(body)":{padding:0,display:"flex",width:"100%"}},Drawer:{"&::part(base)":{minWidth:"400px",maxWidth:"700px",width:"50%",margin:"0 auto",right:"0"},"&::part(panel)":{height:"85vh",width:"100%"}},FullImage:{objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex",margin:"0 auto"},PreviewImage:{objectFit:"contain",width:"120px",height:"118px",flex:.33},InputBox:{width:"100%",marginBottom:"20px"},Select:{"&::part(label)":{color:"var(--sl-color-primary-500)"}},ProgressBar:{maxWidth:"350px",width:"100%",margin:"auto",marginBottom:"var(--sl-spacing-xxx-large)","& .text-area":{marginTop:"5px",display:"flex",justifyContent:"center",textAlign:"center",whiteSpace:"nowrap",marginBottom:"6px","& .text":{marginBottom:"var(--sl-spacing-x-small)",flex:"1 1 0"},"& .text.subdued":{color:"var(--sl-color-neutral-200)"}}},CardLayout:{display:"flex",width:"100%",borderRadius:"3px",background:"rgba(0, 0, 0, 0)"},Card:{display:"flex",userSelect:"none",height:"120px","&::part(base)":{boxShadow:"none",width:"100%"},"&::part(body)":{display:"flex",padding:0},"& .selected":{position:"relative",top:"-2%",left:"100%",color:"var(--sl-color-primary-500)",margin:"-9px"}},Square:{width:"120px",height:"118px",borderRadius:"3px 0 0 3px","& .image":{width:"100%",height:"100%",objectFit:"contain",borderRadius:"inherit"},"& .image.subdued":{filter:"brightness(0.95)",opacity:"0.5"}},Image:{padding:"8px",minWidth:"96px",maxWidth:"96px","& .image":{width:"100%",height:"100%",objectFit:"contain",borderRadius:"4px"},"& .image.subdued":{filter:"brightness(0.95)",opacity:"0.5"}},TextArea:{textAlign:"left",padding:"12px","& .title":{fontSize:"16px",lineHeight:"20px",fontWeight:"600",color:"var(--sl-color-neutral-1000)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .amount":{fontSize:"14px",lineHeight:"18px",marginTop:"8px",color:"var(--sl-color-neutral-500)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .error":{fontSize:"14px",lineHeight:"18px",marginTop:"8px",fontWeight:"600",color:"var(--sl-color-warning-500)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"}},ChooseAmount:{margin:"var(--sl-spacing-medium) 0","& .title":{fontSize:"113%",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-1000)"},"& .points":{fontSize:"113%",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-primary-500)"},"& .description":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-500)",margin:"var(--sl-spacing-medium) 0",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-xx-small)"},"& .space":{marginBottom:"var(--sl-spacing-xxx-large)"}},Success:{textAlign:"center","& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-1000)"},"& .description":{color:"var(--sl-color-neutral-400)",width:"100%",maxWidth:"350px",margin:"0 auto",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-xxx-large)",marginTop:"var(--sl-spacing-xx-small)"}},Grid:{display:"grid",justifyContent:"center",gap:"20px",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))"},Button:{display:"flex",flexWrap:"wrap-reverse",margin:"var(--sl-spacing-medium) 0","& .cancel":{marginLeft:"auto",marginRight:"var(--sl-spacing-medium)","&::part(base)":{fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-1000)"},"@media (max-width: 1024px)":{width:"100%",marginRight:"0"}},"& .continue":{"&::part(base)":{background:"var(--sl-color-primary-500)",borderColor:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-0)"},"@media (max-width: 1024px)":{width:"100%"}},"& .continue.right":{marginLeft:"auto"},"& .continue.center":{margin:"0 auto"}}};O.setup(L());const u=O.createStyleSheet(d),c=u.toString();const m={chooseReward:()=>{return[t("div",{class:u.classes.Grid},null===(e=a.exchangeList)||void 0===e?void 0:e.map((e=>{var a,o,l,d,c;const m={boxShadow:e.key===(null==s?void 0:s.key)?"0 0 0 2px var(--sl-color-primary-500)":"none",borderRadius:"4px"},p="FIXED_GLOBAL_REWARD"===e.ruleType?e.prettySourceValue:"STEPPED_FIXED_GLOBAL_REWARD"===e.ruleType?`${null===(a=e.steps[0])||void 0===a?void 0:a.sourceValue} to ${null===(o=e.steps.slice(-1).pop())||void 0===o?void 0:o.prettySourceValue}`:`${e.prettySourceMinValue} to ${e.prettySourceMaxValue}`;return t("div",{key:e.key,class:e.available?u.classes.CardContainer:"",style:m},t("sl-card",{class:u.classes.Card,style:{cursor:e.unavailableReasonCode?"not-allowed":"pointer"},onClick:()=>e.available&&i.setExchangeState({selectedItem:e})},e.key===(null==s?void 0:s.key)&&t("div",{class:"selected"},t(Nn,null)),t("div",{style:{display:"flex",width:"100%",height:"120px",borderRadius:"3px",background:e.unavailableReasonCode?"rgba(0, 0, 0, 0.05)":"rgba(0, 0, 0, 0)"}},t("div",{class:u.classes.Image,style:{opacity:e.unavailableReasonCode?"0.5":"1"}},t("img",{class:e.unavailableReasonCode?"image subdued":"image",src:(null==e?void 0:e.imageUrl)||n("./assets/placeholder.png")})),t("div",{class:u.classes.TextArea,style:{opacity:e.unavailableReasonCode?"0.5":"1"}},t("div",{class:"title",style:{"-webkit-line-clamp":e.unavailableReasonCode?"1":"2"}},null!==(l=e.name)&&void 0!==l?l:""),t("div",{class:"amount",style:{"-webkit-line-clamp":e.unavailableReasonCode?"1":"2"}},p),e.unavailableReasonCode&&t("div",{class:"error"},f.formatMessage({id:"unavailableCode",defaultMessage:null===(c=null===(d=r.content)||void 0===d?void 0:d.text)||void 0===c?void 0:c.notAvailableError},{unavailableReason:e.unavailableReason||e.unavailableReasonCode,sourceUnit:e.sourceUnit,sourceValue:e.prettySourceValue||e.prettySourceMinValue}))))))}))),t("div",{class:u.classes.Button},t("sl-button",{class:"continue right",size:"large",onClick:()=>i.setStage("chooseAmount"),loading:r.loading,disabled:!r.selectedItem},r.content.text.continueText))];var e},chooseAmount:()=>function(){var e,a,o,l;const d=function(){var e,n;const a=r.selectedItem;return a&&"FIXED_GLOBAL_REWARD"!==(null==a?void 0:a.ruleType)?(null===(e=a.steps)||void 0===e?void 0:e.length)?t("sl-select",{style:{width:"auto"},label:"Select amount to receive",class:u.classes.Select,value:r.selectedStep,"onSl-select":e=>{var t,r,n,a,s;return i.setExchangeState({amount:null===(n=null===(r=null===(t=e.detail)||void 0===t?void 0:t.item)||void 0===r?void 0:r.value)||void 0===n?void 0:n.sourceValue,selectedStep:null===(s=null===(a=e.detail)||void 0===a?void 0:a.item)||void 0===s?void 0:s.value})}},null===(n=a.steps)||void 0===n?void 0:n.map((e=>{var n,i;return t("sl-menu-item",{value:e,disabled:!e.available},e.prettyDestinationValue,t("div",{slot:"suffix",style:{fontSize:"75%",float:"right"}},e.prettySourceValue,e.unavailableReasonCode&&t("p",{style:{fontSize:"70%",color:"#F2994A"}},f.formatMessage({id:"unavailableCode",defaultMessage:null===(i=null===(n=r.content)||void 0===n?void 0:n.text)||void 0===i?void 0:i.notAvailableError},{unavailableReason:e.unavailableReasonCode,sourceUnit:a.sourceUnit,sourceValue:e.prettySourceValue||a.prettySourceMinValue}))))}))):t("p",null,f.formatMessage({id:"notEnoughError",defaultMessage:r.content.text.notEnoughError},{sourceUnit:a.sourceUnit})):t("span",null,null==a?void 0:a.prettySourceValue)}(),c="FIXED_GLOBAL_REWARD"!==(null===(e=r.selectedItem)||void 0===e?void 0:e.ruleType)&&d&&!r.amount;return t("div",null,t("div",null,t("img",{class:u.classes.FullImage,src:(null==s?void 0:s.imageUrl)||n("./assets/placeholder.png")})),t("div",{class:u.classes.ChooseAmount},t("div",{class:"title"},null!==(a=null==s?void 0:s.name)&&void 0!==a?a:""),"FIXED_GLOBAL_REWARD"===(null===(o=r.selectedItem)||void 0===o?void 0:o.ruleType)?t("div",{class:"points"},d):t("div",{class:"description"},null==s?void 0:s.description),"FIXED_GLOBAL_REWARD"===(null===(l=r.selectedItem)||void 0===l?void 0:l.ruleType)?t("div",{class:"description"},null==s?void 0:s.description):t("div",{class:"points"},d),t("div",{class:"space"})),t("div",{class:u.classes.Button},t("sl-button",{class:"cancel",size:"large",type:"text",onClick:()=>i.resetState()},r.content.text.cancelText),t("sl-button",{class:"continue",size:"large",onClick:()=>i.setStage("confirmation"),disabled:c},r.content.text.continueToConfirmationText)))}(),confirmation:()=>(console.log(null==s?void 0:s.name),t("div",null,t("h2",{style:{margin:"20px 0"}},r.content.text.redeemTitle),t("div",{style:{textAlign:"center",marginBottom:"var(--sl-spacing-xxx-large)"}},t("p",null,t("span",{style:{fontSize:"18px"}},(null==o?void 0:o.prettySourceValue)||(null==s?void 0:s.prettySourceValue))),t("p",null,t(Rn,null)),t("div",{class:u.classes.CardContainer,style:{boxShadow:"none",marginBottom:"10px",flex:"1",minWidth:"100%"}},t("sl-card",{style:{width:"auto",maxWidth:"350px",margin:"auto"},class:u.classes.Card},t("div",{class:u.classes.Square},t("img",{class:"image",src:(null==s?void 0:s.imageUrl)||n("./assets/placeholder.png")})),t("div",{class:u.classes.TextArea,style:{lineHeight:"18px",alignSelf:"center"}},(null==o?void 0:o.prettyDestinationValue)?`${null==o?void 0:o.prettyDestinationValue} ${(null==s?void 0:s.name)||""}`:(null==s?void 0:s.name)||"")))),t("div",{class:u.classes.Button},t("sl-button",{class:"cancel",type:"text",size:"large",onClick:()=>i.setStage("chooseAmount")},r.content.text.backText),t("sl-button",{class:"continue",size:"large",loading:r.loading,onClick:i.exchangeReward},r.content.text.redeemText)))),success:()=>{return t("div",{class:u.classes.Success},t(Bn,null),t("div",{class:"title"},r.content.text.rewardRedeemedText),t("div",{class:"description"},f.formatMessage({id:"successMessage",defaultMessage:r.content.text.redemptionSuccessText},{sourceValue:null!==(e=r.selectedItem.prettySourceValue)&&void 0!==e?e:null===(n=r.selectedStep)||void 0===n?void 0:n.prettySourceValue,destinationValue:(null===(s=r.selectedStep)||void 0===s?void 0:s.prettyDestinationValue)||(null===(o=r.selectedItem)||void 0===o?void 0:o.name)||r.selectedItem.globalRewardKey})),(null==a?void 0:a.fuelTankCode)&&t("div",{style:{width:"40%",margin:"-30px auto var(--sl-spacing-xxx-large) auto"}},t(ne,{shareString:a.fuelTankCode,tooltiptext:"Copied",open:r.open,onClick:i.copyFuelTankCode})),t("div",{class:u.classes.Button},t("sl-button",{class:"continue center",type:"primary",size:"large",onClick:()=>i.resetState(!0)},r.content.text.doneText)));var e,n,s,o}}[r.redeemStage];return t("div",{class:u.classes.Container},t("style",{type:"text/css"},c),t("div",null,function(){const e=Mn.indexOf(r.redeemStage);return t("div",{class:u.classes.ProgressBar},t("div",{class:"text-area"},Object.keys(l).map((r=>Mn.indexOf(r)<=e?t("span",{class:"text"},l[r]):t("span",{class:"text subdued"},l[r])))),t(jn,{stageCount:3,currentStage:e}))}(),"chooseReward"===r.redeemStage&&r.loading&&t("div",{class:u.classes.Grid},[...Array(8)].map((()=>t("div",{class:u.classes.CardContainer},t("sl-card",{class:u.classes.Card},t("div",{class:u.classes.CardLayout},t("div",null,t("sl-skeleton",{style:{width:"100px",height:"100px",margin:"9px","--border-radius":"4px"}})),t("div",{style:{margin:"12px 12px 0 0",width:"100%"}},t("sl-skeleton",{style:{marginBottom:"12px"}}),t("sl-skeleton",{style:{marginBottom:"12px"}}),t("sl-skeleton",{style:{width:"45%"}})))))))),r.exchangeError&&t("sl-alert",{type:"danger",open:!0},t("sl-icon",{slot:"icon",name:"exclamation-octagon"}),r.content.text.redemptionError),r.queryError&&t("sl-alert",{type:"danger",open:!0},t("sl-icon",{slot:"icon",name:"exclamation-octagon"}),r.content.text.queryError),m&&m()))}const Gn=class{constructor(t){e(this,t),this.ignored=!0,this.buttonText="Exchange Rewards",this.notAvailableError="{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} other {Not available} }",this.chooseRewardTitle="Choose reward",this.chooseAmountTitle="Amount",this.confirmationTitle="Confirm",this.cancelText="Cancel",this.backText="Back",this.continueText="Continue",this.continueToConfirmationText="Continue to confirmation",this.redeemText="Redeem",this.redeemTitle="Confirm and redeem",this.redemptionSuccessText="Successfully redeemed {sourceValue} for {destinationValue}",this.doneText="Done",this.queryError="Unable to load reward exchange list",this.redemptionError="An error occured trying to redeem this reward. Please try again",this.notEnoughError="Not enough {sourceUnit} to redeem for this reward",a(this)}disconnectedCallback(){}render(){const{states:e,data:n,callbacks:a}=x()?function(e){return V({states:{content:{text:e},redeemStage:"chooseReward",amount:0,selectedStep:void 0,exchangeError:!1,queryError:!1,loading:!1},data:{shareCode:"SHARECODE123"},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(j(this)):function(e){var t,r,n,a;const[o,l]=c(((e,t)=>({...e,...t})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[d,u]=s(!1),{selectedItem:m,selectedStep:p,redeemStage:h,amount:f,exchangeError:g}=o,b=y(),[v,{data:x,loading:C,errors:q}]=$(Pn),{data:D,loading:E,refetch:k,errors:A}=w(Fn,{},!(null==b?void 0:b.jwt));return i((()=>{var e,t;(null===(t=null===(e=null==x?void 0:x.exchangeReward)||void 0===e?void 0:e.reward)||void 0===t?void 0:t.id)&&l({redeemStage:"success",exchangeError:!1}),q&&l({exchangeError:!0})}),[x,q]),{states:{content:{text:e},selectedItem:m,redeemStage:h,amount:f,selectedStep:p,exchangeError:g,queryError:!!A,loading:E||C,open:d},data:{exchangeList:null===(r=null===(t=null==D?void 0:D.viewer)||void 0===t?void 0:t.visibleRewardExchangeItems)||void 0===r?void 0:r.data,fuelTankCode:null===(a=null===(n=null==x?void 0:x.exchangeReward)||void 0===n?void 0:n.reward)||void 0===a?void 0:a.fuelTankCode},callbacks:{exchangeReward:function(){if(!m)return;let e={accountId:null==b?void 0:b.accountId,userId:b.id};switch(m.ruleType){case"FIXED_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:m.sourceValue,unit:m.sourceUnit},globalRewardKey:m.globalRewardKey};break;case"STEPPED_FIXED_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:p.sourceValue,unit:m.sourceUnit},globalRewardKey:p.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:f,unit:m.sourceUnit},globalRewardKey:m.globalRewardKey,rewardInput:p.rewardInput};break;case"VARIABLE_CREDIT_REWARD":e={...e,redeemCreditInput:{amount:f,unit:m.sourceUnit},rewardInput:{type:"CREDIT",unit:m.destinationUnit,assignedCredit:p.destinationValue}};break;default:e={...e,...p.rewardInput}}v({exchangeRewardInput:e})},setExchangeState:l,setStage:function(e){l({redeemStage:e})},resetState:e=>{e&&k(),l({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var e,t;navigator.clipboard.writeText(null===(t=null===(e=null==x?void 0:x.exchangeReward)||void 0===e?void 0:e.reward)||void 0===t?void 0:t.fuelTankCode),u(!0),setTimeout((()=>u(!1)),1e3)}}}}(j(this));return t(r,{style:{display:"contents"}},t(Vn,{states:e,data:n,callbacks:a}))}static get assetsDirs(){return["assets"]}},zn={THead:{padding:"var(--sl-spacing-small) var(--sl-spacing-medium) var(--sl-spacing-small) 0","text-align":"left"},TCell:{padding:"var(--sl-spacing-small) var(--sl-spacing-medium) var(--sl-spacing-small) 0"},TRow:{"border-top":"1px solid #EAEAEA"},Table:{"border-collapse":"collapse",width:"100%"},ButtonContainer:{display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)",...Z({direction:"row",size:"var(--sl-spacing-small)"})}};O.setup(L());const Hn=O.createStyleSheet(zn),Wn=Hn.toString();function Un(e){const{states:r,data:n,callbacks:a,elements:i}=e,{columns:s,rows:o}=i,{show:l}=r;return t("div",null,t("style",{type:"text/css"},Wn),t("table",{class:Hn.classes.Table},n.textOverrides.showLabels&&t("thead",null,t("tr",null,null==s?void 0:s.map((e=>t("th",{class:Hn.classes.THead},t(K,{type:"h3"},e)))))),t("tbody",null,"loading"===l&&i.loadingElement,"empty"===l&&i.emptyElement,"rows"===l&&(null==o?void 0:o.map(((e,r)=>t("tr",{class:Hn.classes.TRow,style:{borderTop:n.textOverrides.showLabels||0!==r?"":"none"},part:"table-row"},e.map((e=>t("td",{class:Hn.classes.TCell},t(K,{type:"p"},e)))))))))),t("div",{class:Hn.classes.ButtonContainer,part:r.namespace+"-button-wrapper"},t("sl-button",{size:"small",disabled:!r.hasPrev,loading:"loading"===l,onClick:a.prevPage,exportparts:"base: defaultbutton-base"},n.textOverrides.prevLabel),t("sl-button",{size:"small",loading:"loading"===l,disabled:!r.hasNext,onClick:a.nextPage,exportparts:"base: defaultbutton-base"},n.textOverrides.moreLabel)))}function Zn(){return t("slot",{name:"loading"},t(Jn,null),t(Jn,null),t(Jn,null),t(Jn,null))}function Jn(){return t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))}function Xn(){return t("div",{style:{width:"100%"}},t("sl-skeleton",{style:{marginBottom:"28px"}}),t("sl-skeleton",{style:{marginBottom:"28px"}}),t("sl-skeleton",{style:{marginBottom:"28px"}}),t("sl-skeleton",{style:{marginBottom:"28px"}}),t("sl-skeleton",null))}function Yn({label:e}){return t("slot",{name:"empty"},t(Kn,{label:e}))}function Kn({label:e}){return t("div",{style:{width:"100%"}},t("sqm-text",null,t("h3",{style:{color:"#777777"}},e)))}const Qn=Q`
+`,Rn=()=>t("svg",{width:19,height:15,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.125 14.783a.6.6 0 0 1-.851 0l-3.9-3.923a.6.6 0 1 1 .85-.846L4.1 12.905V1.52a.6.6 0 0 1 1.2 0v11.385l2.875-2.891a.6.6 0 1 1 .85.846l-3.9 3.923Zm9.6-13.686a.6.6 0 0 0-.851 0l-3.9 3.923a.6.6 0 0 0 .85.846L13.7 2.975V14.36a.6.6 0 1 0 1.2 0V2.975l2.875 2.891a.6.6 0 1 0 .85-.846l-3.9-3.923Z",fill:"#333"})),In=()=>t("svg",{width:12,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.58.23c.475.371.56 1.057.19 1.532L5.69 9.554a1.091 1.091 0 0 1-1.631.1L.32 5.915a1.09 1.09 0 1 1 1.542-1.542L4.73 7.239 10.049.42A1.09 1.09 0 0 1 11.58.23Z",fill:"#fff"})),Nn=()=>t("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9Z",fill:"currentColor"}),t("path",{d:"M5.68394 8.77046C5.28103 8.39273 4.64819 8.41315 4.27046 8.81606C3.89273 9.21897 3.91315 9.85181 4.31606 10.2295L5.68394 8.77046ZM7.66667 12L6.98273 12.7295C7.36738 13.0902 7.96595 13.0902 8.35061 12.7295L7.66667 12ZM13.6839 7.72954C14.0869 7.35181 14.1073 6.71897 13.7295 6.31606C13.3518 5.91315 12.719 5.89273 12.3161 6.27046L13.6839 7.72954ZM4.31606 10.2295L6.98273 12.7295L8.35061 11.2705L5.68394 8.77046L4.31606 10.2295ZM8.35061 12.7295L13.6839 7.72954L12.3161 6.27046L6.98273 11.2705L8.35061 12.7295Z",fill:"white"})),Bn=()=>t("svg",{width:156,height:157,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M40.18 126h83.663a3 3 0 0 0 3-3V73.966a3 3 0 0 0-3-3H40.18a3 3 0 0 0-3 3V123a3 3 0 0 0 3 3Z",fill:"#FFD34F"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M37.18 73.862v7.966h89.663v-7.966H37.18Z",fill:"#E9BB30"}),t("path",{d:"M133.039 74.224a2.18 2.18 0 0 0 2.187-2.172v-19.19c0-1.2-.98-2.172-2.187-2.172H31.347a2.18 2.18 0 0 0-2.187 2.172v19.19c0 1.2.98 2.172 2.187 2.172H133.04Z",fill:"#FFC000"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M123.287 35.172c0 6.056-9.155 15.226-13.76 15.654H88.888V126H75.141V50.826H58.534c-9.462-2.038-17.803-9.258-17.803-16.944 0-7.49 3.274-13.422 9.23-15.983 5.693-2.446 12.265-1.105 17.46 2.479 6.378 4.398 9.956 12.654 13.202 20.144.284.657.567 1.308.848 1.95.274-.608.55-1.228.83-1.856 3.216-7.22 6.887-15.464 13.057-19.89 5.454-3.913 12.387-5.39 18.38-2.711 6.197 2.77 9.549 9.127 9.549 17.157Zm-23.306-8.266c3.305-2.37 7.262-2.8 10.645 0 2.946 2.44 3.103 3.588 3.482 6.351l.067.483c0 4.09-3.549 10.252-7.097 10.252-2.515 0-4.489-.022-6.34-.041-3.375-.036-6.337-.068-11.403.04.966-1.86 1.737-3.644 2.473-5.346 1.967-4.553 3.678-8.515 8.173-11.739Zm-39.034 0c-1.6-1.103-5.268-.61-6.79.043-1.257.54-3.134 2.19-3.134 6.933 0 4.61 7.511 8.59 7.511 8.59s5.962 1.52 16.607 1.52c-3.624-8.922-8.757-13.336-14.194-17.086Z",fill:"#EB5757"}),t("path",{d:"M75.086 74.224h13.85v7.604h-13.85v-7.604Z",fill:"#DD4747"}),t("g",{filter:"url(#a)"},t("ellipse",{cx:82.008,cy:141.207,rx:36.813,ry:5.793,fill:"#E0DDDD","fill-opacity":.8})),t("path",{d:"M150.446 79.134a.5.5 0 0 1 .9 0l1.133 2.336c.05.102.132.184.234.233l2.344 1.122a.5.5 0 0 1 0 .902l-2.344 1.122a.503.503 0 0 0-.234.233l-1.133 2.336a.5.5 0 0 1-.9 0l-1.134-2.336a.499.499 0 0 0-.234-.233l-2.343-1.122a.5.5 0 0 1 0-.902l2.343-1.122a.499.499 0 0 0 .234-.233l1.134-2.336Z",fill:"#FAB6B6"}),t("path",{d:"M14.86 29.168a.5.5 0 0 1 .9 0l1.133 2.336a.5.5 0 0 0 .234.233l2.344 1.122a.5.5 0 0 1 0 .902l-2.344 1.122a.5.5 0 0 0-.234.233l-1.133 2.336a.5.5 0 0 1-.9 0l-1.134-2.336a.5.5 0 0 0-.234-.233l-2.343-1.122a.5.5 0 0 1 0-.902l2.344-1.122a.5.5 0 0 0 .233-.233l1.134-2.336Z",fill:"#F4EFBC"}),t("path",{d:"m125.382 0 .712 1.466 1.475.706-1.475.707-.712 1.466-.711-1.466-1.476-.707 1.476-.706.711-1.466Z",fill:"#FDA802"}),t("path",{d:"m2.187 103.552.711 1.466 1.476.706-1.476.707-.711 1.466-.711-1.466L0 105.724l1.476-.706.71-1.466Z",fill:"#E4599C"}),t("defs",null,t("filter",{id:"a",x:35.195,y:125.414,width:93.625,height:31.586,filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},t("feFlood",{"flood-opacity":0,result:"BackgroundImageFix"}),t("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),t("feGaussianBlur",{stdDeviation:5,result:"effect1_foregroundBlur_653_17907"}))));function _n({active:e,completed:r,incomplete:n,stage:a}){return t("div",{style:{display:"flex"}},t("div",{style:{backgroundColor:r?"var(--sl-color-success-500)":n?"var(--sl-color-neutral-200)":"var(--sl-color-neutral-0)",border:e?"1px solid var(--sl-color-success-500)":n?"1px solid var(--sl-color-neutral-200)":"1px solid var(--sl-color-success-500)",borderRadius:"50%",width:"23px",height:"23px",margin:"-11px",zIndex:"1",boxSizing:"content-box"}},r?t("div",{style:{top:"-10.5%",left:"23.5%",position:"relative"}},t(In,null)):t("div",{style:{color:e?"var(--sl-color-success-500)":"var(--sl-color-neutral-50)",width:"23px",lineHeight:"24px",textAlign:"center",position:"relative"}},a+1)))}function On({incomplete:e=!1,active:r=!1,invisible:n=!1}){return t("div",{style:{content:"''",flex:"0.5 0.5 0",height:"4px",borderRadius:"4px",background:e||r?"var(--sl-color-neutral-200)":"var(--sl-color-success-500)",position:"relative",bottom:"0",left:"0",display:"flex",justifyContent:"center",columnGap:"50px",marginRight:"-2px",boxSizing:"content-box",opacity:n?"0":"1"}})}function Ln({active:e,completed:r,incomplete:n,stage:a}){return[t(On,{incomplete:n,invisible:0===a}),t(_n,{active:e,completed:r,incomplete:n,stage:a}),t(On,{incomplete:n,active:e,invisible:2===a})]}function jn({stageCount:e,currentStage:r}){return t("div",{style:{display:"flex",columnGap:"-2px"}},Array.from(Array(e).keys()).map((e=>t(Ln,{active:r===e,completed:r>e,incomplete:r<e,stage:e}))))}const Mn=["chooseReward","chooseAmount","confirmation","success"];function Vn(e){const{states:r,data:a,callbacks:i}=e,{selectedItem:s,selectedStep:o}=r,l={chooseReward:r.content.text.chooseRewardTitle,chooseAmount:r.content.text.chooseAmountTitle,confirmation:r.content.text.confirmationTitle},d={HostBlock:z,Container:{padding:"var(--sl-spacing-medium)",position:"relative"},CardContainer:{"&:active":{}},Base:{display:"flex",cursor:"pointer",textAlign:"center",height:"120px","&::part(base)":{boxShadow:"none",width:"100%",display:"flex",margin:"0 auto"},"&::part(body)":{padding:0,display:"flex",width:"100%"}},Drawer:{"&::part(base)":{minWidth:"400px",maxWidth:"700px",width:"50%",margin:"0 auto",right:"0"},"&::part(panel)":{height:"85vh",width:"100%"}},FullImage:{objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex",margin:"0 auto"},PreviewImage:{objectFit:"contain",width:"120px",height:"118px",flex:.33},InputBox:{width:"100%",marginBottom:"20px"},Select:{"&::part(label)":{color:"var(--sl-color-primary-500)"}},ProgressBar:{maxWidth:"350px",width:"100%",margin:"auto",marginBottom:"var(--sl-spacing-xxx-large)","& .text-area":{marginTop:"5px",display:"flex",justifyContent:"center",textAlign:"center",whiteSpace:"nowrap",marginBottom:"6px","& .text":{marginBottom:"var(--sl-spacing-x-small)",flex:"1 1 0"},"& .text.subdued":{color:"var(--sl-color-neutral-200)"}}},CardLayout:{display:"flex",width:"100%",borderRadius:"3px",background:"rgba(0, 0, 0, 0)"},Card:{display:"flex",userSelect:"none",height:"120px","&::part(base)":{boxShadow:"none",width:"100%"},"&::part(body)":{display:"flex",padding:0},"& .selected":{position:"relative",top:"-2%",left:"100%",color:"var(--sl-color-primary-500)",margin:"-9px"}},Square:{width:"120px",height:"118px",borderRadius:"3px 0 0 3px","& .image":{width:"100%",height:"100%",objectFit:"contain",borderRadius:"inherit"},"& .image.subdued":{filter:"brightness(0.95)",opacity:"0.5"}},Image:{padding:"8px",minWidth:"96px",maxWidth:"96px","& .image":{width:"100%",height:"100%",objectFit:"contain",borderRadius:"4px"},"& .image.subdued":{filter:"brightness(0.95)",opacity:"0.5"}},TextArea:{textAlign:"left",padding:"12px","& .title":{fontSize:"16px",lineHeight:"20px",fontWeight:"600",color:"var(--sl-color-neutral-1000)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .amount":{fontSize:"14px",lineHeight:"18px",marginTop:"8px",color:"var(--sl-color-neutral-500)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .error":{fontSize:"14px",lineHeight:"18px",marginTop:"8px",fontWeight:"600",color:"var(--sl-color-warning-500)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"}},ChooseAmount:{margin:"var(--sl-spacing-medium) 0","& .title":{fontSize:"113%",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-1000)"},"& .points":{fontSize:"113%",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-primary-500)"},"& .description":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-500)",margin:"var(--sl-spacing-medium) 0",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-xx-small)"},"& .space":{marginBottom:"var(--sl-spacing-xxx-large)"}},Success:{textAlign:"center","& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-1000)"},"& .description":{color:"var(--sl-color-neutral-400)",width:"100%",maxWidth:"350px",margin:"0 auto",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-xxx-large)",marginTop:"var(--sl-spacing-xx-small)"}},Grid:{display:"grid",justifyContent:"center",gap:"20px",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))"},Button:{display:"flex",flexWrap:"wrap-reverse",margin:"var(--sl-spacing-medium) 0","& .cancel":{marginLeft:"auto",marginRight:"var(--sl-spacing-medium)","&::part(base)":{fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-1000)"},"@media (max-width: 1024px)":{width:"100%",marginRight:"0"}},"& .continue":{"&::part(base)":{background:"var(--sl-color-primary-500)",borderColor:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-0)"},"@media (max-width: 1024px)":{width:"100%"}},"& .continue.right":{marginLeft:"auto"},"& .continue.center":{margin:"0 auto"}}};O.setup(L());const u=O.createStyleSheet(d),c=u.toString();const m={chooseReward:()=>{return[t("div",{class:u.classes.Grid},null===(e=a.exchangeList)||void 0===e?void 0:e.map((e=>{var a,o,l,d,c;const m={boxShadow:e.key===(null==s?void 0:s.key)?"0 0 0 2px var(--sl-color-primary-500)":"none",borderRadius:"4px"},p="FIXED_GLOBAL_REWARD"===e.ruleType?e.prettySourceValue:"STEPPED_FIXED_GLOBAL_REWARD"===e.ruleType?`${null===(a=e.steps[0])||void 0===a?void 0:a.sourceValue} to ${null===(o=e.steps.slice(-1).pop())||void 0===o?void 0:o.prettySourceValue}`:`${e.prettySourceMinValue} to ${e.prettySourceMaxValue}`;return t("div",{key:e.key,class:e.available?u.classes.CardContainer:"",style:m},t("sl-card",{class:u.classes.Card,style:{cursor:e.unavailableReasonCode?"not-allowed":"pointer"},onClick:()=>e.available&&i.setExchangeState({selectedItem:e})},e.key===(null==s?void 0:s.key)&&t("div",{class:"selected"},t(Nn,null)),t("div",{style:{display:"flex",width:"100%",height:"120px",borderRadius:"3px",background:e.unavailableReasonCode?"rgba(0, 0, 0, 0.05)":"rgba(0, 0, 0, 0)"}},t("div",{class:u.classes.Image,style:{opacity:e.unavailableReasonCode?"0.5":"1"}},t("img",{class:e.unavailableReasonCode?"image subdued":"image",src:(null==e?void 0:e.imageUrl)||n("./assets/placeholder.png")})),t("div",{class:u.classes.TextArea,style:{opacity:e.unavailableReasonCode?"0.5":"1"}},t("div",{class:"title",style:{"-webkit-line-clamp":e.unavailableReasonCode?"1":"2"}},null!==(l=e.name)&&void 0!==l?l:""),t("div",{class:"amount",style:{"-webkit-line-clamp":e.unavailableReasonCode?"1":"2"}},p),e.unavailableReasonCode&&t("div",{class:"error"},f.formatMessage({id:"unavailableCode",defaultMessage:null===(c=null===(d=r.content)||void 0===d?void 0:d.text)||void 0===c?void 0:c.notAvailableError},{unavailableReason:e.unavailableReason||e.unavailableReasonCode,sourceUnit:e.sourceUnit,sourceValue:e.prettySourceValue||e.prettySourceMinValue}))))))}))),t("div",{class:u.classes.Button},t("sl-button",{class:"continue right",size:"large",onClick:()=>i.setStage("chooseAmount"),loading:r.loading,disabled:!r.selectedItem},r.content.text.continueText))];var e},chooseAmount:()=>function(){var e,a,o,l;const d=function(){var e,n;const a=r.selectedItem;return a&&"FIXED_GLOBAL_REWARD"!==(null==a?void 0:a.ruleType)?(null===(e=a.steps)||void 0===e?void 0:e.length)?t("sl-select",{style:{width:"auto"},label:"Select amount to receive",class:u.classes.Select,value:r.selectedStep,"onSl-select":e=>{var t,r,n,a,s;return i.setExchangeState({amount:null===(n=null===(r=null===(t=e.detail)||void 0===t?void 0:t.item)||void 0===r?void 0:r.value)||void 0===n?void 0:n.sourceValue,selectedStep:null===(s=null===(a=e.detail)||void 0===a?void 0:a.item)||void 0===s?void 0:s.value})}},null===(n=a.steps)||void 0===n?void 0:n.map((e=>{var n,i;return t("sl-menu-item",{value:e,disabled:!e.available},e.prettyDestinationValue,t("div",{slot:"suffix",style:{fontSize:"75%",float:"right"}},e.prettySourceValue,e.unavailableReasonCode&&t("p",{style:{fontSize:"70%",color:"#F2994A"}},f.formatMessage({id:"unavailableCode",defaultMessage:null===(i=null===(n=r.content)||void 0===n?void 0:n.text)||void 0===i?void 0:i.notAvailableError},{unavailableReason:e.unavailableReasonCode,sourceUnit:a.sourceUnit,sourceValue:e.prettySourceValue||a.prettySourceMinValue}))))}))):t("p",null,f.formatMessage({id:"notEnoughError",defaultMessage:r.content.text.notEnoughError},{sourceUnit:a.sourceUnit})):t("span",null,null==a?void 0:a.prettySourceValue)}(),c="FIXED_GLOBAL_REWARD"!==(null===(e=r.selectedItem)||void 0===e?void 0:e.ruleType)&&d&&!r.amount;return t("div",null,t("div",null,t("img",{class:u.classes.FullImage,src:(null==s?void 0:s.imageUrl)||n("./assets/placeholder.png")})),t("div",{class:u.classes.ChooseAmount},t("div",{class:"title"},null!==(a=null==s?void 0:s.name)&&void 0!==a?a:""),"FIXED_GLOBAL_REWARD"===(null===(o=r.selectedItem)||void 0===o?void 0:o.ruleType)?t("div",{class:"points"},d):t("div",{class:"description"},null==s?void 0:s.description),"FIXED_GLOBAL_REWARD"===(null===(l=r.selectedItem)||void 0===l?void 0:l.ruleType)?t("div",{class:"description"},null==s?void 0:s.description):t("div",{class:"points"},d),t("div",{class:"space"})),t("div",{class:u.classes.Button},t("sl-button",{class:"cancel",size:"large",type:"text",onClick:()=>i.resetState()},r.content.text.cancelText),t("sl-button",{class:"continue",size:"large",onClick:()=>i.setStage("confirmation"),disabled:c},r.content.text.continueToConfirmationText)))}(),confirmation:()=>(console.log(null==s?void 0:s.name),t("div",null,t("h2",{style:{margin:"20px 0"}},r.content.text.redeemTitle),t("div",{style:{textAlign:"center",marginBottom:"var(--sl-spacing-xxx-large)"}},t("p",null,t("span",{style:{fontSize:"18px"}},(null==o?void 0:o.prettySourceValue)||(null==s?void 0:s.prettySourceValue))),t("p",null,t(Rn,null)),t("div",{class:u.classes.CardContainer,style:{boxShadow:"none",marginBottom:"10px",flex:"1",minWidth:"100%"}},t("sl-card",{style:{width:"auto",maxWidth:"350px",margin:"auto"},class:u.classes.Card},t("div",{class:u.classes.Square},t("img",{class:"image",src:(null==s?void 0:s.imageUrl)||n("./assets/placeholder.png")})),t("div",{class:u.classes.TextArea,style:{lineHeight:"18px",alignSelf:"center"}},(null==o?void 0:o.prettyDestinationValue)?`${null==o?void 0:o.prettyDestinationValue} ${(null==s?void 0:s.name)||""}`:(null==s?void 0:s.name)||"")))),t("div",{class:u.classes.Button},t("sl-button",{class:"cancel",type:"text",size:"large",onClick:()=>i.setStage("chooseAmount")},r.content.text.backText),t("sl-button",{class:"continue",size:"large",loading:r.loading,onClick:i.exchangeReward},r.content.text.redeemText)))),success:()=>{return t("div",{class:u.classes.Success},t(Bn,null),t("div",{class:"title"},r.content.text.rewardRedeemedText),t("div",{class:"description"},f.formatMessage({id:"successMessage",defaultMessage:r.content.text.redemptionSuccessText},{sourceValue:null!==(e=r.selectedItem.prettySourceValue)&&void 0!==e?e:null===(n=r.selectedStep)||void 0===n?void 0:n.prettySourceValue,destinationValue:(null===(s=r.selectedStep)||void 0===s?void 0:s.prettyDestinationValue)||(null===(o=r.selectedItem)||void 0===o?void 0:o.name)||r.selectedItem.globalRewardKey})),(null==a?void 0:a.fuelTankCode)&&t("div",{style:{width:"40%",margin:"-30px auto var(--sl-spacing-xxx-large) auto"}},t(ne,{shareString:a.fuelTankCode,tooltiptext:"Copied",open:r.open,onClick:i.copyFuelTankCode})),t("div",{class:u.classes.Button},t("sl-button",{class:"continue center",type:"primary",size:"large",onClick:()=>i.resetState(!0)},r.content.text.doneText)));var e,n,s,o}}[r.redeemStage];return t("div",{class:u.classes.Container},t("style",{type:"text/css"},c),t("div",null,function(){const e=Mn.indexOf(r.redeemStage);return t("div",{class:u.classes.ProgressBar},t("div",{class:"text-area"},Object.keys(l).map((r=>Mn.indexOf(r)<=e?t("span",{class:"text"},l[r]):t("span",{class:"text subdued"},l[r])))),t(jn,{stageCount:3,currentStage:e}))}(),"chooseReward"===r.redeemStage&&r.loading&&t("div",{class:u.classes.Grid},[...Array(8)].map((()=>t("div",{class:u.classes.CardContainer},t("sl-card",{class:u.classes.Card},t("div",{class:u.classes.CardLayout},t("div",null,t("sl-skeleton",{style:{width:"100px",height:"100px",margin:"9px","--border-radius":"4px"}})),t("div",{style:{margin:"12px 12px 0 0",width:"100%"}},t("sl-skeleton",{style:{marginBottom:"12px"}}),t("sl-skeleton",{style:{marginBottom:"12px"}}),t("sl-skeleton",{style:{width:"45%"}})))))))),r.exchangeError&&t("sl-alert",{type:"danger",open:!0},t("sl-icon",{slot:"icon",name:"exclamation-octagon"}),r.content.text.redemptionError),r.queryError&&t("sl-alert",{type:"danger",open:!0},t("sl-icon",{slot:"icon",name:"exclamation-octagon"}),r.content.text.queryError),m&&m()))}const Gn=class{constructor(t){e(this,t),this.ignored=!0,this.buttonText="Exchange Rewards",this.notAvailableError="{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} other {Not available} }",this.chooseRewardTitle="Rewards",this.chooseAmountTitle="Select",this.confirmationTitle="Confirm",this.cancelText="Cancel",this.backText="Back",this.continueText="Continue",this.continueToConfirmationText="Continue to confirmation",this.redeemText="Redeem",this.redeemTitle="Confirm and redeem",this.redemptionSuccessText="Successfully redeemed {sourceValue} for {destinationValue}",this.doneText="Done",this.queryError="Unable to load reward exchange list",this.redemptionError="An error occured trying to redeem this reward. Please try again",this.notEnoughError="Not enough {sourceUnit} to redeem for this reward",a(this)}disconnectedCallback(){}render(){const{states:e,data:n,callbacks:a}=x()?function(e){return V({states:{content:{text:e},redeemStage:"chooseReward",amount:0,selectedStep:void 0,exchangeError:!1,queryError:!1,loading:!1},data:{shareCode:"SHARECODE123"},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(j(this)):function(e){var t,r,n,a;const[o,l]=c(((e,t)=>({...e,...t})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[d,u]=s(!1),{selectedItem:m,selectedStep:p,redeemStage:h,amount:f,exchangeError:g}=o,b=y(),[v,{data:x,loading:C,errors:q}]=$(Pn),{data:D,loading:E,refetch:k,errors:A}=w(Fn,{},!(null==b?void 0:b.jwt));return i((()=>{var e,t;(null===(t=null===(e=null==x?void 0:x.exchangeReward)||void 0===e?void 0:e.reward)||void 0===t?void 0:t.id)&&l({redeemStage:"success",exchangeError:!1}),q&&l({exchangeError:!0})}),[x,q]),{states:{content:{text:e},selectedItem:m,redeemStage:h,amount:f,selectedStep:p,exchangeError:g,queryError:!!A,loading:E||C,open:d},data:{exchangeList:null===(r=null===(t=null==D?void 0:D.viewer)||void 0===t?void 0:t.visibleRewardExchangeItems)||void 0===r?void 0:r.data,fuelTankCode:null===(a=null===(n=null==x?void 0:x.exchangeReward)||void 0===n?void 0:n.reward)||void 0===a?void 0:a.fuelTankCode},callbacks:{exchangeReward:function(){if(!m)return;let e={accountId:null==b?void 0:b.accountId,userId:b.id};switch(m.ruleType){case"FIXED_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:m.sourceValue,unit:m.sourceUnit},globalRewardKey:m.globalRewardKey};break;case"STEPPED_FIXED_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:p.sourceValue,unit:m.sourceUnit},globalRewardKey:p.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:f,unit:m.sourceUnit},globalRewardKey:m.globalRewardKey,rewardInput:p.rewardInput};break;case"VARIABLE_CREDIT_REWARD":e={...e,redeemCreditInput:{amount:f,unit:m.sourceUnit},rewardInput:{type:"CREDIT",unit:m.destinationUnit,assignedCredit:p.destinationValue}};break;default:e={...e,...p.rewardInput}}v({exchangeRewardInput:e})},setExchangeState:l,setStage:function(e){l({redeemStage:e})},resetState:e=>{e&&k(),l({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var e,t;navigator.clipboard.writeText(null===(t=null===(e=null==x?void 0:x.exchangeReward)||void 0===e?void 0:e.reward)||void 0===t?void 0:t.fuelTankCode),u(!0),setTimeout((()=>u(!1)),1e3)}}}}(j(this));return t(r,{style:{display:"contents"}},t(Vn,{states:e,data:n,callbacks:a}))}static get assetsDirs(){return["assets"]}},zn={THead:{padding:"var(--sl-spacing-small) var(--sl-spacing-medium) var(--sl-spacing-small) 0","text-align":"left"},TCell:{padding:"var(--sl-spacing-small) var(--sl-spacing-medium) var(--sl-spacing-small) 0"},TRow:{"border-top":"1px solid #EAEAEA"},Table:{"border-collapse":"collapse",width:"100%"},ButtonContainer:{display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)",...Z({direction:"row",size:"var(--sl-spacing-small)"})}};O.setup(L());const Hn=O.createStyleSheet(zn),Wn=Hn.toString();function Un(e){const{states:r,data:n,callbacks:a,elements:i}=e,{columns:s,rows:o}=i,{show:l}=r;return t("div",null,t("style",{type:"text/css"},Wn),t("table",{class:Hn.classes.Table},n.textOverrides.showLabels&&t("thead",null,t("tr",null,null==s?void 0:s.map((e=>t("th",{class:Hn.classes.THead},t(K,{type:"h3"},e)))))),t("tbody",null,"loading"===l&&i.loadingElement,"empty"===l&&i.emptyElement,"rows"===l&&(null==o?void 0:o.map(((e,r)=>t("tr",{class:Hn.classes.TRow,style:{borderTop:n.textOverrides.showLabels||0!==r?"":"none"},part:"table-row"},e.map((e=>t("td",{class:Hn.classes.TCell},t(K,{type:"p"},e)))))))))),t("div",{class:Hn.classes.ButtonContainer,part:r.namespace+"-button-wrapper"},t("sl-button",{size:"small",disabled:!r.hasPrev,loading:"loading"===l,onClick:a.prevPage,exportparts:"base: defaultbutton-base"},n.textOverrides.prevLabel),t("sl-button",{size:"small",loading:"loading"===l,disabled:!r.hasNext,onClick:a.nextPage,exportparts:"base: defaultbutton-base"},n.textOverrides.moreLabel)))}function Zn(){return t("slot",{name:"loading"},t(Jn,null),t(Jn,null),t(Jn,null),t(Jn,null))}function Jn(){return t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))}function Xn(){return t("div",{style:{width:"100%"}},t("sl-skeleton",{style:{marginBottom:"28px"}}),t("sl-skeleton",{style:{marginBottom:"28px"}}),t("sl-skeleton",{style:{marginBottom:"28px"}}),t("sl-skeleton",{style:{marginBottom:"28px"}}),t("sl-skeleton",null))}function Yn({label:e}){return t("slot",{name:"empty"},t(Kn,{label:e}))}function Kn({label:e}){return t("div",{style:{width:"100%"}},t("sqm-text",null,t("h3",{style:{color:"#777777"}},e)))}const Qn=Q`
   query getRewards(
     $limit: Int!
     $offset: Int!
@@ -360,7 +360,7 @@ import{r as e,h as t,c as r,d as n}from"./p-64c3217a.js";import{m as a,e as i,j
       }
     }
   }
-`;function Vo(){const e="testestest",t=e;return window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:"sam-partner-test-2"},i((()=>(I({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"}),()=>{window.widgetIdent=void 0,I(void 0)})),[]),{id:e,accountId:t}}function Go(){const{id:e,accountId:t}=Vo(),[r,n]=s(10),[a,i]=s(100),[o,{data:l,errors:d}]=N(Mo);return{states:{points:r,rate:a},data:{id:e,accountId:t,data:l,errors:d},callbacks:{exchange:o,setPoints:n,setRate:i}}}const zo=e=>{const{states:r,data:n,callbacks:a}=e;return t("div",null,t("div",null,t("label",null,"Rate:"),t("input",{value:r.rate,onInput:e=>a.setRate(e.target.value)})),t("input",{value:r.points,onInput:e=>a.setPoints(e.target.value)}),t("button",{onClick:()=>a.exchange(e.input)},"Exchange"),t("details",null,t("summary",null,"response"),t("h4",null,"data"),t("div",{style:{maxWidth:"500px"}},t("pre",{style:{width:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(n.data))),t("h4",null,"errors"),t("div",{style:{maxWidth:"500px"}},t("pre",{style:{maxWidth:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(n.errors)))))},Ho=Bs((()=>(Vo(),t("sqm-reward-exchange-list",{"list-type":"something"})))),Wo=Bs((()=>{const{states:e,data:r,callbacks:n}=Go();return t(zo,{states:e,data:r,callbacks:n,input:{exchangeRewardInput:{userId:r.id,accountId:r.accountId,redeemCreditInput:{amount:e.points,unit:"POINT"},globalRewardKey:"gc1"}}})})),Uo=Bs((()=>{const{states:e,data:r,callbacks:n}=Go();return t(zo,{states:e,data:r,callbacks:n,input:{exchangeRewardInput:{userId:r.id,accountId:r.accountId,redeemCreditInput:{amount:e.points,unit:"POINT"},globalRewardKey:"gc1",rewardInput:{valueInCents:Math.ceil(e.points*e.rate)}}}})})),Zo=Bs((()=>{const{states:e,data:r,callbacks:n}=Go();return t(zo,{states:e,data:r,callbacks:n,input:{exchangeRewardInput:{userId:r.id,accountId:r.accountId,redeemCreditInput:{amount:e.points,unit:"POINT"},rewardInput:{type:"CREDIT",unit:"foo",assignedCredit:Math.ceil(e.points*e.rate)}}}})})),Jo=Object.freeze({__proto__:null,default:{title:"Hooks / useRewardExchange"},RewardList:Ho,FixedGlobalReward:Wo,VariableGlobalReward:Uo,VariableCreditReward:Zo});function Xo(){const e="testestest",t=e;return window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com"},i((()=>(I({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"}),()=>{window.widgetIdent=void 0,I(void 0)})),[]),{id:e,accountId:t}}const Yo=Bs((()=>(Xo(),B("sam-partner-test-2"),t("sqm-rewards-table",null,t("sqm-rewards-table-reward-column",null),t("sqm-rewards-table-status-column",null),t("sqm-rewards-table-source-column",null),t("sqm-rewards-table-date-column",null))))),Ko=Bs((()=>(Xo(),B(void 0),t("sqm-rewards-table",null,t("sqm-rewards-table-reward-column",null),t("sqm-rewards-table-status-column",null),t("sqm-rewards-table-source-column",null),t("sqm-rewards-table-date-column",null))))),Qo=Object.freeze({__proto__:null,default:{title:"Hooks / useRewardsTable"},RewardsTableWithProgram:Yo,RewardsTableNoProgram:Ko}),el=Bs((()=>(function(){const e="sam+klip@saasquat.ch";window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com",programId:"klip-referral-program"},i((()=>(I({accountId:"sam+klip@saasquat.ch",id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2giLCJhY2NvdW50SWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCJ9fQ.FMNZ6oajyr6SiCcRqKKdyPqvNTvWROQ60MKAyfvWGfc"}),()=>{window.widgetIdent=void 0,I(void 0)})),[])}(),t("sqm-task-card",{"card-title":"Comment on 5 articles","button-text":"Start reading",goal:5,steps:!0,"show-progress-bar":!0})))),tl=Object.freeze({__proto__:null,default:{title:"Hooks / useTaskCard"},TaskCard:el});O.setup(L());const rl=O.createStyleSheet({HeaderSubtitleBold:{"font-weight":500,"text-decoration":"underline"}}),nl=rl.toString(),al={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}},il={states:{active:!1},data:{label:"Dashboard",icon:"house",path:"/"}},sl={states:{active:!0},data:{label:"Activity",icon:"bar-chart",path:"/"}},ol=()=>t(ce,Object.assign({},al),t(me,Object.assign({},il)),t(me,Object.assign({},sl))),ll=Object.freeze({__proto__:null,default:{title:"New Portal"},Dashboard:()=>{const e={shareString:"https://ssqt.co/johnsmithrox",open:!1,disabled:!1,tooltiptext:"Share link copied",onClick:()=>console.log("Share link copied")},r={shareString:"JOHNSMITH1",open:!1,disabled:!1,tooltiptext:"Share code copied",onClick:()=>console.log("Share code copied")};return t("sqm-divided-layout",{direction:"row"},t("style",{type:"text/css"},nl),t(ol,null),t("sqm-divided-layout",{direction:"column"},t(J,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),t(Y,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("p",null,"Welcome back,")),content:t("sqm-text",null,t("h1",null,"John Smith"))})),t(pe,Object.assign({},{space:"64px"}),t(ie,Object.assign({},{statvalue:"2,345",value:234500,loading:!1}),"Clicks"),t(ie,Object.assign({},{statvalue:"58",value:58,loading:!1}),"Referrals"),t(ie,Object.assign({},{statvalue:"$10,540",value:1054e3,loading:!1}),"Earned"),t(ie,Object.assign({},{statvalue:"$2,305",value:230500,loading:!1}),"Awaiting Payout"))),t(J,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),t(Y,Object.assign({},{labelMargin:"x-large",padding:"none",label:t("sqm-text",null,t("h2",null,"Partner and Profit")),content:t("sqm-text",null,t("p",null,"Get rewarded for referring potential customers to MyCompany. Earn commission for each successful lead you send our way"))})),t(Y,Object.assign({},{labelMargin:"small",padding:"none",label:t("sqm-text",null,t("h3",null,"Share your referral link")),content:t(ne,Object.assign({},e))})),t(Y,Object.assign({},{labelMargin:"small",padding:"none",label:t("sqm-text",null,t("h3",null,"Share your referral code")),content:t(ne,Object.assign({},r))})),t(Y,Object.assign({},{labelMargin:"small",padding:"none",label:t("sqm-text",null,t("h3",null,"Share via social media")),content:t(J,Object.assign({},{direction:"row",padding:"large",gap:"xxx-large",minWidth:"150px"}),t(ga,Object.assign({},{medium:"twitter",loading:!1,disabled:!1,pill:!0,type:"default",size:"medium",icon:"twitter",hideicon:!1,iconslot:"prefix",onClick:()=>"Facebook share clicked",hide:!1}),"Tweet about us"),t(ga,Object.assign({},{medium:"facebook",loading:!1,disabled:!1,pill:!0,type:"default",size:"medium",icon:"facebook",hideicon:!1,iconslot:"prefix",onClick:()=>"Facebook share clicked",hide:!1}),"Share on Facebook"),t(ga,Object.assign({},{medium:"linkedin",loading:!1,disabled:!1,pill:!0,type:"default",size:"medium",icon:"linkedin",hideicon:!1,iconslot:"prefix",onClick:()=>"Facebook share clicked",hide:!1}),"Post on Linkedin"))})))))},EditProfile:()=>t("sqm-divided-layout",{direction:"row"},t("style",{type:"text/css"},nl),t(ol,null),t("sqm-divided-layout",{direction:"column"},t(X,Object.assign({},{states:{success:!1,loading:!1,submitDisabled:!1,showCountry:!1,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:e=>console.log(e),onChange:e=>console.log(e)}})),t(kt,Object.assign({},{states:{open:!0,error:"",loading:!1,success:!1,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:()=>console.log("open"),submit:()=>console.log("submit")}})))),Commissions:()=>t("sqm-divided-layout",{direction:"row"},t("style",{type:"text/css"},nl),t(ol,null),t("sqm-divided-layout",{direction:"column"},t(J,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),t(Y,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("h2",null,"Commissions")),content:t("sqm-text",null,t("p",null,"for the"," ",t("span",{class:rl.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),t(pe,Object.assign({},{space:"64px"}),t(ie,Object.assign({},{statvalue:"$ 1,000",value:1e5,loading:!1}),"Total Earned"),t(ie,Object.assign({},{statvalue:"$ 800",value:8e4,loading:!1}),"Available"),t(ie,Object.assign({},{statvalue:"$ 180",value:18e3,loading:!1}),"Pending"),t(ie,Object.assign({},{statvalue:"$ 20",value:2e3,loading:!1}),"Redeemed"))))),Activity:()=>t("sqm-divided-layout",{direction:"row"},t("style",{type:"text/css"},nl),t(ol,null),t("sqm-divided-layout",{direction:"column"},t(J,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),t(Y,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("h2",null,"Activity")),content:t("sqm-text",null,t("p",null,"for the"," ",t("span",{class:rl.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),t(Y,Object.assign({},{labelMargin:"x-large",padding:"none",label:t("sqm-text",null,t("h3",null,"Referral Activity")),content:t(pe,Object.assign({},{space:"64px"}),t(ie,Object.assign({},{statvalue:"1,000",value:1e5,loading:!1}),"Total Referrals"),t(ie,Object.assign({},{statvalue:"800",value:800,loading:!1}),"Converted"),t(ie,Object.assign({},{statvalue:"180",value:180,loading:!1}),"Pending"),t(ie,Object.assign({},{statvalue:"20",value:20,loading:!1}),"Disqualified"))}))),t(Y,Object.assign({},{labelMargin:"x-large",padding:"xxx-large",label:t("sqm-text",null,t("h3",null,"Traffic Generated")),content:t(pe,Object.assign({},{space:"64px"}),t(ie,Object.assign({},{statvalue:"1,000",value:1e3,loading:!1}),"Clicks"),t(ie,Object.assign({},{statvalue:"800",value:800,loading:!1}),"From share link"),t(ie,Object.assign({},{statvalue:"180",value:180,loading:!1}),"From share mediums"))}))))}),dl=Object.freeze({__proto__:null,default:{title:"Components/Sidebar Item"},InactiveItem:()=>t(me,Object.assign({},{states:{active:!1},data:{label:"Dashboard",icon:"house",path:"/"}})),ActiveItem:()=>t(me,Object.assign({},{states:{active:!0},data:{label:"Dashboard",icon:"house",path:"/"}}))}),ul=Object.freeze({__proto__:null,default:{title:"Components/Navigation Sidebar"},DefaultNavigationSidebar:()=>t(ce,Object.assign({},{data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}}),t(me,Object.assign({},{states:{active:!1},data:{label:"Dashboard",icon:"house",path:"/"}})),t(me,Object.assign({},{states:{active:!0},data:{label:"Activity",icon:"bar-chart",path:"/"}})))}),cl={states:{error:"",loading:!1},callbacks:{submit:async e=>await e},content:{pageLabel:"Sign in to your account"}},ml={states:{error:"Something went wrong. Please try again.",loading:!1},callbacks:{submit:async e=>await e},content:{pageLabel:"Sign in to your account"}},pl={states:{error:"",loading:!0},callbacks:{submit:async e=>await e},content:{pageLabel:"Sign in to your account"}},hl=Object.freeze({__proto__:null,default:{title:"Components/Portal Login"},Default:()=>t(Ot,Object.assign({},cl)),LoginWithError:()=>t(Ot,Object.assign({},ml)),LoginLoading:()=>t(Ot,Object.assign({},pl))}),fl={states:{error:"",loading:!1,confirmPassword:!0,hideInputs:!1},callbacks:{submit:()=>console.log("Submit!"),inputFunction:()=>{}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password"}},gl={states:{error:"Something went wrong. Please try again.",loading:!1,confirmPassword:!0,hideInputs:!1},callbacks:{submit:()=>console.log("Submit!"),inputFunction:()=>{}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password"}},bl={states:{error:"",loading:!0,confirmPassword:!0,hideInputs:!1},callbacks:{submit:()=>console.log("Submit!"),inputFunction:()=>{}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password"}},vl={states:{error:"",loading:!1,confirmPassword:!0,hideInputs:!1},callbacks:{submit:()=>console.log("Submit!"),inputFunction:()=>{}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password",formData:t("div",null,t("sl-input",{style:{marginBottom:"var(--sl-spacing-x-large)"},exportparts:"label: input-label",label:"Slotted Input",required:!0}),t("sl-input",{exportparts:"label: input-label",label:"Slotted Input 2",required:!0}))}},yl=Object.freeze({__proto__:null,default:{title:"Components/Portal Register"},Default:()=>t(Gt,Object.assign({},fl)),RegisterWithError:()=>t(Gt,Object.assign({},gl)),RegisterLoading:()=>t(Gt,Object.assign({},bl)),FieldsHidden:()=>t("sqm-portal-register",{demoData:{states:{error:"",loading:!0,confirmPassword:!0,hideInputs:!0}}}),SlottedInputs:()=>t(Gt,Object.assign({},vl))}),wl={states:{error:"",loading:!1,success:!1},callbacks:{submit:async e=>await e},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}},$l={states:{error:"Something went wrong. Please try again.",loading:!1,success:!1},callbacks:{submit:async e=>await e},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}},xl={states:{error:"",loading:!0,success:!1},callbacks:{submit:async e=>await e},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}},Cl={states:{error:"",loading:!1,success:!0},callbacks:{submit:async e=>await e},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}},ql=Object.freeze({__proto__:null,default:{title:"Components/Portal Forgot Password",parameters:{scenario:'@author:\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 will 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 will be shown but an email will 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 will be 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 will receive a second password reset email\r\n    And a success banner is shown stating that their email was sent\r\n'}},Default:()=>t(he,Object.assign({},wl)),ForgotPasswordWithError:()=>t(he,Object.assign({},$l)),ForgotPasswordLoading:()=>t(he,Object.assign({},xl)),ForgotPasswordSuccess:()=>t(he,Object.assign({},Cl))}),Dl={states:{error:"",loading:!1,success:!1},callbacks:{submit:async e=>await e},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"}},El={states:{error:"Something went wrong. Please try again.",loading:!1,success:!1},callbacks:{submit:async e=>await e},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"}},kl={states:{error:"",loading:!0,success:!1},callbacks:{submit:async e=>await e},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"}},Al={states:{error:"",loading:!1,success:!0},callbacks:{submit:async e=>await e},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"}},Sl=Object.freeze({__proto__:null,default:{title:"Components/Portal Email Verification",parameters:{scenario:'@author:\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 will be displayed\r\n        And it will reflect that a email has already 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 the user will 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 with an email was 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 will 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 with an email was 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 will receive a verification email\r\n        And a success banner is shown stating that their email was resent'}},Default:()=>t(fe,Object.assign({},Dl)),EmailVerificationWithError:()=>t(fe,Object.assign({},El)),EmailVerificationLoading:()=>t(fe,Object.assign({},kl)),EmailVerificationSuccess:()=>t(fe,Object.assign({},Al))}),Tl={states:{error:"",loading:!1,reset:!1,confirmPassword:!0,oobCodeValidating:!1,oobCodeValid:!0,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:async e=>await e,gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Fl={states:{error:"",loading:!1,reset:!1,confirmPassword:!1,oobCodeValidating:!1,oobCodeValid:!0,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:async e=>await e,gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Pl={states:{error:"Something went wrong. Please try again.",loading:!1,reset:!1,confirmPassword:!0,oobCodeValidating:!1,oobCodeValid:!0,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:async e=>await e,gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Rl={states:{error:"",loading:!0,reset:!1,confirmPassword:!0,oobCodeValidating:!1,oobCodeValid:!0,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:async e=>await e,gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Il={states:{error:"",loading:!1,reset:!0,confirmPassword:!0,oobCodeValidating:!1,oobCodeValid:!0,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:async e=>await e,gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Nl={states:{error:"",loading:!1,reset:!1,confirmPassword:!0,oobCodeValidating:!1,oobCodeValid:!1,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:async e=>await e,gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Bl=Object.freeze({__proto__:null,default:{title:"Components/Portal Reset Password",parameters:{scenario:'@author:\r\n@owner:ian\r\nFeature: Reset Password\r\n\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 will be 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        Then they will see an error message saying that their password reset code is invalid or expired\r\n        When they click "Continue"\r\n        Then they will be redirected to "/"\r\n        Examples:\r\n            | oobCode               |\r\n            | invalid oob code      |\r\n            | non existant oob code |\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 will 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"'}},Default:()=>t(ge,Object.assign({},Tl)),DefaultWithoutConfirmField:()=>t(ge,Object.assign({},Fl)),ResetPasswordWithError:()=>t(ge,Object.assign({},Pl)),ResetPasswordLoading:()=>t(ge,Object.assign({},Rl)),ResetPasswordSuccess:()=>t(ge,Object.assign({},Il)),CodeValidating:()=>t(ge,Object.assign({},Nl))}),_l={states:{error:"Something went wrong. Please try again.",loading:!1,verified:!1},data:{oobCode:"abc123"},callbacks:{gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Ol={states:{error:"",loading:!1,verified:!0},data:{oobCode:"abc123"},callbacks:{gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Ll=Object.freeze({__proto__:null,default:{title:"Components/Portal Verify Email",parameters:{scenario:'@author:\r\n@owner:ian\r\nFeature: Verify Email\r\n\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 will take 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 will enter a loading state\r\n        When their email is validated\r\n        Then a button that says "Continue" will appear\r\n        When they click "Continue"\r\n        Then they will be redirected to login\r\n\r\n    @motivating\r\n    Scenario: Users will be 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 will enter a loading state\r\n        When their email is validated\r\n        Then a button that says "Continue" will appear\r\n        When they wait 5 seconds\r\n        Then they will be 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 will enter 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        Then they will see an error message saying that their verification code is invalid or expired\r\n        When they click "Continue"\r\n        Then they will be redirected to "/"\r\n        Examples:\r\n            | oobCode               |\r\n            | invalid oob code      |\r\n            | non existant oob code |\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 will be 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 will be redirected to "/activity"\r\n\r\n    @motivating\r\n    Scenario Outline: Users will be 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          |'}},EmailVerificationWithError:()=>t(be,Object.assign({},_l)),EmailVerificationSuccess:()=>t(be,Object.assign({},Ol))}),jl=Object.freeze({__proto__:null,default:{title:"Components/Asset Card"},Default:()=>t(ve,Object.assign({},{text:{titleText:"Marketing Banner"},imgUrl:"../../assets/saasquatch-logo.png",callbacks:{}})),CardWithLongText:()=>t(ve,Object.assign({},{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:{}})),CardWithNoImg:()=>t(ve,Object.assign({},{text:{titleText:"Marketing Banner"},imgUrl:"",callbacks:{}}))}),Ml={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}},Vl={states:{active:!1},data:{label:"Dashboard",icon:"house",path:"/"}},Gl={states:{active:!0},data:{label:"Activity",icon:"bar-chart",path:"/"}},zl=()=>t(ce,Object.assign({},Ml),t(me,Object.assign({},Vl)),t(me,Object.assign({},Gl))),Hl=Object.freeze({__proto__:null,default:{title:"Components/Divided Layout"},Row:()=>t("sqm-divided-layout",{direction:"row"},t(zl,null),t("div",{style:{padding:"48px"}},t(Y,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("p",null,"Welcome back,")),content:t("sqm-text",null,t("h1",null,"Joe Smith"))})))),Column:()=>t("sqm-divided-layout",{direction:"column"},t(zl,null),t("div",{style:{padding:"48px"}},t(Y,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("p",null,"Welcome back,")),content:t("sqm-text",null,t("h1",null,"Joe Smith"))})))),ColumnCustomDivider:()=>t("sqm-divided-layout",{direction:"column",dividerStyle:"1px solid red"},t(zl,null),t("div",{style:{padding:"48px"}},t(Y,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("p",null,"Welcome back,")),content:t("sqm-text",null,t("h1",null,"Joe Smith"))}))))}),Wl={states:{open:!1,loading:!1,success:!1,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:e=>console.log(e),submit:e=>console.log("Submit",e)}},Ul={states:{open:!0,loading:!1,success:!1,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:e=>console.log(e),submit:e=>console.log("Submit",e)}},Zl={states:{open:!0,loading:!1,success:!1,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:e=>console.log(e),submit:e=>console.log("Submit",e)}},Jl={states:{open:!0,loading:!1,success:!1,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:e=>console.log(e),submit:e=>console.log("Submit",e)}},Xl={states:{open:!0,loading:!0,success:!1,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:e=>console.log(e),submit:e=>console.log("Submit",e)}},Yl={states:{open:!0,loading:!1,success:!0,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:e=>console.log(e),submit:e=>console.log("Submit",e)}},Kl=Object.freeze({__proto__:null,default:{title:"Components/Change Password",parameters:{scenario:'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'}},Default:()=>t(kt,Object.assign({},Wl)),Open:()=>t(kt,Object.assign({},Ul)),Error:()=>t(kt,Object.assign({},Zl)),PaswordError:()=>t(kt,Object.assign({},Jl)),Loading:()=>t(kt,Object.assign({},Xl)),Success:()=>t(kt,Object.assign({},Yl))});O.setup(L());const Ql={states:{success:!1,loading:!1,submitDisabled:!1,showCountry:!0,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:e=>console.log(e),onChange:e=>console.log(e)}},ed={states:{success:!1,loading:!1,submitDisabled:!1,showCountry:!1,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:e=>console.log(e),onChange:e=>console.log(e)}},td={states:{success:!1,loading:!0,submitDisabled:!1,showCountry:!0,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:e=>console.log(e),onChange:e=>console.log(e)}},rd={states:{success:!1,loading:!1,submitDisabled:!0,showCountry:!0,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:e=>console.log(e),onChange:e=>console.log(e)}},nd={states:{success:!1,loading:!1,submitDisabled:!1,showCountry:!0,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:e=>console.log(e),onChange:e=>console.log(e)}},ad={states:{success:!0,loading:!1,submitDisabled:!1,showCountry:!0,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:e=>console.log(e),onChange:e=>console.log(e)}},id=Object.freeze({__proto__:null,default:{title:"Components/Portal Profile"},Default:()=>t(X,Object.assign({},Ql)),DefaultNoCountry:()=>t(X,Object.assign({},ed)),Loading:()=>t(X,Object.assign({},td)),Disabled:()=>t(X,Object.assign({},rd)),Error:()=>t(X,Object.assign({},nd)),Success:()=>t(X,Object.assign({},ad))}),sd={id:"123",type:"CREDIT",value:19,unit:"POINT",name:"test",dateGiven:1627427794891,dateScheduledFor:Sd(),dateExpires:Td(),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"}]}}]}},od={dateExpires:null},ld={dateScheduledFor:null},dd={fuelTankCode:null},ud={type:"PCT_DISCOUNT"},cd={type:"CREDIT"},md={type:"FUELTANK"},pd={type:"INTEGRATION"},hd={statuses:["AVAILABLE","PENDING"]},fd={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5},gd={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5},bd={statuses:["AVAILABLE","EXPIRED","REDEEMED"]},vd={statuses:["AVAILABLE"]},yd=[],wd=[{...sd,...vd}],$d=[{...sd,...ud,...hd},{...sd,...cd}],xd=[{...sd,...md,...od},{...sd,...md,...gd},{...sd,...hd,...dd}],Cd=[{...sd,...md},{...sd,...pd},{...sd,...hd},{...sd,...fd,...od,...dd},{...sd,...gd,...dd}],qd=[{...sd,...bd,...dd},{...sd,...vd,...od},{...sd,...hd},{...sd,...fd},{...sd,...gd},{...sd,...hd,...od,...ld},{...sd,...fd},{...sd,...gd}],Dd=[{...sd,...pd},{...sd,...bd},{...sd,...vd},{...sd,...fd,...od},{...sd,...gd},{...sd,...hd},{...sd,...ud},{...sd,...md},{...sd,...fd,...od},{...sd,...cd}];function Ed(){return En.DateTime.now().toMillis()+1e4}function kd(){return En.DateTime.now().toMillis()+4e5}function Ad(){return En.DateTime.now().toMillis()+9e6}function Sd(){return En.DateTime.now().toMillis()+6e8}function Td(){return En.DateTime.now().toMillis()+1e10}function Fd(){return En.DateTime.now().toMillis()+2e11}const Pd=()=>t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,...ld}]}),Rd=()=>t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,...od}]}),Id=()=>t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...fd}]}),Nd=Object.freeze({__proto__:null,default:{title:"Components/Referral Table Rewards Cell"},PendingNoUnpend:Pd,PendingNoUnpendNoDetails:()=>t("sqm-referral-table-rewards-cell",{hideDetails:!0,rewards:[{...sd,...hd,...ld}]}),PendingWithUnpend:()=>[t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,dateScheduledFor:Ed()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,dateScheduledFor:kd()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,dateScheduledFor:Ad()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,dateScheduledFor:Sd()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,dateScheduledFor:Td()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,dateScheduledFor:Fd()}]})],AvailableNoExpiry:Rd,AvailableWithExpiry:()=>[t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,dateExpires:Ed()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,dateExpires:kd()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,dateExpires:Ad()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,dateExpires:Sd()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,dateExpires:Td()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,dateExpires:Fd()}]})],Redeemed:()=>t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...bd}]}),Cancelled:Id,Expired:()=>t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...gd}]}),EmptyCell:()=>t("sqm-referral-table-rewards-cell",{rewards:yd}),oneRewardCell:()=>t("sqm-referral-table-rewards-cell",{rewards:wd}),twoRewardsCell:()=>t("sqm-referral-table-rewards-cell",{rewards:$d}),threeRewardsCell:()=>t("sqm-referral-table-rewards-cell",{rewards:xd}),fiveRewardsCell:()=>t("sqm-referral-table-rewards-cell",{rewards:Cd}),eightRewardsCell:()=>t("sqm-referral-table-rewards-cell",{rewards:qd}),tenRewardsCell:()=>t("sqm-referral-table-rewards-cell",{rewards:Dd})}),Bd=t("div",{slot:"loading",style:{display:"contents"}},t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))),_d=t("div",{slot:"empty",style:{display:"contents"}},t("sqm-table-row",null,t("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},"No Referrals Yet"))),Od={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"}]}}]}},Ld={statuses:["AVAILABLE","PENDING"]},jd={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5},Md={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5},Vd={statuses:["AVAILABLE"]},Gd={dateExpires:null},zd={states:{hasPrev:!1,hasNext:!0,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},elements:{columns:[t("div",null,"Name"),t("div",null,"Email"),t("div",null,"DOB"),t("div",null,"Rewards")],rows:[[t("sqm-referral-table-user-cell",{name:"Joe Smith"}),t("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),t("sqm-referral-table-user-cell",{name:"07/15/1902"}),t(Pd,null)],[t("sqm-referral-table-user-cell",{name:"Bob Williams"}),t("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),t("sqm-referral-table-user-cell",{name:"09/05/1999"}),t(Rd,null)],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),t("sqm-referral-table-user-cell",{name:"12/21/1984"}),t(Id,null)]]}},Hd={data:{textOverrides:{showLabels:!1,prevLabel:"Prev",moreLabel:"View More"}}},Wd={states:{hasPrev:!0,hasNext:!0,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"CUSTOM PREVIOUS TEXT",moreLabel:"CUSTOM NEXT TEXT"}}},Ud={states:{hasPrev:!1,hasNext:!0,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},elements:{columns:[t("div",null,"Name"),t("div",null,"Email"),t("div",null,"DOB"),t("div",null,"City"),t("div",null,"State/Province"),t("div",null,"Country"),t("div",null,"Referrals"),t("div",null,"Reward Earnings"),t("div",null,"Status")],rows:[[t("sqm-referral-table-user-cell",{name:"Bartholomew Christopher-Johnston Wallace"}),t("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),t("sqm-referral-table-date-cell",{date:-220896e5}),t("sqm-referral-table-user-cell",{name:"Vancouver"}),t("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"14,000,000"}),t("sqm-referral-table-user-cell",{name:"$800,000,000,000"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0})],[t("sqm-referral-table-user-cell",{name:"Bob Williams"}),t("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),t("sqm-referral-table-date-cell",{date:8e11}),t("sqm-referral-table-user-cell",{name:"Los Angeles"}),t("sqm-referral-table-cell",{innerTemplate:"California"}),t("sqm-referral-table-user-cell",{name:"US"}),t("sqm-referral-table-user-cell",{name:"1"}),t("sqm-referral-table-user-cell",{name:"$5"}),t("sqm-referral-table-status-cell",{statusText:"In progress",converted:!1}),,],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),t("sqm-referral-table-date-cell",{date:444703707e3}),t("sqm-referral-table-user-cell",{name:"Toronto"}),t("sqm-referral-table-cell",{innerTemplate:"Ontario"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"10"}),t("sqm-referral-table-user-cell",{name:"$71"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0}),,]]}},Zd={states:{hasPrev:!1,hasNext:!0,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},elements:{columns:[t("div",null,"Lorem ipsum dolor sit amet consectetur adipisicing elit."),t("div",null,"Email"),t("div",null,"DOB"),t("div",null,"City"),t("div",null,"State/Province"),t("div",null,"Country"),t("div",null,"Referrals"),t("div",null,"Rewarddddddddddd Earningsssssssssssss"),t("div",null,"Status")],rows:[[t("sqm-referral-table-user-cell",{name:"Joe Smith"}),t("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),t("sqm-referral-table-date-cell",{date:-2128547493e3}),t("sqm-referral-table-user-cell",{name:"Vancouver"}),t("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"14"}),t("sqm-referral-table-user-cell",{name:"$88"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0})],[t("sqm-referral-table-user-cell",{name:"Bob Williams"}),t("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),t("sqm-referral-table-date-cell",{date:8e11}),t("sqm-referral-table-user-cell",{name:"Los Angeles"}),t("sqm-referral-table-cell",{innerTemplate:"California"}),t("sqm-referral-table-user-cell",{name:"US"}),t("sqm-referral-table-user-cell",{name:"1"}),t("sqm-referral-table-user-cell",{name:"$5"}),t("sqm-referral-table-status-cell",{statusText:"In progress",converted:!1}),,],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),t("sqm-referral-table-date-cell",{date:444703707e3}),t("sqm-referral-table-user-cell",{name:"Toronto"}),t("sqm-referral-table-cell",{innerTemplate:"Ontario"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"10"}),t("sqm-referral-table-user-cell",{name:"$71"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0}),,]]}},Jd={states:{hasPrev:!1,hasNext:!0,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},elements:{columns:[t("div",null,"Name"),t("div",null,"Email"),t("div",null,"DOB"),t("div",null,"City"),t("div",null,"State/Province"),t("div",null,"Country"),t("div",null,"Referrals"),t("div",null,"Reward Earnings"),t("div",null,"Status")],rows:[[t("sqm-referral-table-user-cell",{name:"Joe Smith"}),t("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),t("sqm-referral-table-date-cell",{date:-2128547493e3}),t("sqm-referral-table-user-cell",{name:"Vancouver"}),t("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"14"}),t("sqm-referral-table-user-cell",{name:"$88"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0})],[t("sqm-referral-table-user-cell",{name:"Bob Williams"}),t("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),t("sqm-referral-table-date-cell",{date:8e11}),t("sqm-referral-table-user-cell",{name:"Los Angeles"}),t("sqm-referral-table-cell",{innerTemplate:"California"}),t("sqm-referral-table-user-cell",{name:"US"}),t("sqm-referral-table-user-cell",{name:"1"}),t("sqm-referral-table-user-cell",{name:"$5"}),t("sqm-referral-table-status-cell",{statusText:"In progress",converted:!1}),,],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),t("sqm-referral-table-date-cell",{date:444703707e3}),t("sqm-referral-table-user-cell",{name:"Toronto"}),t("sqm-referral-table-cell",{innerTemplate:"Ontario"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"10"}),t("sqm-referral-table-user-cell",{name:"$71"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0}),,]]}},Xd=Object.freeze({__proto__:null,default:{title:"Components/Referral Table"},SimpleUserTable:()=>t(gn,Object.assign({},zd)),HiddenLabelsTable:()=>t(gn,Object.assign({},{...zd,...Hd})),CustomButtonTextTable:()=>t(gn,Object.assign({},{...zd,...Wd})),FullUserTable:()=>t(gn,Object.assign({},Jd)),LongCellTextTable:()=>t(gn,Object.assign({},Ud)),LongColumnTextTable:()=>t(gn,Object.assign({},Zd)),EmptyTable:()=>t("sqm-referral-table",{demoData:{states:{hasPrev:!1,hasNext:!1,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},elements:{emptyElement:_d,loadingElement:Bd,columns:[t("div",null,"Name"),t("div",null,"Email"),t("div",null,"DOB")],rows:[]}}}),LoadingTable:()=>t("sqm-referral-table",{demoData:{states:{hasPrev:!1,hasNext:!1,loading:!0},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},elements:{emptyElement:_d,loadingElement:Bd,columns:[t("div",null,"Name"),t("div",null,"Email"),t("div",null,"DOB")],rows:[]}}}),FullRewardsTable:()=>t("sqm-referral-table",{demoData:{states:{hasPrev:!1,hasNext:!1,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},elements:{emptyElement:_d,loadingElement:Bd,columns:[t("div",null,"User"),t("div",null,"Rewards"),t("div",null,"Status"),t("div",null,"Date Started"),t("div",null,"Date Converted")],rows:[[t("sqm-referral-table-user-cell",{name:"Joe Smith"}),t("sqm-referral-table-rewards-cell",{rewards:[{...Od,...Vd},{...Od,...Ld},{...Od,...jd}]}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0}),t("sqm-referral-table-date-cell",{date:16267644e5}),t("sqm-referral-table-date-cell",{date:1627427794891})],[t("sqm-referral-table-user-cell",{name:"Sarah Williams"}),t("sqm-referral-table-rewards-cell",{rewards:[{...Od,...Md}]}),t("sqm-referral-table-status-cell",{statusText:"Incomplete",converted:!1}),t("sqm-referral-table-date-cell",{date:16267644e5}),t("sqm-referral-table-date-cell",{date:null})],[t("sqm-referral-table-user-cell",{name:"Marvin Smith"}),t("sqm-referral-table-rewards-cell",{rewards:[{...Od,...Gd},{...Od,...Ld}]}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0}),t("sqm-referral-table-date-cell",{date:16267644e5}),t("sqm-referral-table-date-cell",{date:1627427794891})]]}}})}),Yd=[{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"}]}}]}}],Kd=Object.freeze({__proto__:null,default:{title:"Components/Referral Table Cell"},TableCell:()=>t("sqm-referral-table-cell",{innerTemplate:"Table Cell Text"}),TableUserCell:()=>t("sqm-referral-table-user-cell",{name:"Table User Cell Text"}),EmptyCell:()=>t("sqm-sqm-referral-table-cell",null,"-"),StatusCell:()=>t("div",null,t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0}),t("sqm-referral-table-status-cell",{statusText:"In Progress",converted:!1})),DateCell:()=>t("sqm-referral-table-date-cell",{date:8e11}),RewardsCell:()=>t("sqm-referral-table-rewards-cell",{rewards:Yd})}),Qd=Object.freeze({__proto__:null,default:{title:"Tests/User Name"},DemoData:()=>t("sqm-user-name",{demoData:{loading:!1,loadingText:"...",username:"Test Testerson"}}),Username:()=>t("sqm-user-name",null)}),eu=Object.freeze({__proto__:null,default:{title:"Components/Portal Password Field"},Start:()=>t("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:!0,validationErrors:{},content:{fieldLabel:"Password"}}}}),EmptyError:()=>t("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:!0,validationErrors:{password:"Cannot be empty"},content:{fieldLabel:"Password"}}}}),ValidationError:()=>t("sqm-password-field",{demoData:{initValue:"asdf",states:{enableValidation:!0,validationErrors:{password:"Incomplete"},content:{fieldLabel:"Password"}}}})});function tu({matrix:e,props:r,Component:n}){return function(...e){var t=[],r=e.length-1;return function n(a,i){for(var s=0,o=e[i].length;s<o;s++){var l=a.slice(0);l.push(e[i][s]),i==r?t.push(l):n(l,i+1)}}([],0),t}(...Object.keys(e).map((t=>e[t].map((e=>({[t]:e})))))).map((e=>e.reduce(((e,t)=>({...e,...t})),{}))).map((e=>{const a={...r,...e};return t("div",null,t(ru,{values:a}),t("hr",null)," ",t("br",null),t(n,Object.assign({},a)),t("br",null))}))}function ru({values:e}){return t("table",null,t("tbody",null,Object.keys(e).map((r=>t("tr",null,t("th",null,r),t("td",null,JSON.stringify(e[r])))))))}const nu=()=>t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M15 5H12.4508H9V16H13.5C14.0523 16 14.5 15.5523 14.5 15V9H15C15.5523 9 16 8.55228 16 8V6C16 5.44772 15.5523 5 15 5Z",fill:"#F2C94C"}),t("path",{d:"M1.5 9V15C1.5 15.5523 1.94772 16 2.5 16H7V5H4.64242H1C0.447715 5 0 5.44772 0 6V8C0 8.55228 0.447715 9 1 9H1.5Z",fill:"#F2C94C"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9V10H14.5V9H1.5Z",fill:"#BE9720"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14 2.70949C14 3.59565 12.6694 4.93746 12 5H9V16H7.00179V5H4.58792C3.21247 4.70182 2 3.64537 2 2.52072C2 1.42474 2.47603 0.556701 3.34184 0.182041C4.16921 -0.175986 5.12452 0.0203328 5.87976 0.544666C6.80676 1.18825 7.32679 2.3963 7.79856 3.49226C7.83996 3.58845 7.88099 3.68378 7.9219 3.77778C7.96173 3.68865 8.00186 3.59793 8.0425 3.50608C8.50995 2.44948 9.04359 1.24325 9.9404 0.59563C10.7332 0.0231438 11.741 -0.193157 12.6121 0.198945C13.5129 0.604397 14 1.53453 14 2.70949ZM10.6123 1.5C11.0928 1.15305 11.668 1.09012 12.1597 1.5C12.5879 1.85694 12.6108 2.02497 12.6658 2.42926L12.6755 2.5C12.6755 3.09851 12.1597 4 11.6439 4C11.2785 4 10.9914 3.99691 10.7224 3.99402C10.2319 3.98875 9.80131 3.98412 9.06496 4C9.20533 3.72786 9.31743 3.46669 9.42434 3.21761C9.71026 2.55143 9.95907 1.97176 10.6123 1.5ZM4.93861 1.5C4.70607 1.33855 4.17281 1.4106 3.95166 1.5063C3.76894 1.58537 3.49602 1.82658 3.49602 2.52072C3.49602 3.19524 4.58792 3.77778 4.58792 3.77778C4.58792 3.77778 5.45441 4 7.00179 4C6.47506 2.69451 5.7289 2.04867 4.93861 1.5Z",fill:"#EB5757"}));function au(e){const{progress:r=0,goal:n=1,steps:a=!1,progressBarUnit:i="",repeatable:s=!1,expired:o=!1,finite:l=0}=e,d=nu(),u=nu(),c=nu();var m=[],p="";s?a?function(){let e=Math.floor(r/n);if(e<2){let e=1/n;for(let a=1;a<2*n+1;a++)p+=e+"fr 0fr ",a>r?a==n?(p+="0fr ",m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty bg"},n)),m.push(t("div",{class:"gift bw"},d))):a==2*n?(p+="0fr 0fr",m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty bg"},2*n)),m.push(t("div",{class:"gift bw"},u))):(m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty"},a))):a==n?(p+="0fr ",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},a)),m.push(t("div",{class:"gift"},c))):(m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress"},a)))}else if(l&&e>=l){let a=1/n;e>2&&(p+="0fr 0fr ",m.push(t("div",{class:"progress bg"},n*(l-2))),m.push(t("div",{class:"gift start"},d)));for(let e=1;e<2*n+1;e++)p+=a+"fr 0fr ",e>r?e==n&&(p+="0fr ",m.push(t("div",{class:"remain"})),m.push(t("div",{class:"progress bg"},n*(l-1))),m.push(t("div",{class:"gift bw"},d))):e==n?(p+="0fr ",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},n*(l-1))),m.push(t("div",{class:"gift"},u))):e==2*n?(p+="0fr 0fr",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},n*l)),m.push(t("div",{class:"gift"},c))):(m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress"},e+n*(l-2))))}else{let a=r%n+n,i=1/n;p+="0fr 0fr ",m.push(t("div",{class:"progress bg"},n*(e-1))),m.push(t("div",{class:"gift start"},d));for(let r=1;r<2*n+1;r++)p+=i+"fr 0fr ",r<=n?r==n?(p+="0fr ",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},r+n*(e-1))),m.push(t("div",{class:"gift"},u))):(m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress"},r+n*(e-1)))):r>a?r==2*n?(p+="0fr 0fr",m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty bg"},r+n*(e-1))),m.push(t("div",{class:"gift bw"},c))):(m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty"},r+n*(e-1)))):(m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress"},r+n*(e-1))))}}():function(){let e=Math.floor(r/n),a=r%n/n*.5;0==e?(p=a+"fr 0fr "+(.5-a)+"fr 0fr 0fr 0.5fr 0fr 0fr",m.push(t("div",{class:"filled"})),m.push(t("div",{class:r==n?"progress top bg":"progress top"},i+r)),m.push(t("div",{class:"remain"})),m.push(t("div",{class:"progress bg"},i+n)),m.push(t("div",{class:"gift"},d)),m.push(t("div",{class:"remain"})),m.push(t("div",{class:"progress bg"},i+2*n)),m.push(t("div",{class:"gift bw"},u))):1==e?(p="0.5fr 0fr 0fr "+a+"fr 0fr "+(.5-a)+"fr 0fr 0fr",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},i+n)),m.push(t("div",{class:"gift"},d)),m.push(t("div",{class:"filled"})),m.push(t("div",{class:r==n?"progress top bg":"progress top"},r==n?"":i+r)),m.push(t("div",{class:"remain"})),m.push(t("div",{class:"progress bg"},i+2*n)),m.push(t("div",{class:"gift bw"},u))):l&&e>=l?(e>2?(m.push(t("div",{class:"progress bg"},i+n*(l-2))),m.push(t("div",{class:"gift start"},d)),p="0fr 0fr 0.5fr 0fr 0fr 0.5fr 0fr 0fr"):p="0.5fr 0fr 0fr 0.5fr 0fr 0fr",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},i+n*(l-1))),m.push(t("div",{class:"gift"},u)),m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},i+n*l)),m.push(t("div",{class:"gift"},c))):(p="0fr 0fr 0.5fr 0fr 0fr "+a+"fr 0fr "+(.5-a)+"fr 0fr 0fr",m.push(t("div",{class:"progress bg"},i+n*(e-1))),m.push(t("div",{class:"gift start"},d)),m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},i+n*e)),m.push(t("div",{class:"gift"},u)),m.push(t("div",{class:"filled"})),m.push(t("div",{class:r==n*e?"progress top bg":"progress top"},r==n*e?"":i+r)),m.push(t("div",{class:"remain"})),m.push(t("div",{class:"progress bg"},i+n*(e+1))),m.push(t("div",{class:"gift bw"},c)))}():a?function(){let e=1/n;for(let a=1;a<n;a++)p+=e+"fr 0fr ",a>r?(m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty"},a))):(m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress"},a)));p+=e+"fr 0fr ",n<=r?(p+="0fr ",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},n)),m.push(t("div",{class:"gift"},d))):(p+="0fr ",m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty bg"},n)),m.push(t("div",{class:"gift"},d)))}():function(){const e=r/n;p=b(e,0,1)+"fr 0fr "+b(1-e,0,1)+"fr 0fr 0fr",m.push(t("div",{class:"filled"})),m.push(t("div",{class:b(r,0,n)==n?"progress top bg":"progress top"},b(r,0,n)==n?"":i+b(r,0,n))),m.push(t("div",{class:"remain"})),m.push(t("div",{class:"progress bg"},i+n)),m.push(t("div",{class:"gift"},d))}();const h={ProgressBar:{marginTop:a?"calc(-1*var(--sl-spacing-x-small))":"","& .progress-bar":{height:"0",marginTop:a?"var(--sl-spacing-medium)":"var(--sl-spacing-large)",filter:o?"grayscale(1)":"",marginBottom:"var(--sl-spacing-xxx-large)",marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-small)",display:"grid",gridTemplateColumns:p,lineHeight:"45px",userSelect:"none"},"& .progress-bar.repeatable-steps":{marginLeft:"var(--sl-spacing-x-small)"},"& .filled:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"var(--sl-color-primary-300)"},"& .progress":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .progress::after":{content:'""',width:"12px",height:"12px",display:"flex",backgroundColor:"var(--sl-color-primary-300)",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .progress.bg:after":{width:"0",height:"0",border:"none"},"& .progress.top":{position:"relative",top:"-40px"},"& .progress.top:after":{top:"-16%"},"& .empty":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .empty::after":{content:'""',width:"12px",height:"12px",border:"2px solid #E0E0E0",margin:"-2px",display:"flex",backgroundColor:"white",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .empty.bg:after":{width:"0",height:"0",border:"none"},"& .remain:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"#E0E0E0"},"& .gift.bw":{filter:"grayscale(100%)"},"& .gift.start":{transform:"scale(80%)",top:"-20px"},"& .gift":{textAlign:"center",marginLeft:"-100px",marginRight:"-100px",position:"relative",display:"list-item",listStyleType:"none",top:"-18px",filter:n<=r?"":"grayscale(100%)",zIndex:"1"}}};O.setup(L());const f=O.createStyleSheet(h),g=f.toString();return t("div",{class:f.classes.ProgressBar},t("style",{type:"text/css"},g),t("div",{class:!Boolean(l)&&r>=2*n||Boolean(l)&&r>2*n?"progress-bar repeatable-steps":"progress-bar"},m));function b(e,t,r){return Math.min(Math.max(e,t),r)}}function iu(e){const r=t("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.81818 10C1.81818 5.48131 5.48131 1.81818 10 1.81818C14.5187 1.81818 18.1818 5.48131 18.1818 10C18.1818 14.5187 14.5187 18.1818 10 18.1818C5.48131 18.1818 1.81818 14.5187 1.81818 10ZM10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0ZM15.7692 6.96189C16.1398 6.48683 16.0551 5.80132 15.58 5.43077C15.1049 5.06022 14.4194 5.14495 14.0489 5.62001L8.72994 12.4391L5.86229 9.5715C5.43627 9.14548 4.74554 9.14548 4.31952 9.5715C3.89349 9.99752 3.89349 10.6882 4.31952 11.1143L8.05976 14.8545C8.28083 15.0756 8.58613 15.1912 8.89818 15.172C9.21023 15.1528 9.49905 15.0006 9.69133 14.7541L15.7692 6.96189Z",fill:"currentColor"})),n=t("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.65 6.19231C15.0459 6.5011 15.1165 7.07236 14.8077 7.46825L9.74277 13.9617C9.58254 14.1672 9.34186 14.294 9.08182 14.31C8.82178 14.326 8.56736 14.2297 8.38314 14.0454L5.26627 10.9286C4.91124 10.5735 4.91124 9.99794 5.26627 9.64292C5.62129 9.2879 6.19689 9.2879 6.55191 9.64292L8.94162 12.0326L13.3741 6.35001C13.6828 5.95412 14.2541 5.88352 14.65 6.19231Z",fill:"white"})),a=t("svg",{width:11,height:12,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.265 2.789a.346.346 0 000-.489L8.066.101a.346.346 0 10-.489.489l1.61 1.609H2.073a.691.691 0 00-.69.691v1.728a.346.346 0 00.69 0V2.89h7.114L7.577 4.5a.346.346 0 10.49.488l2.198-2.2zM.101 9.21a.346.346 0 000 .489l2.2 2.199a.346.346 0 00.488-.489l-1.61-1.609h7.114c.382 0 .691-.31.691-.691V7.382a.346.346 0 00-.691 0V9.11H1.18L2.789 7.5a.346.346 0 10-.489-.488l-2.199 2.2z",fill:"currentColor"}));O.setup(L());const i=O.createStyleSheet({TaskCard:{display:"inline-block",width:"100%","& .main":{position:"relative",boxSizing:"border-box",background:"var(--sl-color-neutral-0)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-medium)",fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",color:"var(--sl-color-neutral-600)"},"& .main.complete":{background:"var(--sl-color-primary-50)",borderColor:"var(--sl-color-primary-500)"},"& .main.expired":{color:"var(--sl-color-neutral-400)",background:"var(--sl-color-neutral-50)"},"& .title":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-950)"},"& .container":{margin:"var(--sl-spacing-medium)"},"& .container.subdued":{opacity:"0.66"},"& .container > div":{margin:"var(--sl-spacing-medium) 0"}},Expired:{margin:"var(--sl-spacing-medium)",marginBottom:"calc(var(--sl-spacing-x-small)*-1)",color:"var(--sl-color-warning-600)",fontWeight:"var(--sl-font-weight-semibold)"},Header:{display:"flex","& .icon":{position:"relative",top:"5%",alignSelf:"center",lineHeight:"0",color:"var(--sl-color-primary-400)",fontSize:"var(--sl-font-size-large)",marginRight:"var(--sl-spacing-x-small)"},"& .value":{alignSelf:"center",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-950)",lineHeight:"100%",marginRight:"var(--sl-spacing-xx-small)"},"& .text":{alignSelf:"end",textTransform:"uppercase",fontSize:"var(--sl-font-size-x-small)",color:"var(--sl-color-neutral-950)",lineHeight:"var(--sl-font-size-medium)",marginRight:"var(--sl-spacing-xx-small)"},"& .end":{color:"var(--sl-color-warning-500)",fontWeight:"var(--sl-font-weight-semibold)",marginBottom:"var(--sl-spacing-xx-small)"},"& .neutral":{color:"var(--sl-color-neutral-400)"}},Footer:{display:"flex","& .icon":{fontSize:"var(--sl-font-size-xx-small)",marginRight:"var(--sl-spacing-xx-small)",verticalAlign:"middle"},"& .text":{marginTop:"auto",verticalAlign:"text-bottom",fontSize:"var(--sl-font-size-x-small)"},"& .success":{color:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-semibold)"},"& .action":{marginTop:"auto",marginLeft:"auto","&::part(base)":{color:"var(--sl-color-neutral-0)",borderRadius:"var(--sl-border-radius-medium)"},"&.disabled::part(base)":{border:"1px solid var(--sl-color-primary-400)",background:"var(--sl-color-primary-400)"},"&.neutral::part(base)":{border:"1px solid var(--sl-color-neutral-400)",background:"var(--sl-color-neutral-400)"}},"& .neutral":{color:"var(--sl-color-neutral-400)"}}}),s=i.toString(),o=e.progress>=e.goal,l=e.showProgressBar?Math.floor(e.progress/e.goal):e.progress,d=e.showExpiry&&En.DateTime.fromISO(e.rewardDuration.split("/")[0]),u=e.showExpiry&&En.DateTime.fromISO(e.rewardDuration.split("/")[1]),c=En.DateTime.now(),m=o&&!1===e.repeatable||e.finite&&e.progress>=e.finite*e.goal,p=e.showExpiry&&u<=c,h=p||e.showExpiry&&c<=d;return t("div",{class:i.classes.TaskCard},t("div",{class:h?"main expired":m?"main complete":"main"},t("style",{type:"text/css"},s),h&&t("div",{class:i.classes.Expired},p?"Ended "+u.toLocaleString(En.DateTime.DATE_MED):"Starts "+d.toLocaleString(En.DateTime.DATE_MED)),t("div",{class:m||h?"container subdued":"container"},t("div",{class:i.classes.Header},e.loading?t("sl-skeleton",{style:{width:"22%",margin:"0"}}):t("div",null,o&&t("span",{class:h?"icon neutral":"icon"},m?n:r),t("span",{class:"value"},e.rewardAmount),t("span",{class:"text"},e.rewardUnit))),e.loading?t("sl-skeleton",{style:{width:"42%",margin:"var(--sl-spacing-medium) 0"}}):t("div",{class:"title"},e.cardTitle),e.loading?t("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):t(su,Object.assign({},e)),e.showProgressBar&&e.loading?t("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):e.showProgressBar&&t(au,Object.assign({},e,{complete:m,expired:h})),t("div",{class:i.classes.Footer},e.loading?t("sl-skeleton",{style:{width:"25%",marginLeft:"auto"}}):t("div",{style:{display:"contents"}},t("span",{class:"text"},e.repeatable&&t("div",null,t("span",{class:l>0?h?"icon neutral":"icon success":"icon"},a),t("span",{class:l>0?h?"neutral":"success":""},"Completed "+(e.finite?Math.min(l,e.finite):l)+(e.finite?"/"+e.finite:"")+" times")),e.showExpiry&&!h&&t("span",null,"Ends "+u.toLocaleString(En.DateTime.DATE_FULL))),t("sl-button",{class:h?"action neutral":m?"action disabled":"action",type:"primary",size:"small",onClick:()=>e.openNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent"),disabled:m||h},e.buttonText))))))}function su(e){const r={Description:{"& input[type=checkbox]":{display:"none"},"& input:checked ~ .details":{transform:"rotate(-180deg)"},"& .details":{position:"absolute",top:"var(--sl-spacing-medium)",right:"var(--sl-spacing-medium)",color:"var(--sl-color-neutral-700)",fontSize:"var(--sl-font-size-large)","& :hover":{color:"var(--sl-color-primary-700)"},transformOrigin:"50% 37%",transition:"transform var(--sl-transition-medium) ease"},"& input:checked ~ .summary":{transition:"all var(--sl-transition-medium) ease",maxHeight:"300px",marginBottom:e.steps?"var(--sl-spacing-x-large)":e.showProgressBar?"var(--sl-spacing-xx-large)":"var(--sl-spacing-x-large)"},"& .summary":{display:"block",overflow:"hidden",fontSize:"var(--sl-font-size-small)",maxHeight:"0px",transition:"all var(--sl-transition-fast) ease-out",marginBottom:"var(--sl-spacing-medium)"}}};O.setup(L());const n=O.createStyleSheet(r),a=n.toString(),i=Math.random().toString(36).slice(2);return t("div",null,t("style",{type:"text/css"},a),t("span",{class:n.classes.Description},t("input",{type:"checkbox",id:"details-"+i}),t("label",{class:"details",htmlFor:"details-"+i},t("sl-icon",{name:"chevron-down"})),t("span",{class:"summary"},e.description)))}const ou=(e,r)=>t("div",{class:"resizer"},r),lu={display:"inline-flex",gap:"32px"},du={width:"347px",minWidth:"347px",resize:"horizontal",height:"fit-content",overflow:"hidden"},uu={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:!1,showProgressBar:!1,progress:0,goal:1,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:!1,showExpiry:!1,rewardDuration:null,loading:!1,finite:0},cu={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:!1,showProgressBar:!0,steps:!0,progress:1,goal:5,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:!1,showExpiry:!1,rewardDuration:null,loading:!1,finite:0},mu={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:!1,showProgressBar:!0,progress:100,goal:500,progressBarUnit:"$",buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:!1,showExpiry:!1,rewardDuration:null,loading:!1,finite:0},pu=Object.freeze({__proto__:null,default:{title:"Components/Task Card/",parameters:{scenario:'@author:derek\r\n@owner:\r\nFeature: Task Card\r\n\r\n\tScenario: A header, body title, description 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| description  | Fill out our survey form and receive points! |\r\n\t\t\t| buttonText   | Take Survey                                  |\r\n\t\t\t| buttonLink   | https://example.com/                         |\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\t\tWhen they click the details icon\r\n\t\tThen "Fill out our survey form and receive points!" is shown as the card description\r\n\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\tScenario Outline: The Progress Bar can be shown or hidden but is hidden by default\r\n\t\tGiven a Task Card component\r\n\t\tAnd it <mayHave> "showProgressBar" <value>\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| mayHave      | value | mayBe |\r\n\t\t\t| has          | true  | is    |\r\n\t\t\t| has          | false | isn\'t |\r\n\t\t\t| doesn\'t have |       | isn\'t |\r\n\r\n\tScenario Outline: Tasks can be repeatable or one-time only but are one-time only be default\r\n\t\tGiven a Task Card component\r\n\t\tAnd it <mayHave> "repeatable" <value>\r\n\t\tAnd a user who has already completed the task\r\n\t\tWhen they views the Task Card\r\n\t\tThen they see a green checkmark icon beside the card heading\r\n\t\tAnd the card <mayBe> green\r\n\t\tAnd the card\'s border <mayBe> green\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| mayHave      | value | mayBe |\r\n\t\t\t| has          | true  | isn\'t |\r\n\t\t\t| has          | false | is    |\r\n\t\t\t| doesn\'t have |       | is    |\r\n\r\n\tScenario: Task Expiries can be configured and disable the CTA after the expiry\r\n\t\tGiven a Task Card component\r\n\t\tAnd it is configured for <expiry>\r\n\t\tWhen a user views the Card on <day>\r\n\t\tThen they the expiry on <cardLocation>\r\n\t\tAnd the text <mayBe> orange\r\n\t\tAnd the card <mayBe> disabled\r\n\t\tAnd the card <mayBe> grey\r\n\t\tAnd the user <mayBe> unable to complete the loyalty task\r\n\t\tExamples:\r\n\t\t\t| expiry               | day                    | cardLocation | mayBe |\r\n\t\t\t| Dec 31 2021 11:59:59 | Dec 1st 2021 12:00:00  | bottom left  | isn\'t |\r\n\t\t\t| Dec 31 2021 11:59:59 | Dec 31 2021 11:00:00   | top right    | isn\'t |\r\n\t\t\t| Dec 31 2021 11:59:59 | Jan 15th 2022 10:00:00 | top right    | is    |\r\n\r\n\tScenario Outline: Task expiry can be hidden or shown but is hidden by default\r\n\t\tGiven a Task Card\r\n\t\tAnd it is configured with an expiry\r\n\t\tAnd it <mayHave> "showExpiry" <value>\r\n\t\tWhen a user views the Task card\r\n\t\tThen the expiry <mayBe> shown in the bottom left hand corner\r\n\t\tExamples:\r\n\t\t\t| mayHave      | value | mayBe |\r\n\t\t\t| has          | true  | is    |\r\n\t\t\t| has          | false | isn\'t |\r\n\t\t\t| doesn\'t have |       | isn\'t |\r\n\r\n\t#DS: Currently this text is non configurable and isnt set up for proper pluralization\r\n\tScenario Outline: A task completion count is displayed for repeatable tasks\r\n\t\tGiven a Task Card is configured for a repeatable task\r\n\t\tAnd has "goalCompletionNumber" <goalCompletionNumberValue>\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 green\r\n\t\tExamples:\r\n\t\t\t| goalCompletionNumber | userGoalProgress | text              |\r\n\t\t\t| 1                    | 0                | Completed 0 times |\r\n\t\t\t| 1                    | 1                | Completed 1 times |\r\n\t\t\t| 1                    | 2                | Completed 2 times |\r\n\t\t\t| 10                   | 5                | Completed 0 times |\r\n\t\t\t| 10                   | 12               | Completed 1 times |\r\n\t\t\t| 10                   | 29               | Completed 2 times |\r\n\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 is configured to have <progressSourcePath> progress source\r\n\t\tAnd a user\r\n\t\tWhen they view 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| value                                            |\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\tScenario Outline: The users completion of a goal is calculated by the Goal Completion Number\r\n\t\tGiven a Task Card is configured to have <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\tScenario: The Goal Completion Number defaults to 1\r\n\t\tGiven a Task Card without a configured "goalCompletionNumber"\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    |@author:\r\n@owner:\r\nFeature: Task Card Progress Bar\r\n\r\n\tScenario Outline: Progress Bar\r\n\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\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar           | unit | color |\r\n\t\t\t| -100     | 500  | ●――――――――――――――――――🎁 | $    | no    |\r\n\t\t\t| 0        | 500  | ●――――――――――――――――――🎁 | $    | no    |\r\n\t\t\t| 250      | 500  | ―――――――――●―――――――――🎁 | $    | no    |\r\n\t\t\t| 500      | 500  | ―――――――――――――――――――🎁 | $    | yes   |\r\n\t\t\t| 1000     | 500  | ―――――――――――――――――――🎁 | $    | yes   |\r\n\r\n\tScenario Outline: Progress Bar Steps\r\n\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 from 1 to <goal>\r\n\t\tAnd gift icon has <color>\r\n\t\tAnd gift icon shows <goal> below\r\n\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar           | color |\r\n\t\t\t| -1       | 5    | ―――○―――○―――○―――○―――🎁 | no    |\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\r\n\r\n\tScenario Outline: Progress Bar Repeatable\r\n\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 <icon1> is <color1> with <text1> displayed below\r\n\t\tAnd <icon2> is <color2> with <text2> displayed below\r\n\t\tAnd <icon3> is <color3> with <text3> displayed below\r\n\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar          | unit | icon1 | color1   | text1 | icon2 | color2    | text 2 | icon3 | color3    | text 1 | text 3 |\r\n\t\t\t| 250      | 500  | ――――●――――🎁―――――――🎁 | $    | NA    | NA       | NA    | gift  | greyscale | 500    | gift  | greyscale | NA     | 1000   |\r\n\t\t\t| 500      | 500  | ―――――――――🎁―――――――🎁 | $    | NA    | NA       | NA    | gift  | colorful  | 500    | gift  | greyscale | NA     | 1000   |\r\n\t\t\t| 750      | 500  | ―――――――――🎁―――●―――🎁 | $    | NA    | NA       | NA    | gift  | colorful  | 500    | gift  | greyscale | NA     | 1000   |\r\n\t\t\t| 1000     | 500  | 🎁―――――――🎁―――――――🎁 | $    | gift  | colorful | 500   | gift  | colorful  | 1000   | gift  | greyscale | 500    | 1500   |\r\n\t\t\t| 1250     | 500  | 🎁―――――――🎁―――●―――🎁 | $    | gift  | colorful | 500   | gift  | colorful  | 1000   | gift  | greyscale | 500    | 1500   |\r\n\r\n\tScenario Outline: Progress Bar Steps Repeatable\r\n\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\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar |'}},TaskCard:()=>{const e={showExpiry:!0,rewardDuration:"2021-11-30T08:00:00.000Z/2021-12-01T08:00:00.000Z",repeatable:!0};return t("div",{style:lu},t(ou,null,t("h4",null,"Not Repeatable"),t(iu,Object.assign({},uu,{progress:0}))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:1}))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:230}))),t(ou,null,t("h4",null,"Repeatable"),t(iu,Object.assign({},uu,{progress:2,repeatable:!0}))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:7,repeatable:!0})),t("h5",null),t(iu,Object.assign({},mu,{progress:650,repeatable:!0}))),t(ou,null,t("h4",null,"Complete"),t(iu,Object.assign({},uu,{progress:1}))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:5}))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:500}))),t(ou,null,t("h4",null,"Unavailable"),t(iu,Object.assign({},uu,{progress:0},e))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:3},e)),t("h5",null),t(iu,Object.assign({},mu,{progress:250},e))))},TaskCardNotRepeatable:()=>t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,{progress:0}))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:1}))," ",t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,{progress:1}))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:5}))," ",t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,{progress:230}))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:500}))," ",t("h5",null))),TaskCardRepeatable:()=>t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,{progress:0,repeatable:!0}))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:1,repeatable:!0}))," ",t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,{progress:1,repeatable:!0})),t("h5",null),t(iu,Object.assign({},cu,{progress:5,repeatable:!0})),t("h5",null),t(iu,Object.assign({},cu,{progress:7,repeatable:!0})),t("h5",null),t(iu,Object.assign({},cu,{progress:10,repeatable:!0})),t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,{progress:100,repeatable:!0})),t("h5",null),t(iu,Object.assign({},mu,{progress:500,repeatable:!0})),t("h5",null),t(iu,Object.assign({},mu,{progress:650,repeatable:!0})),t("h5",null),t(iu,Object.assign({},mu,{progress:1e3,repeatable:!0})),t("h5",null))),TaskCardRepeatableFinite:()=>t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,{progress:0,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},uu,{progress:1,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},uu,{progress:2,repeatable:!0,finite:2})),t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,{progress:2,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},cu,{progress:5,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},cu,{progress:10,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},cu,{progress:12,repeatable:!0,finite:3})),t("h5",null),t(iu,Object.assign({},cu,{progress:15,repeatable:!0,finite:3})),t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,{progress:200,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},mu,{progress:500,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},mu,{progress:1e3,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},mu,{progress:1200,repeatable:!0,finite:3})),t("h5",null),t(iu,Object.assign({},mu,{progress:1500,repeatable:!0,finite:3})),t("h5",null))),TaskCardEndDate:()=>{const e={showExpiry:!0,rewardDuration:En.DateTime.now().minus({days:1}).toISO()+"/"+En.DateTime.now().plus({days:1}).toISO()},r={...e,repeatable:!0};return t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,e))," ",t("h5",null),t(iu,Object.assign({},uu,r))," ",t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,e))," ",t("h5",null),t(iu,Object.assign({},cu,r))," ",t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,e))," ",t("h5",null),t(iu,Object.assign({},mu,r))," ",t("h5",null)))},TaskCardLoading:()=>{const e={loading:!0};return t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,e))," ",t("h5",null),t(iu,Object.assign({},uu,e))," ",t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,e))," ",t("h5",null),t(iu,Object.assign({},cu,e))," ",t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,e))," ",t("h5",null),t(iu,Object.assign({},mu,e))," ",t("h5",null)))},TaskCardNotStarted:()=>{const e={showExpiry:!0,rewardDuration:En.DateTime.now().plus({days:1}).toISO()+"/"+En.DateTime.now().plus({days:2}).toISO()},r={...e,repeatable:!0};return t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,{progress:0},e))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:1},e))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:0},r))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:1},r))," ",t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,{progress:1},e))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:5},e))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:1},r)),t("h5",null),t(iu,Object.assign({},cu,{progress:5},r)),t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,{progress:100},e))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:500},e))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:100},r)),t("h5",null),t(iu,Object.assign({},mu,{progress:500},r)),t("h5",null)))},TaskCardEnded:()=>{const e={showExpiry:!0,rewardDuration:En.DateTime.now().minus({days:2}).toISO()+"/"+En.DateTime.now().minus({days:1}).toISO()},r={...e,repeatable:!0};return t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,{progress:0},e))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:1},e))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:0},r))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:1},r))," ",t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,{progress:1},e))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:5},e))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:1},r)),t("h5",null),t(iu,Object.assign({},cu,{progress:5},r)),t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,{progress:100},e))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:500},e))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:100},r)),t("h5",null),t(iu,Object.assign({},mu,{progress:500},r)),t("h5",null)))},ProgressBar:()=>t("div",null,t(tu,{matrix:{progress:[-100,0,100,500,1e3]},props:{progress:0,goal:500,progressBarUnit:"$"},Component:au})),ProgressBarSteps:()=>t("div",null,t(tu,{matrix:{progress:[-1,0,1,5,7]},props:{progress:0,steps:!0,goal:5,progressBarUnit:"$"},Component:au})),ProgressBarRepeatable:()=>t("div",null,t(tu,{matrix:{progress:[100,500,650,1200]},props:{progress:0,goal:500,progressBarUnit:"$",repeatable:!0},Component:au})),ProgressBarStepsRepeatable:()=>t("div",null,t(tu,{matrix:{progress:[1,5,7,12]},props:{progress:0,steps:!0,goal:5,progressBarUnit:"$",repeatable:!0},Component:au})),ProgressBarStepsRepeatableFinite:()=>t("div",null,t(tu,{matrix:{progress:[1,5,7,10,12]},props:{progress:0,steps:!0,goal:5,progressBarUnit:"$",repeatable:!0,finite:2},Component:au}))}),hu='<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 fu=m((function(e){e.exports=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function r(e,r){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=function(e,r){if(e){if("string"==typeof e)return t(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,r):void 0}}(e))||r&&e&&"number"==typeof e.length){n&&(e=n);var a=0;return function(){return a>=e.length?{done:!0}:{done:!1,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 n={exports:{}};function a(){return{baseUrl:null,breaks:!1,extensions:null,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1}}n.exports={defaults:{baseUrl:null,breaks:!1,extensions:null,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1},getDefaults:a,changeDefaults:function(e){n.exports.defaults=e}};var i=/[&<>"']/,s=/[&<>"']/g,o=/[<>"']|&(?!#?\w+;)/,l=/[<>"']|&(?!#?\w+;)/g,d={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},u=function(e){return d[e]};var c=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/gi;function m(e){return e.replace(c,(function(e,t){return"colon"===(t=t.toLowerCase())?":":"#"===t.charAt(0)?"x"===t.charAt(1)?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""}))}var p=/(^|[^\[])\^/g;var h=/[^\w:]/g,f=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;var g={},b=/^[^:]+:\/*[^/]*$/,v=/^([^:]+:)[\s\S]*$/,y=/^([^:]+:\/*[^/]*)[\s\S]*$/;function w(e,t){g[" "+e]||(g[" "+e]=b.test(e)?e+"/":$(e,"/",!0));var r=-1===(e=g[" "+e]).indexOf(":");return"//"===t.substring(0,2)?r?t:e.replace(v,"$1")+t:"/"===t.charAt(0)?r?t:e.replace(y,"$1")+t:e+t}function $(e,t,r){var n=e.length;if(0===n)return"";for(var a=0;a<n;){var i=e.charAt(n-a-1);if(i!==t||r){if(i===t||!r)break;a++}else a++}return e.substr(0,n-a)}var x=function(e,t){if(t){if(i.test(e))return e.replace(s,u)}else if(o.test(e))return e.replace(l,u);return e},C=m,q=function(e,t){e=e.source||e,t=t||"";var r={replace:function(t,n){return n=(n=n.source||n).replace(p,"$1"),e=e.replace(t,n),r},getRegex:function(){return new RegExp(e,t)}};return r},D=function(e,t,r){if(e){var n;try{n=decodeURIComponent(m(r)).replace(h,"").toLowerCase()}catch(e){return null}if(0===n.indexOf("javascript:")||0===n.indexOf("vbscript:")||0===n.indexOf("data:"))return null}t&&!f.test(r)&&(r=w(t,r));try{r=encodeURI(r).replace(/%25/g,"%")}catch(e){return null}return r},E={exec:function(){}},k=function(e){for(var t,r,n=1;n<arguments.length;n++)for(r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},A=function(e){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")},S=function(e,t){if(t<1)return"";for(var r="";t>1;)1&t&&(r+=e),t>>=1,e+=e;return r+e},T=n.exports.defaults,F=$,P=function(e,t){var r=e.replace(/\|/g,(function(e,t,r){for(var n=!1,a=t;--a>=0&&"\\"===r[a];)n=!n;return n?"|":" |"})).split(/ \|/),n=0;if(r[0].trim()||r.shift(),r[r.length-1].trim()||r.pop(),r.length>t)r.splice(t);else for(;r.length<t;)r.push("");for(;n<r.length;n++)r[n]=r[n].trim().replace(/\\\|/g,"|");return r},R=x,I=function(e,t){if(-1===e.indexOf(t[1]))return-1;for(var r=e.length,n=0,a=0;a<r;a++)if("\\"===e[a])a++;else if(e[a]===t[0])n++;else if(e[a]===t[1]&&--n<0)return a;return-1};function N(e,t,r,n){var a=t.href,i=t.title?R(t.title):null,s=e[1].replace(/\\([\[\]])/g,"$1");if("!"!==e[0].charAt(0)){n.state.inLink=!0;var o={type:"link",raw:r,href:a,title:i,text:s,tokens:n.inlineTokens(s,[])};return n.state.inLink=!1,o}return{type:"image",raw:r,href:a,title:i,text:R(s)}}var B=function(){function e(e){this.options=e||T}var t=e.prototype;return t.space=function(e){var t=this.rules.block.newline.exec(e);if(t)return t[0].length>1?{type:"space",raw:t[0]}:{raw:"\n"}},t.code=function(e){var t=this.rules.block.code.exec(e);if(t){var r=t[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:this.options.pedantic?r:F(r,"\n")}}},t.fences=function(e){var t=this.rules.block.fences.exec(e);if(t){var r=t[0],n=function(e,t){var r=e.match(/^(\s+)(?:```)/);if(null===r)return t;var n=r[1];return t.split("\n").map((function(e){var t=e.match(/^\s+/);return null===t?e:t[0].length>=n.length?e.slice(n.length):e})).join("\n")}(r,t[3]||"");return{type:"code",raw:r,lang:t[2]?t[2].trim():t[2],text:n}}},t.heading=function(e){var t=this.rules.block.heading.exec(e);if(t){var r=t[2].trim();if(/#$/.test(r)){var n=F(r,"#");this.options.pedantic?r=n.trim():n&&!/ $/.test(n)||(r=n.trim())}var a={type:"heading",raw:t[0],depth:t[1].length,text:r,tokens:[]};return this.lexer.inline(a.text,a.tokens),a}},t.hr=function(e){var t=this.rules.block.hr.exec(e);if(t)return{type:"hr",raw:t[0]}},t.blockquote=function(e){var t=this.rules.block.blockquote.exec(e);if(t){var r=t[0].replace(/^ *> ?/gm,"");return{type:"blockquote",raw:t[0],tokens:this.lexer.blockTokens(r,[]),text:r}}},t.list=function(e){var t=this.rules.block.list.exec(e);if(t){var r,n,a,i,s,o,l,d,u,c,m=t[1].trim(),p=m.length>1,h={type:"list",raw:"",ordered:p,start:p?+m.slice(0,-1):"",loose:!1,items:[]};m=p?"\\d{1,9}\\"+m.slice(-1):"\\"+m,this.options.pedantic&&(m=p?m:"[*+-]");for(var f=new RegExp("^( {0,3}"+m+")((?: [^\\n]*| *)(?:\\n[^\\n]*)*(?:\\n|$))");e&&!this.rules.block.hr.test(e)&&(t=f.exec(e));){u=t[2].split("\n"),this.options.pedantic?(i=2,c=u[0].trimLeft()):(i=t[2].search(/[^ ]/),c=u[0].slice((i=t[1].length+(i>4?1:i))-t[1].length)),o=!1,r=t[0],!u[0]&&/^ *$/.test(u[1])&&(r=t[1]+u.slice(0,2).join("\n")+"\n",h.loose=!0,u=[]);var g=new RegExp("^ {0,"+Math.min(3,i-1)+"}(?:[*+-]|\\d{1,9}[.)])");for(s=1;s<u.length;s++){if(d=u[s],this.options.pedantic&&(d=d.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")),g.test(d)){r=t[1]+u.slice(0,s).join("\n")+"\n";break}if(o){if(!(d.search(/[^ ]/)>=i)&&d.trim()){r=t[1]+u.slice(0,s).join("\n")+"\n";break}c+="\n"+d.slice(i)}else d.trim()||(o=!0),d.search(/[^ ]/)>=i?c+="\n"+d.slice(i):c+="\n"+d}h.loose||(l?h.loose=!0:/\n *\n *$/.test(r)&&(l=!0)),this.options.gfm&&(n=/^\[[ xX]\] /.exec(c))&&(a="[ ] "!==n[0],c=c.replace(/^\[[ xX]\] +/,"")),h.items.push({type:"list_item",raw:r,task:!!n,checked:a,loose:!1,text:c}),h.raw+=r,e=e.slice(r.length)}h.items[h.items.length-1].raw=r.trimRight(),h.items[h.items.length-1].text=c.trimRight(),h.raw=h.raw.trimRight();var b=h.items.length;for(s=0;s<b;s++)this.lexer.state.top=!1,h.items[s].tokens=this.lexer.blockTokens(h.items[s].text,[]),h.items[s].tokens.some((function(e){return"space"===e.type}))&&(h.loose=!0,h.items[s].loose=!0);return h}},t.html=function(e){var t=this.rules.block.html.exec(e);if(t){var r={type:"html",raw:t[0],pre:!this.options.sanitizer&&("pre"===t[1]||"script"===t[1]||"style"===t[1]),text:t[0]};return this.options.sanitize&&(r.type="paragraph",r.text=this.options.sanitizer?this.options.sanitizer(t[0]):R(t[0]),r.tokens=[],this.lexer.inline(r.text,r.tokens)),r}},t.def=function(e){var t=this.rules.block.def.exec(e);if(t)return t[3]&&(t[3]=t[3].substring(1,t[3].length-1)),{type:"def",tag:t[1].toLowerCase().replace(/\s+/g," "),raw:t[0],href:t[2],title:t[3]}},t.table=function(e){var t=this.rules.block.table.exec(e);if(t){var r={type:"table",header:P(t[1]).map((function(e){return{text:e}})),align:t[2].replace(/^ *|\| *$/g,"").split(/ *\| */),rows:t[3]?t[3].replace(/\n$/,"").split("\n"):[]};if(r.header.length===r.align.length){r.raw=t[0];var n,a,i,s,o=r.align.length;for(n=0;n<o;n++)r.align[n]=/^ *-+: *$/.test(r.align[n])?"right":/^ *:-+: *$/.test(r.align[n])?"center":/^ *:-+ *$/.test(r.align[n])?"left":null;for(o=r.rows.length,n=0;n<o;n++)r.rows[n]=P(r.rows[n],r.header.length).map((function(e){return{text:e}}));for(o=r.header.length,a=0;a<o;a++)r.header[a].tokens=[],this.lexer.inlineTokens(r.header[a].text,r.header[a].tokens);for(o=r.rows.length,a=0;a<o;a++)for(s=r.rows[a],i=0;i<s.length;i++)s[i].tokens=[],this.lexer.inlineTokens(s[i].text,s[i].tokens);return r}}},t.lheading=function(e){var t=this.rules.block.lheading.exec(e);if(t){var r={type:"heading",raw:t[0],depth:"="===t[2].charAt(0)?1:2,text:t[1],tokens:[]};return this.lexer.inline(r.text,r.tokens),r}},t.paragraph=function(e){var t=this.rules.block.paragraph.exec(e);if(t){var r={type:"paragraph",raw:t[0],text:"\n"===t[1].charAt(t[1].length-1)?t[1].slice(0,-1):t[1],tokens:[]};return this.lexer.inline(r.text,r.tokens),r}},t.text=function(e){var t=this.rules.block.text.exec(e);if(t){var r={type:"text",raw:t[0],text:t[0],tokens:[]};return this.lexer.inline(r.text,r.tokens),r}},t.escape=function(e){var t=this.rules.inline.escape.exec(e);if(t)return{type:"escape",raw:t[0],text:R(t[1])}},t.tag=function(e){var t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&/^<a /i.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\/a>/i.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0])&&(this.lexer.state.inRawBlock=!1),{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]):R(t[0]):t[0]}},t.link=function(e){var t=this.rules.inline.link.exec(e);if(t){var r=t[2].trim();if(!this.options.pedantic&&/^</.test(r)){if(!/>$/.test(r))return;var n=F(r.slice(0,-1),"\\");if((r.length-n.length)%2==0)return}else{var a=I(t[2],"()");if(a>-1){var i=(0===t[0].indexOf("!")?5:4)+t[1].length+a;t[2]=t[2].substring(0,a),t[0]=t[0].substring(0,i).trim(),t[3]=""}}var s=t[2],o="";if(this.options.pedantic){var l=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(s);l&&(s=l[1],o=l[3])}else o=t[3]?t[3].slice(1,-1):"";return s=s.trim(),/^</.test(s)&&(s=this.options.pedantic&&!/>$/.test(r)?s.slice(1):s.slice(1,-1)),N(t,{href:s?s.replace(this.rules.inline._escapes,"$1"):s,title:o?o.replace(this.rules.inline._escapes,"$1"):o},t[0],this.lexer)}},t.reflink=function(e,t){var r;if((r=this.rules.inline.reflink.exec(e))||(r=this.rules.inline.nolink.exec(e))){var n=(r[2]||r[1]).replace(/\s+/g," ");if(!(n=t[n.toLowerCase()])||!n.href){var a=r[0].charAt(0);return{type:"text",raw:a,text:a}}return N(r,n,r[0],this.lexer)}},t.emStrong=function(e,t,r){void 0===r&&(r="");var n=this.rules.inline.emStrong.lDelim.exec(e);if(n&&(!n[3]||!r.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])/))){var a=n[1]||n[2]||"";if(!a||a&&(""===r||this.rules.inline.punctuation.exec(r))){var i,s,o=n[0].length-1,l=o,d=0,u="*"===n[0][0]?this.rules.inline.emStrong.rDelimAst:this.rules.inline.emStrong.rDelimUnd;for(u.lastIndex=0,t=t.slice(-1*e.length+o);null!=(n=u.exec(t));)if(i=n[1]||n[2]||n[3]||n[4]||n[5]||n[6])if(s=i.length,n[3]||n[4])l+=s;else if(!((n[5]||n[6])&&o%3)||(o+s)%3){if(!((l-=s)>0)){if(s=Math.min(s,s+l+d),Math.min(o,s)%2){var c=e.slice(1,o+n.index+s);return{type:"em",raw:e.slice(0,o+n.index+s+1),text:c,tokens:this.lexer.inlineTokens(c,[])}}var m=e.slice(2,o+n.index+s-1);return{type:"strong",raw:e.slice(0,o+n.index+s+1),text:m,tokens:this.lexer.inlineTokens(m,[])}}}else d+=s}}},t.codespan=function(e){var t=this.rules.inline.code.exec(e);if(t){var r=t[2].replace(/\n/g," "),n=/[^ ]/.test(r),a=/^ /.test(r)&&/ $/.test(r);return n&&a&&(r=r.substring(1,r.length-1)),r=R(r,!0),{type:"codespan",raw:t[0],text:r}}},t.br=function(e){var t=this.rules.inline.br.exec(e);if(t)return{type:"br",raw:t[0]}},t.del=function(e){var t=this.rules.inline.del.exec(e);if(t)return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2],[])}},t.autolink=function(e,t){var r,n,a=this.rules.inline.autolink.exec(e);if(a)return n="@"===a[2]?"mailto:"+(r=R(this.options.mangle?t(a[1]):a[1])):r=R(a[1]),{type:"link",raw:a[0],text:r,href:n,tokens:[{type:"text",raw:r,text:r}]}},t.url=function(e,t){var r;if(r=this.rules.inline.url.exec(e)){var n,a;if("@"===r[2])a="mailto:"+(n=R(this.options.mangle?t(r[0]):r[0]));else{var i;do{i=r[0],r[0]=this.rules.inline._backpedal.exec(r[0])[0]}while(i!==r[0]);n=R(r[0]),a="www."===r[1]?"http://"+n:n}return{type:"link",raw:r[0],text:n,href:a,tokens:[{type:"text",raw:n,text:n}]}}},t.inlineText=function(e,t){var r,n=this.rules.inline.text.exec(e);if(n)return r=this.lexer.state.inRawBlock?this.options.sanitize?this.options.sanitizer?this.options.sanitizer(n[0]):R(n[0]):n[0]:R(this.options.smartypants?t(n[0]):n[0]),{type:"text",raw:n[0],text:r}},e}(),_=E,O=q,L=k,j={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:_,lheading:/^([^\n]+)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html| +\n)[^\n]+)*)/,text:/^[^\n]+/,_label:/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/,_title:/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/};j.def=O(j.def).replace("label",j._label).replace("title",j._title).getRegex(),j.bullet=/(?:[*+-]|\d{1,9}[.)])/,j.listItemStart=O(/^( *)(bull) */).replace("bull",j.bullet).getRegex(),j.list=O(j.list).replace(/bull/g,j.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+j.def.source+")").getRegex(),j._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",j._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,j.html=O(j.html,"i").replace("comment",j._comment).replace("tag",j._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),j.paragraph=O(j._paragraph).replace("hr",j.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",j._tag).getRegex(),j.blockquote=O(j.blockquote).replace("paragraph",j.paragraph).getRegex(),j.normal=L({},j),j.gfm=L({},j.normal,{table:"^ *([^\\n ].*\\|.*)\\n {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"}),j.gfm.table=O(j.gfm.table).replace("hr",j.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",j._tag).getRegex(),j.pedantic=L({},j.normal,{html:O("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",j._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:_,paragraph:O(j.normal._paragraph).replace("hr",j.hr).replace("heading"," *#{1,6} *[^\n]").replace("lheading",j.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()});var M={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:_,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:_,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\spunctuation])/,_punctuation:"!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~"};M.punctuation=O(M.punctuation).replace(/punctuation/g,M._punctuation).getRegex(),M.blockSkip=/\[[^\]]*?\]\([^\)]*?\)|`[^`]*?`|<[^>]*?>/g,M.escapedEmSt=/\\\*|\\_/g,M._comment=O(j._comment).replace("(?:--\x3e|$)","--\x3e").getRegex(),M.emStrong.lDelim=O(M.emStrong.lDelim).replace(/punct/g,M._punctuation).getRegex(),M.emStrong.rDelimAst=O(M.emStrong.rDelimAst,"g").replace(/punct/g,M._punctuation).getRegex(),M.emStrong.rDelimUnd=O(M.emStrong.rDelimUnd,"g").replace(/punct/g,M._punctuation).getRegex(),M._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,M._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,M._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])?)+(?![-_])/,M.autolink=O(M.autolink).replace("scheme",M._scheme).replace("email",M._email).getRegex(),M._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,M.tag=O(M.tag).replace("comment",M._comment).replace("attribute",M._attribute).getRegex(),M._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,M._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/,M._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,M.link=O(M.link).replace("label",M._label).replace("href",M._href).replace("title",M._title).getRegex(),M.reflink=O(M.reflink).replace("label",M._label).getRegex(),M.reflinkSearch=O(M.reflinkSearch,"g").replace("reflink",M.reflink).replace("nolink",M.nolink).getRegex(),M.normal=L({},M),M.pedantic=L({},M.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:O(/^!?\[(label)\]\((.*?)\)/).replace("label",M._label).getRegex(),reflink:O(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",M._label).getRegex()}),M.gfm=L({},M.normal,{escape:O(M.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.!#$%&'*+\/=?_`{\|}~-]+@)))/}),M.gfm.url=O(M.gfm.url,"i").replace("email",M.gfm._extended_email).getRegex(),M.breaks=L({},M.gfm,{br:O(M.br).replace("{2,}","*").getRegex(),text:O(M.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()});var V={block:j,inline:M},G=B,z=n.exports.defaults,H=V.block,W=V.inline,U=S;function Z(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 J(e){var t,r,n="",a=e.length;for(t=0;t<a;t++)r=e.charCodeAt(t),Math.random()>.5&&(r="x"+r.toString(16)),n+="&#"+r+";";return n}var X=function(){function t(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||z,this.options.tokenizer=this.options.tokenizer||new G,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};var t={block:H.normal,inline:W.normal};this.options.pedantic?(t.block=H.pedantic,t.inline=W.pedantic):this.options.gfm&&(t.block=H.gfm,t.inline=this.options.breaks?W.breaks:W.gfm),this.tokenizer.rules=t}t.lex=function(e,r){return new t(r).lex(e)},t.lexInline=function(e,r){return new t(r).inlineTokens(e)};var r,n,a,i=t.prototype;return i.lex=function(e){var t;for(e=e.replace(/\r\n|\r/g,"\n").replace(/\t/g,"    "),this.blockTokens(e,this.tokens);t=this.inlineQueue.shift();)this.inlineTokens(t.src,t.tokens);return this.tokens},i.blockTokens=function(e,t){var r,n,a,i,s=this;for(void 0===t&&(t=[]),this.options.pedantic&&(e=e.replace(/^ +$/gm,""));e;)if(!(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some((function(n){return!!(r=n.call({lexer:s},e,t))&&(e=e.substring(r.raw.length),t.push(r),!0)}))))if(r=this.tokenizer.space(e))e=e.substring(r.raw.length),r.type&&t.push(r);else if(r=this.tokenizer.code(e))e=e.substring(r.raw.length),!(n=t[t.length-1])||"paragraph"!==n.type&&"text"!==n.type?t.push(r):(n.raw+="\n"+r.raw,n.text+="\n"+r.text,this.inlineQueue[this.inlineQueue.length-1].src=n.text);else if(r=this.tokenizer.fences(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.heading(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.hr(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.blockquote(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.list(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.html(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.def(e))e=e.substring(r.raw.length),!(n=t[t.length-1])||"paragraph"!==n.type&&"text"!==n.type?this.tokens.links[r.tag]||(this.tokens.links[r.tag]={href:r.href,title:r.title}):(n.raw+="\n"+r.raw,n.text+="\n"+r.raw,this.inlineQueue[this.inlineQueue.length-1].src=n.text);else if(r=this.tokenizer.table(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.lheading(e))e=e.substring(r.raw.length),t.push(r);else if(a=e,this.options.extensions&&this.options.extensions.startBlock&&function(){var t=1/0,r=e.slice(1),n=void 0;s.options.extensions.startBlock.forEach((function(e){"number"==typeof(n=e.call({lexer:this},r))&&n>=0&&(t=Math.min(t,n))})),t<1/0&&t>=0&&(a=e.substring(0,t+1))}(),this.state.top&&(r=this.tokenizer.paragraph(a)))n=t[t.length-1],i&&"paragraph"===n.type?(n.raw+="\n"+r.raw,n.text+="\n"+r.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=n.text):t.push(r),i=a.length!==e.length,e=e.substring(r.raw.length);else if(r=this.tokenizer.text(e))e=e.substring(r.raw.length),(n=t[t.length-1])&&"text"===n.type?(n.raw+="\n"+r.raw,n.text+="\n"+r.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=n.text):t.push(r);else if(e){var o="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(o);break}throw new Error(o)}return this.state.top=!0,t},i.inline=function(e,t){this.inlineQueue.push({src:e,tokens:t})},i.inlineTokens=function(e,t){var r,n,a,i=this;void 0===t&&(t=[]);var s,o,l,d=e;if(this.tokens.links){var u=Object.keys(this.tokens.links);if(u.length>0)for(;null!=(s=this.tokenizer.rules.inline.reflinkSearch.exec(d));)u.includes(s[0].slice(s[0].lastIndexOf("[")+1,-1))&&(d=d.slice(0,s.index)+"["+U("a",s[0].length-2)+"]"+d.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(s=this.tokenizer.rules.inline.blockSkip.exec(d));)d=d.slice(0,s.index)+"["+U("a",s[0].length-2)+"]"+d.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;null!=(s=this.tokenizer.rules.inline.escapedEmSt.exec(d));)d=d.slice(0,s.index)+"++"+d.slice(this.tokenizer.rules.inline.escapedEmSt.lastIndex);for(;e;)if(o||(l=""),o=!1,!(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some((function(n){return!!(r=n.call({lexer:i},e,t))&&(e=e.substring(r.raw.length),t.push(r),!0)}))))if(r=this.tokenizer.escape(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.tag(e))e=e.substring(r.raw.length),(n=t[t.length-1])&&"text"===r.type&&"text"===n.type?(n.raw+=r.raw,n.text+=r.text):t.push(r);else if(r=this.tokenizer.link(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.reflink(e,this.tokens.links))e=e.substring(r.raw.length),(n=t[t.length-1])&&"text"===r.type&&"text"===n.type?(n.raw+=r.raw,n.text+=r.text):t.push(r);else if(r=this.tokenizer.emStrong(e,d,l))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.codespan(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.br(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.del(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.autolink(e,J))e=e.substring(r.raw.length),t.push(r);else if(this.state.inLink||!(r=this.tokenizer.url(e,J))){if(a=e,this.options.extensions&&this.options.extensions.startInline&&function(){var t=1/0,r=e.slice(1),n=void 0;i.options.extensions.startInline.forEach((function(e){"number"==typeof(n=e.call({lexer:this},r))&&n>=0&&(t=Math.min(t,n))})),t<1/0&&t>=0&&(a=e.substring(0,t+1))}(),r=this.tokenizer.inlineText(a,Z))e=e.substring(r.raw.length),"_"!==r.raw.slice(-1)&&(l=r.raw.slice(-1)),o=!0,(n=t[t.length-1])&&"text"===n.type?(n.raw+=r.raw,n.text+=r.text):t.push(r);else if(e){var c="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(c);break}throw new Error(c)}}else e=e.substring(r.raw.length),t.push(r);return t},r=t,a=[{key:"rules",get:function(){return{block:H,inline:W}}}],(n=null)&&e(r.prototype,n),a&&e(r,a),t}(),Y=n.exports.defaults,K=D,Q=x,ee=function(){function e(e){this.options=e||Y}var t=e.prototype;return t.code=function(e,t,r){var n=(t||"").match(/\S*/)[0];if(this.options.highlight){var a=this.options.highlight(e,n);null!=a&&a!==e&&(r=!0,e=a)}return e=e.replace(/\n$/,"")+"\n",n?'<pre><code class="'+this.options.langPrefix+Q(n,!0)+'">'+(r?e:Q(e,!0))+"</code></pre>\n":"<pre><code>"+(r?e:Q(e,!0))+"</code></pre>\n"},t.blockquote=function(e){return"<blockquote>\n"+e+"</blockquote>\n"},t.html=function(e){return e},t.heading=function(e,t,r,n){return this.options.headerIds?"<h"+t+' id="'+this.options.headerPrefix+n.slug(r)+'">'+e+"</h"+t+">\n":"<h"+t+">"+e+"</h"+t+">\n"},t.hr=function(){return this.options.xhtml?"<hr/>\n":"<hr>\n"},t.list=function(e,t,r){var n=t?"ol":"ul";return"<"+n+(t&&1!==r?' start="'+r+'"':"")+">\n"+e+"</"+n+">\n"},t.listitem=function(e){return"<li>"+e+"</li>\n"},t.checkbox=function(e){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "},t.paragraph=function(e){return"<p>"+e+"</p>\n"},t.table=function(e,t){return t&&(t="<tbody>"+t+"</tbody>"),"<table>\n<thead>\n"+e+"</thead>\n"+t+"</table>\n"},t.tablerow=function(e){return"<tr>\n"+e+"</tr>\n"},t.tablecell=function(e,t){var r=t.header?"th":"td";return(t.align?"<"+r+' align="'+t.align+'">':"<"+r+">")+e+"</"+r+">\n"},t.strong=function(e){return"<strong>"+e+"</strong>"},t.em=function(e){return"<em>"+e+"</em>"},t.codespan=function(e){return"<code>"+e+"</code>"},t.br=function(){return this.options.xhtml?"<br/>":"<br>"},t.del=function(e){return"<del>"+e+"</del>"},t.link=function(e,t,r){if(null===(e=K(this.options.sanitize,this.options.baseUrl,e)))return r;var n='<a href="'+Q(e)+'"';return t&&(n+=' title="'+t+'"'),n+">"+r+"</a>"},t.image=function(e,t,r){if(null===(e=K(this.options.sanitize,this.options.baseUrl,e)))return r;var n='<img src="'+e+'" alt="'+r+'"';return t&&(n+=' title="'+t+'"'),n+(this.options.xhtml?"/>":">")},t.text=function(e){return e},e}(),te=function(){function e(){}var t=e.prototype;return t.strong=function(e){return e},t.em=function(e){return e},t.codespan=function(e){return e},t.del=function(e){return e},t.html=function(e){return e},t.text=function(e){return e},t.link=function(e,t,r){return""+r},t.image=function(e,t,r){return""+r},t.br=function(){return""},e}(),re=function(){function e(){this.seen={}}var t=e.prototype;return t.serialize=function(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/gi,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")},t.getNextSafeSlug=function(e,t){var r=e,n=0;if(this.seen.hasOwnProperty(r)){n=this.seen[e];do{r=e+"-"+ ++n}while(this.seen.hasOwnProperty(r))}return t||(this.seen[e]=n,this.seen[r]=0),r},t.slug=function(e,t){void 0===t&&(t={});var r=this.serialize(e);return this.getNextSafeSlug(r,t.dryrun)},e}(),ne=ee,ae=te,ie=re,se=n.exports.defaults,oe=C,le=X,de=function(){function e(e){this.options=e||se,this.options.renderer=this.options.renderer||new ne,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new ae,this.slugger=new ie}e.parse=function(t,r){return new e(r).parse(t)},e.parseInline=function(t,r){return new e(r).parseInline(t)};var t=e.prototype;return t.parse=function(e,t){void 0===t&&(t=!0);var r,n,a,i,s,o,l,d,u,c,m,p,h,f,g,b,v,y,w,$="",x=e.length;for(r=0;r<x;r++)if(c=e[r],!(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[c.type])||!1===(w=this.options.extensions.renderers[c.type].call({parser:this},c))&&["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(c.type))switch(c.type){case"space":continue;case"hr":$+=this.renderer.hr();continue;case"heading":$+=this.renderer.heading(this.parseInline(c.tokens),c.depth,oe(this.parseInline(c.tokens,this.textRenderer)),this.slugger);continue;case"code":$+=this.renderer.code(c.text,c.lang,c.escaped);continue;case"table":for(d="",l="",i=c.header.length,n=0;n<i;n++)l+=this.renderer.tablecell(this.parseInline(c.header[n].tokens),{header:!0,align:c.align[n]});for(d+=this.renderer.tablerow(l),u="",i=c.rows.length,n=0;n<i;n++){for(l="",s=(o=c.rows[n]).length,a=0;a<s;a++)l+=this.renderer.tablecell(this.parseInline(o[a].tokens),{header:!1,align:c.align[a]});u+=this.renderer.tablerow(l)}$+=this.renderer.table(d,u);continue;case"blockquote":u=this.parse(c.tokens),$+=this.renderer.blockquote(u);continue;case"list":for(m=c.ordered,p=c.start,h=c.loose,i=c.items.length,u="",n=0;n<i;n++)b=(g=c.items[n]).checked,v=g.task,f="",g.task&&(y=this.renderer.checkbox(b),h?g.tokens.length>0&&"paragraph"===g.tokens[0].type?(g.tokens[0].text=y+" "+g.tokens[0].text,g.tokens[0].tokens&&g.tokens[0].tokens.length>0&&"text"===g.tokens[0].tokens[0].type&&(g.tokens[0].tokens[0].text=y+" "+g.tokens[0].tokens[0].text)):g.tokens.unshift({type:"text",text:y}):f+=y),f+=this.parse(g.tokens,h),u+=this.renderer.listitem(f,v,b);$+=this.renderer.list(u,m,p);continue;case"html":$+=this.renderer.html(c.text);continue;case"paragraph":$+=this.renderer.paragraph(this.parseInline(c.tokens));continue;case"text":for(u=c.tokens?this.parseInline(c.tokens):c.text;r+1<x&&"text"===e[r+1].type;)u+="\n"+((c=e[++r]).tokens?this.parseInline(c.tokens):c.text);$+=t?this.renderer.paragraph(u):u;continue;default:var C='Token with "'+c.type+'" type was not found.';if(this.options.silent)return void console.error(C);throw new Error(C)}else $+=w||"";return $},t.parseInline=function(e,t){t=t||this.renderer;var r,n,a,i="",s=e.length;for(r=0;r<s;r++)if(n=e[r],!(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[n.type])||!1===(a=this.options.extensions.renderers[n.type].call({parser:this},n))&&["escape","html","link","image","strong","em","codespan","br","del","text"].includes(n.type))switch(n.type){case"escape":i+=t.text(n.text);break;case"html":i+=t.html(n.text);break;case"link":i+=t.link(n.href,n.title,this.parseInline(n.tokens,t));break;case"image":i+=t.image(n.href,n.title,n.text);break;case"strong":i+=t.strong(this.parseInline(n.tokens,t));break;case"em":i+=t.em(this.parseInline(n.tokens,t));break;case"codespan":i+=t.codespan(n.text);break;case"br":i+=t.br();break;case"del":i+=t.del(this.parseInline(n.tokens,t));break;case"text":i+=t.text(n.text);break;default:var o='Token with "'+n.type+'" type was not found.';if(this.options.silent)return void console.error(o);throw new Error(o)}else i+=a||"";return i},e}(),ue=B,ce=ee,me=te,pe=re,he=k,fe=A,ge=x,be=n.exports.getDefaults,ve=n.exports.changeDefaults,ye=n.exports.defaults;function we(e,t,r){if(null==e)throw new Error("marked(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");if("function"==typeof t&&(r=t,t=null),t=he({},we.defaults,t||{}),fe(t),r){var n,a=t.highlight;try{n=le.lex(e,t)}catch(e){return r(e)}var i=function(e){var i;if(!e)try{t.walkTokens&&we.walkTokens(n,t.walkTokens),i=de.parse(n,t)}catch(t){e=t}return t.highlight=a,e?r(e):r(null,i)};if(!a||a.length<3)return i();if(delete t.highlight,!n.length)return i();var s=0;return we.walkTokens(n,(function(e){"code"===e.type&&(s++,setTimeout((function(){a(e.text,e.lang,(function(t,r){if(t)return i(t);null!=r&&r!==e.text&&(e.text=r,e.escaped=!0),0==--s&&i()}))}),0))})),void(0===s&&i())}try{var o=le.lex(e,t);return t.walkTokens&&we.walkTokens(o,t.walkTokens),de.parse(o,t)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",t.silent)return"<p>An error occurred:</p><pre>"+ge(e.message+"",!0)+"</pre>";throw e}}return we.options=we.setOptions=function(e){return he(we.defaults,e),ve(we.defaults),we},we.getDefaults=be,we.defaults=ye,we.use=function(){for(var e=this,t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a,i=he.apply(void 0,[{}].concat(r)),s=we.defaults.extensions||{renderers:{},childTokens:{}};r.forEach((function(t){if(t.extensions&&(a=!0,t.extensions.forEach((function(e){if(!e.name)throw new Error("extension name required");if(e.renderer){var t=s.renderers?s.renderers[e.name]:null;s.renderers[e.name]=t?function(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++)n[a]=arguments[a];var i=e.renderer.apply(this,n);return!1===i&&(i=t.apply(this,n)),i}:e.renderer}if(e.tokenizer){if(!e.level||"block"!==e.level&&"inline"!==e.level)throw new Error("extension level must be 'block' or 'inline'");s[e.level]?s[e.level].unshift(e.tokenizer):s[e.level]=[e.tokenizer],e.start&&("block"===e.level?s.startBlock?s.startBlock.push(e.start):s.startBlock=[e.start]:"inline"===e.level&&(s.startInline?s.startInline.push(e.start):s.startInline=[e.start]))}e.childTokens&&(s.childTokens[e.name]=e.childTokens)}))),t.renderer&&function(){var e=we.defaults.renderer||new ce,r=function(r){var n=e[r];e[r]=function(){for(var a=arguments.length,i=new Array(a),s=0;s<a;s++)i[s]=arguments[s];var o=t.renderer[r].apply(e,i);return!1===o&&(o=n.apply(e,i)),o}};for(var n in t.renderer)r(n);i.renderer=e}(),t.tokenizer&&function(){var e=we.defaults.tokenizer||new ue,r=function(r){var n=e[r];e[r]=function(){for(var a=arguments.length,i=new Array(a),s=0;s<a;s++)i[s]=arguments[s];var o=t.tokenizer[r].apply(e,i);return!1===o&&(o=n.apply(e,i)),o}};for(var n in t.tokenizer)r(n);i.tokenizer=e}(),t.walkTokens){var r=we.defaults.walkTokens;i.walkTokens=function(n){t.walkTokens.call(e,n),r&&r(n)}}a&&(i.extensions=s),we.setOptions(i)}))},we.walkTokens=function(e,t){for(var n,a=function(){var e=n.value;switch(t(e),e.type){case"table":for(var a,i=r(e.header);!(a=i()).done;)we.walkTokens(a.value.tokens,t);for(var s,o=r(e.rows);!(s=o()).done;)for(var l,d=r(s.value);!(l=d()).done;)we.walkTokens(l.value.tokens,t);break;case"list":we.walkTokens(e.items,t);break;default:we.defaults.extensions&&we.defaults.extensions.childTokens&&we.defaults.extensions.childTokens[e.type]?we.defaults.extensions.childTokens[e.type].forEach((function(r){we.walkTokens(e[r],t)})):e.tokens&&we.walkTokens(e.tokens,t)}},i=r(e);!(n=i()).done;)a()},we.parseInline=function(e,t){if(null==e)throw new Error("marked.parseInline(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked.parseInline(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");t=he({},we.defaults,t||{}),fe(t);try{var r=le.lexInline(e,t);return t.walkTokens&&we.walkTokens(r,t.walkTokens),de.parseInline(r,t)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",t.silent)return"<p>An error occurred:</p><pre>"+ge(e.message+"",!0)+"</pre>";throw e}},we.Parser=de,we.parser=de.parse,we.Renderer=ce,we.TextRenderer=me,we.Lexer=le,we.lexer=le.lex,we.Tokenizer=ue,we.Slugger=pe,we.parse=we,we}()}));function gu(e){const[t,r]=s(e),[n,a]=s(e);return{states:{previewTemplate:n,editedTemplate:t},callbacks:{setEditedTemplate:r,setPreviewTemplate:a}}}function bu(e){const{states:r,callbacks:n,readme:a}=e;return[t("textarea",{style:{width:"100%",height:"300px"},onChange:e=>n.setEditedTemplate(e.target.value)},r.editedTemplate),t("button",{onClick:()=>n.setPreviewTemplate(r.editedTemplate)},"Update Preview"),a?t("details",null,t("summary",null,"Props readme"),t("div",{innerHTML:fu(a)})):"",t("div",{innerHTML:r.previewTemplate})]}function vu({callbacks:e,states:r,template:n}){return t("div",null,t("button",{onClick:()=>e.setPreviewTemplate(r.editedTemplate)},"Update Preview"),t("button",{style:{marginLeft:"10px"},onClick:()=>e.setPreviewTemplate(n)},"Preview Dashboard"))}function yu(e){const{states:r,callbacks:n}=e;return t("div",{style:{height:"50vh"}},t("textarea",{style:{width:"100%",height:"300px"},onChange:e=>n.setEditedTemplate(e.target.value)},r.editedTemplate),t(vu,{states:r,callbacks:n,template:e.template}),t("h2",null,"Navigation"),t("div",{style:{display:"grid",gridTemplateColumns:"repeat(9, 80px)",gridGap:"10px"}},t("button",{onClick:()=>q.push("/")},"Dashboard"),e.leadSubmit&&t("button",{onClick:()=>q.push("/refer")},"Submit a Referral"),t("button",{onClick:()=>q.push("/activity")},"Activity"),t("button",{onClick:()=>q.push("/editProfile")},"Edit Profile"),t("button",{onClick:()=>q.push("/login")},"Login"),t("button",{onClick:()=>q.push("/register")},"Register"),t("button",{onClick:()=>q.push("/emailVerification")},"Email Verification"),t("button",{onClick:()=>q.push("/verifyEmail")},"Verify Email"),t("button",{onClick:()=>q.push("/forgotPassword")},"Forgot Password"),t("button",{onClick:()=>q.push("/resetPassword")},"Reset Password")),t("br",null),t("div",{innerHTML:r.previewTemplate}))}const wu=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(yu,{states:e,callbacks:r,template:'<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'})})),$u=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(yu,{states:e,callbacks:r,template:'<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'})})),xu=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(yu,{states:e,callbacks:r,template:'<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',leadSubmit:!0})})),Cu=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(bu,{states:e,callbacks:r,readme:'# 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; }; 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| `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| `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'})})),qu=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(bu,{states:e,callbacks:r,readme:'# 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; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }` | `undefined`                |\r\n| `emailLabel`  | `email-label`  |             | `string`                                                                                                                                                                 | `"Email"`                  |\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'})})),Du=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(bu,{states:e,callbacks:r,readme:'# sqm-portal-register\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property                   | Attribute                    | Description | Type                                                                                                                                                                                                                                                                                                                                                                                           | Default              |\r\n| -------------------------- | ---------------------------- | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\r\n| `confirmPassword`          | `confirm-password`           |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                      | `false`              |\r\n| `confirmPasswordLabel`     | `confirm-password-label`     |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"Confirm Password"` |\r\n| `demoData`                 | --                           |             | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }` | `undefined`          |\r\n| `emailLabel`               | `email-label`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"Email"`            |\r\n| `enablePasswordValidation` | `enable-password-validation` |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                      | `true`               |\r\n| `hideInputs`               | `hide-inputs`                |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                      | `false`              |\r\n| `loginLabel`               | `login-label`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"Sign in"`          |\r\n| `nextPage`                 | `next-page`                  |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"/"`                |\r\n| `pageLabel`                | `page-label`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"Register"`         |\r\n| `passwordLabel`            | `password-label`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"Password"`         |\r\n| `submitLabel`              | `submit-label`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"Register"`         |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-register --\x3e sqm-form-message\r\n  sqm-portal-register --\x3e sqm-password-field\r\n  sqm-stencilbook --\x3e sqm-portal-register\r\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n'})})),Eu=Bs((()=>{const{states:e,callbacks:r}=gu(hu);return t(bu,{states:e,callbacks:r})})),ku=Bs((()=>{const{states:e,callbacks:r}=gu("<sqm-referral-iframe></sqm-referral-iframe>\r\n");return t(bu,{states:e,callbacks:r,readme:'# 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'})})),Au=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(bu,{states:e,callbacks:r})})),Su=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(bu,{states:e,callbacks:r,readme:'# 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'})})),Tu=Bs((()=>{const{states:e,callbacks:r}=gu('<sqm-portal-reset-password confirm-password="true"></sqm-portal-reset-password>\r\n');return t(bu,{states:e,callbacks:r,readme:'# 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| `nextPage`                  | `next-page`                    |                                             | `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'})})),Fu=Bs((()=>{const{states:e,callbacks:r}=gu('<sqm-portal-protected-route redirect-to="/login"></sqm-portal-protected-route>\r\n<sqm-portal-email-verification></sqm-portal-email-verification>\r\n');return t(bu,{states:e,callbacks:r,readme:'# 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| `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'})})),Pu=Bs((()=>{const{states:e,callbacks:r}=gu("<sqm-portal-verify-email></sqm-portal-verify-email>\r\n");return t(bu,{states:e,callbacks:r,readme:'# 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| `nextPage` | `next-page` |             | `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'})})),Ru=Bs((()=>t("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:hu}}}))),Iu=Bs((()=>{const{states:e,callbacks:r}=gu('<!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>');return t(bu,{states:e,callbacks:r})})),Nu=Bs((()=>{const{states:e,callbacks:r}=gu('<!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>');return t(bu,{states:e,callbacks:r})})),Bu=Object.freeze({__proto__:null,default:{title:"Templates / Portal"},DefaultPortal:wu,MultiProgramPortal:$u,LeadSubmitPortal:xu,Login:Cu,ForgotPassword:qu,Register:Du,Dashboard:Eu,LeadSubmitIframe:ku,Activity:Au,EditProfile:Su,ResetPassword:Tu,EmailVerification:Fu,EmailVerified:Pu,Widget:Ru,ResetPasswordEmail:Iu,VerifyEmail:Nu}),_u=Bs((()=>t("sqm-program-menu",null,t("sl-menu-item",{value:"referral-program"},"Referral Program")))),Ou=Bs((()=>t("sqm-program-menu",null,t("sl-menu-item",{value:"referral-program"},"Referral Program"),t("sl-menu-item",{value:"partner-program"},"Partner Program")))),Lu=Bs((()=>t("sqm-program-menu",null,t("sl-menu-item",{value:"program1"},"Program 1"),t("sl-menu-item",{value:"program2"},"Program 2"),t("sl-menu-item",{value:"program3"},"Program 3"),t("sl-menu-item",{value:"program4"},"Program 4"),t("sl-menu-item",{value:"program5"},"Program 5")))),ju=Bs((()=>t("div",null,t("sqb-program-section",{"program-id":"Vacay-referral"},t("sqm-program-menu",null,t("sl-menu-item",{value:"Vacay-referral"},"Vacay-referral"),t("sl-menu-item",{value:"vacay-affiliates"},"vacay-affiliates")),t("sqb-program-switch",null,t("template",{"program-id":"Vacay-referral"},t("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:hu}}})),t("template",{"program-id":"vacay-affiliates"},t("sqb-widget",{"widget-type":"p/vacay-affiliates/w/referrerWidget",demoData:{data:{html:hu}}}))))))),Mu=Object.freeze({__proto__:null,default:{title:"Program Menu"},OneProgram:_u,TwoProgram:Ou,FiveProgram:Lu,ProgramMenuWithSwitch:ju}),Vu=Object.freeze({__proto__:null,default:{title:"Powered By"},Default:()=>t(ye,null),CustomColor:()=>t(ye,{color:"salmon"}),CustomWidthAndHeight:()=>t(ye,{width:300,height:50})}),Gu={supportEmail:"support@example.com",supportText:"For program support, contact {email}",showPoweredBy:!0,poweredByLink:"https://saasquatch.com",paddingTop:"large",paddingRight:"large",paddingBottom:"large",paddingLeft:"large"},zu=Object.freeze({__proto__:null,default:{title:"Portal Footer",parameters:{scenario:'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'}},DefaultFooter:()=>t(we,Object.assign({},Gu)),FooterWithTerms:()=>t(we,Object.assign({},Gu,{termsLink:"https://example.com",termsText:"Terms and Conditions"})),FooterWithFAQ:()=>t(we,Object.assign({},Gu,{faqLink:"https://example.com",faqText:"FAQ"})),FooterWithTermsAndFAQ:()=>t(we,Object.assign({},Gu,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ"})),FooterNoPoweredBy:()=>t(we,Object.assign({},Gu,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ",showPoweredBy:!1}))}),Hu=Object.freeze({__proto__:null,default:{title:"Hero Layout",parameters:{scenario:'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      |'}},LoginOneColumn:()=>{const e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large"},content:{primaryColumn:[t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("sqm-portal-login",null)]}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},LoginOneColumnWithColor:()=>{const e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large",background:"LightSlateGrey"},content:{primaryColumn:t("sqm-portal-login",null)}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},LoginOneColumnWithImage:()=>{const 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:t("sqm-portal-login",null)}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},TwoColumnLoginLargePadding:()=>{const 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:t("sqm-portal-login",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},TwoColumnLoginMediumPadding:()=>{const 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:t("sqm-portal-login",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},TwoColumnLoginSmallPadding:()=>{const 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:t("sqm-portal-login",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},TwoColumnLoginNoPadding:()=>{const 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:t("sqm-portal-login",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},TwoColumnLoginReverseWrap:()=>{const 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:t("sqm-portal-change-password",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},TwoColumnLoginWithImgElement:()=>{const e={states:{columns:2,wrapDirection:"wrap",paddingSize:"large"},content:{primaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("sqm-portal-login",null)),secondaryColumn:t("div",null,t("img",{src:"https://images.unsplash.com/photo-1487528278747-ba99ed528ebc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80"}),t("p",null,"Pellentesque mauris urna, lacinia non turpis sed, pulvinar congue ligula. Sed mattis condimentum eros nec vulputate. Cras consectetur eget libero at viverra. Aliquam suscipit feugiat ante sit amet sagittis. Fusce pulvinar interdum odio ut dapibus. Nulla aliquet ultricies augue nec dignissim. Morbi vulputate hendrerit sem."))}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))}}),Wu={data:{shareCode:"BOBBYREFER"},states:{content:{iframeSrc:"https://example.com",iframeHeight:"100%",iframeWidth:"100%"}}},Uu=Object.freeze({__proto__:null,default:{title:"Referral Iframe",parameters:{scenario:'@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     |              |'}},ReferralIframe:()=>t("div",{style:{width:"1000px",height:"1000px"}},t(ln,Object.assign({},Wu))),ReferralIframeError:()=>t("div",{style:{width:"1000px",height:"1000px"}},t("sqm-referral-iframe",null))}),Zu={states:{validationErrors:void 0,content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}},Ju={states:{validationErrors:{firstName:"Cannot be empty",lastName:"Cannot be empty"},content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}},Xu=Object.freeze({__proto__:null,default:{title:"Name Fields",parameters:{scenario:'@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'}},NameFields:()=>t(xe,Object.assign({},Zu)),NameFieldsWithErrors:()=>t(xe,Object.assign({},Ju))}),Yu=(e,t="chooseReward",r=null,n=null,a=!1,i=!1,s=null)=>({states:{content:{text:{continueText:"Continue",cancelText:"Cancel",continueToConfirmationText:"Continue to confirmation",backText:"Back",redeemText:"Redeem",doneText:"Done",chooseRewardTitle:"Choose reward",chooseAmountTitle:"Amount",confirmationTitle:"Confirm",redeemTitle:"Confirm and redeem",rewardRedeemedText:"Reward redeemed",queryError:"An error occured trying to redeem this reward. Please try again.",notAvailableError:"{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} other {Not available} }"}},redeemStage:t,amount:0,exchangeError:a,loading:i,selectedItem:r,selectedStep:n,open:!1},data:{exchangeList:e,fuelTankCode:s},callbacks:{exchangeReward:null,resetState:null,setStage:null,setExchangeState:null,copyFuelTankCode:null,refs:null},refs:null}),Ku={key:"",name:"",description:"Description of reward. Lorem ipsum dolor sit amet, consectetur adipiscing. Id nec semper sapien dignissim rhoncus nunc.",imageUrl:"",available:!0,unavailableReason:null,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:[]},Qu={available:!1,unavailableReasonCode:"INSUFFICIENT_REDEEMABLE_CREDIT"},ec={key:"r1"},tc=e=>({imageUrl:e}),rc=e=>({name:e}),nc=e=>({prettySourceValue:e}),ac=(e,t,r)=>({ruleType:"VARIABLE_CREDIT_REWARD",sourceMinValue:e,prettySourceMinValue:e+" "+r,sourceMaxValue:t,prettySourceMaxValue:t+" "+r}),ic=[{...Ku,...rc("Free swag with a promo code"),...tc("https://i.imgur.com/n7vC4BR.png"),...nc("40 SaaSquatch Points")},{...Ku,...ec,...rc("Visa® Prepaid Card USD"),...tc("https://i.imgur.com/veHErQX.png"),...ac(20,80,"Points")},{...Ku,...rc("A very exclusive gift box"),...tc("https://i.imgur.com/93BvEgH.png"),...nc("30 SaaSquatch Points")},{...Ku,...rc("$50 Store credit"),...tc("https://i.imgur.com/WkCMVSE.png"),...nc("100 SaaSquatch Points")},{...Ku,...rc("Variable amount of store credit"),...tc("https://i.imgur.com/Jn2fE0s.png"),...ac(20,100,"Points")},{...Ku,...Qu,...rc("A very rare cactus"),...tc("https://i.imgur.com/hhlF2Ey.png"),...nc("2000 SaaSquatch Points")},{...Ku,available:!1,unavailableReasonCode:"US_TAX",...rc("$1000 Store credit with a really super long name in the front page"),...tc("https://i.imgur.com/y9HSls1.png"),...nc("2000 SaaSquatch Long Points")},{...Ku,...Qu,...rc("A holiday gift box"),...tc("https://i.imgur.com/dWEdB3p.png"),...nc("100 SaaSquatch Points")}],sc={...Yu(ic)},oc={...Yu(ic,"chooseReward",{...Ku,...ec,...rc("Visa® Prepaid Card USD"),...tc("https://i.imgur.com/veHErQX.png"),...ac(20,80,"Points")})},lc=(e,t,r,n,a=!0)=>({destinationValue:e,prettyDestinationValue:t+e,sourceValue:r,prettySourceValue:r+" "+n,available:a,unavailableReasonCode:null,unavailableReason:""}),dc={...Yu(ic,"chooseAmount",{...Ku,...rc("Visa® Prepaid Card USD"),...tc("https://i.imgur.com/veHErQX.png"),...ac(20,80,"Points"),steps:[lc(20,"$",40,"Points"),lc(30,"$",60,"Points"),lc(40,"$",80,"Points"),lc(50,"$",100,"Points"),lc(60,"$",120,"Points")]})},uc={...Yu(ic,"chooseAmount",{...Ku,...rc("Free swag with a promo code"),...tc("https://i.imgur.com/n7vC4BR.png"),...nc("40 SaaSquatch Points")})},cc={...Yu(ic,"confirmation",{...Ku,...rc("A very exclusive gift box"),...tc("https://i.imgur.com/93BvEgH.png"),...nc("30 SaaSquatch Points")})},mc={...Yu(ic,"confirmation",{...Ku,...rc("Visa® Prepaid Card USD"),...tc("https://i.imgur.com/veHErQX.png"),...ac(20,80,"Points")},lc(20,"$",40,"Points"))},pc={...Yu(ic,"confirmation",{...Ku,...rc("Visa® Prepaid Card USD"),...tc("https://i.imgur.com/veHErQX.png"),...ac(20,80,"Points")},lc(20,"$",40,"Points"),!0)},hc={...Yu(ic,"success",{...Ku,...rc("A very exclusive gift box"),...tc("https://i.imgur.com/93BvEgH.png"),...nc("30 SaaSquatch Points")})},fc={...Yu(ic,"success",{...Ku,...rc("Visa® Prepaid Card USD"),...tc("https://i.imgur.com/93BvEgH.png"),...ac(20,80,"Points")},lc(20,"$",40,"Points"))},gc={...Yu(ic,"success",{...Ku,...rc("A very exclusive gift box"),...tc("https://i.imgur.com/93BvEgH.png"),...nc("30 SaaSquatch Points")},void 0,void 0,void 0,"4ah2-hh46-gk7r")},bc={...Yu(null,"chooseReward",null,null,!1,!0)},vc=e=>()=>t(ou,null,t(Vn,Object.assign({},e))),yc=vc(sc),wc=vc(oc),$c=vc(uc),xc=vc(dc),Cc=vc(cc),qc=vc(mc),Dc=vc(pc),Ec=vc(hc),kc=vc(fc),Ac=vc(gc),Sc=vc(bc),Tc=Object.freeze({__proto__:null,default:{title:"Components/Reward Exchange List"},ChooseReward:yc,ChooseRewardSelected:wc,ChooseAmount:$c,ChooseAmountVariable:xc,Confirm:Cc,ConfirmVariable:qc,Error:Dc,Success:Ec,SuccessVariable:kc,SuccessPromo:Ac,Loading:Sc}),Fc={header:"Klip Rewards",headerColor:"black",headerBackground:"#F3F0EC",cardTitle:"Earn rewards with our loyalty program",cardDescription:"Earn points by completing tasks like uploading your first video or sharing videos with friends. Use your points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America.",cardColor:"black",cardBackground:"var(--sl-color-primary-100)"},Pc={cardTitle:"Invite your friends to Klip",description:"Earn up to $1200 in rewards for each referral",color:"white",background:"#5B3EDA",icon:"person-plus-fill"},Rc={cardTitle:"If your friend signs up for a Klip Business plan",description:"Get a $50 VISA giftcard when they pay for their first month",color:"black",background:"#F3CC66",icon:"server"},Ic={cardTitle:"If your friend signs up for a Klip Enterprise plan",description:"Get up to $1200 in rewards - a $200 VISA giftcard when our sales team qualifies them as a good fit for Klip, and a $1000 VISA giftcard when they become a paying customer",color:"black",background:"#D3CCF5",icon:"people-fill"},Nc=Object.freeze({__proto__:null,default:{title:"Components/Program Explainer"},OneStep:()=>t(Ce,Object.assign({},Fc),t(qe,Object.assign({},Pc))),TwoSteps:()=>t(Ce,Object.assign({},Fc),t(qe,Object.assign({},Pc)),t(qe,Object.assign({},Rc))),ThreeSteps:()=>t(Ce,Object.assign({},Fc),t(qe,Object.assign({},Pc)),t(qe,Object.assign({},Rc)),t(qe,Object.assign({},Ic)))}),Bc=Object.freeze({__proto__:null,default:{title:"Components/Program Explainer Step"},Example1:()=>t(qe,Object.assign({},{cardTitle:"Invite your friends to Klip",description:"Earn up to $1200 in rewards for each referral",color:"white",background:"#5B3EDA",icon:"person-plus-fill"}))}),_c=()=>t("div",{style:{padding:"10px",border:"5px solid #EEE"}},t("div",{style:{display:"flex",gap:"5px",padding:"5px"}},t("sl-button",{type:"default"},"Default"),t("sl-button",{type:"primary"},"Primary"),t("sl-button",{type:"success"},"Success"),t("sl-button",{type:"neutral"},"Neutral"),t("sl-button",{type:"warning"},"Warning"),t("sl-button",{type:"danger"},"Danger")),t("div",{style:{display:"flex",gap:"5px",padding:"5px"}},t("sl-badge",{type:"primary"},"Primary"),t("sl-badge",{type:"success"},"Success"),t("sl-badge",{type:"neutral"},"Neutral"),t("sl-badge",{type:"warning"},"Warning"),t("sl-badge",{type:"danger"},"Danger")),t("div",{class:"color-palette"},t("div",{class:"color-palette__name"},"Primary",t("br",null),t("code",null,"--sl-color-primary-",t("em",null,"{n}"))),t("div",{style:{display:"flex",gap:"5px"}},t(Oc,{depth:50}),t(Oc,{depth:100}),t(Oc,{depth:200}),t(Oc,{depth:300}),t(Oc,{depth:400}),t(Oc,{depth:500}),t(Oc,{depth:600}),t(Oc,{depth:700}),t(Oc,{depth:800}),t(Oc,{depth:900}),t(Oc,{depth:950}))));function Oc({depth:e}){return t("div",{style:{backgroundColor:`var(--sl-color-primary-${e})`,color:`var(--sl-color-neutral-${1e3-e})`,width:"50px",height:"50px",display:"flex",justifyContent:"center",alignItems:"center"}},e)}const Lc=Object.freeze({__proto__:null,default:{title:"Components/Brand"},Examples:()=>t("div",null,t(_c,null),t("sqm-brand",{"brand-color":"#FF0000"},t(_c,null)),t("sqm-brand",{"brand-color":"#00FF00"},t(_c,null)),t("sqm-brand",{"brand-color":"#0000FF"},t(_c,null)),t("sqm-brand",{"brand-color":"#000000"},t(_c,null))),Nested:()=>t("div",null,"Default ",t(_c,null),t("sqm-brand",{"brand-color":"#FF0000"},"Red:",t(_c,null),t("sqm-brand",{"brand-color":"#00FF00"},"Green:",t(_c,null),t("sqm-brand",{"brand-color":"#0000FF"},"Blue:",t(_c,null),t("sqm-brand",{"brand-color":"#000000"},"Black:",t(_c,null)))))),Fonts:()=>t("div",null,t(_c,null),t("sqm-brand",{"brand-font":"Roboto"},"Roboto",t(_c,null)),t("sqm-brand",{"brand-font":"Open Sans"},"Open Sans",t(_c,null)),t("sqm-brand",{"brand-font":"Lato"},"Lato",t(_c,null)),t("sqm-brand",{"brand-font":"Oswald"},"Oswald",t(_c,null)))}),jc={width:347,gap:"xx-large"},Mc={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:!1,showProgressBar:!1,progress:0,goal:1,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:!1,showExpiry:!1,rewardDuration:null,loading:!1,finite:0},Vc={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:!1,showProgressBar:!0,steps:!0,progress:1,goal:5,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:!1,showExpiry:!1,rewardDuration:null,loading:!1,finite:0},Gc={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:!1,showProgressBar:!0,progress:100,goal:500,progressBarUnit:"$",buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:!1,showExpiry:!1,rewardDuration:null,loading:!1,finite:0},zc=Object.freeze({__proto__:null,default:{title:"Components/Card Feed"},TaskCardGrid:()=>t(De,Object.assign({},jc),t(iu,Object.assign({},Mc)),t("div",null,t(iu,Object.assign({},Vc))),t("div",null,t("div",null,t(iu,Object.assign({},Mc)))),t(iu,Object.assign({},Vc)),t(iu,Object.assign({},Vc)),t("div",null,t(iu,Object.assign({},Vc))),t("div",null,t("div",null,t(iu,Object.assign({},Mc)))),t(iu,Object.assign({},Gc)))}),Hc=Object.freeze({__proto__:null,default:{title:"Components/Portal Container",parameters:{scenario:"Feature: Portal Container\r\n\r\n\r\n    Scenario: Horizontal content overflows, but does not stretch\r\n\r\n        Bad elements should not affect other elements in the page\r\n\r\n        Given there are two element in the container\r\n        And the first is small\r\n        And the second would stretch the container wider than it's parent\r\n        Then the second one is clipped\r\n        And the first one doesn't stretch\r\n\r\n    @landmine\r\n    Scenario: `max-width` is required for displaying as a row\r\n        Given I have `direction` to \"row\"\r\n        And I have not set a `max-width`\r\n        Then it will display as a column\r\n"}},TooWideColumn:()=>t("div",{style:{width:"200px",border:"1px dashed grey"}},t("sqm-portal-container",null,t("div",{style:{background:"grey",border:"1px solid red"}},"Small"),t("div",{style:{background:"blue",width:"1000px"}},"Too wide, content goes off the side of the page for ever and is hidden."))),TooWideRow:()=>t("div",{style:{width:"500px",border:"1px dashed grey"}},t("sqm-portal-container",{direction:"row","min-width":"160px"},t("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),t("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),t("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))}),Wc=`\n:root{\n    ${Ge("orange")}\n}\n`,Uc=`\n:root{\n    ${Ge("#e50914")}\n}\n`,Zc=`\n:root{\n    ${Ge("#65bd60")}\n    --sl-font-sans: Arial;\n}\n`,Jc=`\n:root{\n    ${Ge("black")}\n    --sl-font-sans: Georgia, 'Times New Roman', serif;\n}\n`,Xc=`\n:root{\n    ${Ge("#4225C4")};\n}\n\n`,Yc=Object.freeze({__proto__:null,Default:"\n // No CSS\n",Orangey:Wc,Netflix:Uc,SaaSquatchCorporate:Zc,NYTimes:Jc,Klip:Xc});function Kc(e){return e instanceof Map?e.clear=e.delete=e.set=function(){throw new Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=function(){throw new Error("set is read-only")}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach((function(t){var r=e[t];"object"!=typeof r||Object.isFrozen(r)||Kc(r)})),e}var Qc=Kc;Qc.default=Kc;class em{constructor(e){void 0===e.data&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}}function tm(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function rm(e,...t){const r=Object.create(null);for(const t in e)r[t]=e[t];return t.forEach((function(e){for(const t in e)r[t]=e[t]})),r}const nm=e=>!!e.kind;class am{constructor(e,t){this.buffer="",this.classPrefix=t.classPrefix,e.walk(this)}addText(e){this.buffer+=tm(e)}openNode(e){if(!nm(e))return;let t=e.kind;e.sublanguage||(t=`${this.classPrefix}${t}`),this.span(t)}closeNode(e){nm(e)&&(this.buffer+="</span>")}value(){return this.buffer}span(e){this.buffer+=`<span class="${e}">`}}class im{constructor(){this.rootNode={children:[]},this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){this.top.children.push(e)}openNode(e){const t={kind:e,children:[]};this.add(t),this.stack.push(t)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,t){return"string"==typeof t?e.addText(t):t.children&&(e.openNode(t),t.children.forEach((t=>this._walk(e,t))),e.closeNode(t)),e}static _collapse(e){"string"!=typeof e&&e.children&&(e.children.every((e=>"string"==typeof e))?e.children=[e.children.join("")]:e.children.forEach((e=>{im._collapse(e)})))}}class sm extends im{constructor(e){super(),this.options=e}addKeyword(e,t){""!==e&&(this.openNode(t),this.addText(e),this.closeNode())}addText(e){""!==e&&this.add(e)}addSublanguage(e,t){const r=e.root;r.kind=t,r.sublanguage=!0,this.add(r)}toHTML(){return new am(this,this.options).value()}finalize(){return!0}}function om(e){return e?"string"==typeof e?e:e.source:null}const lm=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./,dm="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",um={begin:"\\\\[\\s\\S]",relevance:0},cm={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[um]},mm={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[um]},pm={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/},hm=function(e,t,r={}){const n=rm({className:"comment",begin:e,end:t,contains:[]},r);return n.contains.push(pm),n.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):",relevance:0}),n},fm=hm("//","$"),gm=hm("/\\*","\\*/"),bm=hm("#","$");var vm=Object.freeze({__proto__:null,MATCH_NOTHING_RE:/\b\B/,IDENT_RE:"[a-zA-Z]\\w*",UNDERSCORE_IDENT_RE:"[a-zA-Z_]\\w*",NUMBER_RE:"\\b\\d+(\\.\\d+)?",C_NUMBER_RE:dm,BINARY_NUMBER_RE:"\\b(0b[01]+)",RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",SHEBANG:(e={})=>{const t=/^#![ ]*\//;return e.binary&&(e.begin=function(...e){return e.map((e=>om(e))).join("")}(t,/.*\b/,e.binary,/\b.*/)),rm({className:"meta",begin:t,end:/$/,relevance:0,"on:begin":(e,t)=>{0!==e.index&&t.ignoreMatch()}},e)},BACKSLASH_ESCAPE:um,APOS_STRING_MODE:cm,QUOTE_STRING_MODE:mm,PHRASAL_WORDS_MODE:pm,COMMENT:hm,C_LINE_COMMENT_MODE:fm,C_BLOCK_COMMENT_MODE:gm,HASH_COMMENT_MODE:bm,NUMBER_MODE:{className:"number",begin:"\\b\\d+(\\.\\d+)?",relevance:0},C_NUMBER_MODE:{className:"number",begin:dm,relevance:0},BINARY_NUMBER_MODE:{className:"number",begin:"\\b(0b[01]+)",relevance:0},CSS_NUMBER_MODE:{className:"number",begin:"\\b\\d+(\\.\\d+)?(%|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},REGEXP_MODE:{begin:/(?=\/[^/\n]*\/)/,contains:[{className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[um,{begin:/\[/,end:/\]/,relevance:0,contains:[um]}]}]},TITLE_MODE:{className:"title",begin:"[a-zA-Z]\\w*",relevance:0},UNDERSCORE_TITLE_MODE:{className:"title",begin:"[a-zA-Z_]\\w*",relevance:0},METHOD_GUARD:{begin:"\\.\\s*[a-zA-Z_]\\w*",relevance:0},END_SAME_AS_BEGIN:function(e){return Object.assign(e,{"on:begin":(e,t)=>{t.data._beginMatch=e[1]},"on:end":(e,t)=>{t.data._beginMatch!==e[1]&&t.ignoreMatch()}})}});function ym(e,t){"."===e.input[e.index-1]&&t.ignoreMatch()}function wm(e,t){t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=ym,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,void 0===e.relevance&&(e.relevance=0))}function $m(e){Array.isArray(e.illegal)&&(e.illegal=function(...e){return"("+e.map((e=>om(e))).join("|")+")"}(...e.illegal))}function xm(e){if(e.match){if(e.begin||e.end)throw new Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function Cm(e){void 0===e.relevance&&(e.relevance=1)}const qm=["of","and","for","in","not","or","if","then","parent","list","value"];function Dm(e,t,r="keyword"){const n={};return"string"==typeof e?a(r,e.split(" ")):Array.isArray(e)?a(r,e):Object.keys(e).forEach((function(r){Object.assign(n,Dm(e[r],t,r))})),n;function a(e,r){t&&(r=r.map((e=>e.toLowerCase()))),r.forEach((function(t){const r=t.split("|");n[r[0]]=[e,Em(r[0],r[1])]}))}}function Em(e,t){return t?Number(t):function(e){return qm.includes(e.toLowerCase())}(e)?0:1}function km(e,{}){function t(t,r){return new RegExp(om(t),"m"+(e.case_insensitive?"i":"")+(r?"g":""))}class r{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(e,t){t.position=this.position++,this.matchIndexes[this.matchAt]=t,this.regexes.push([t,e]),this.matchAt+=function(e){return new RegExp(e.toString()+"|").exec("").length-1}(e)+1}compile(){0===this.regexes.length&&(this.exec=()=>null);const e=this.regexes.map((e=>e[1]));this.matcherRe=t(function(e,t="|"){let r=0;return e.map((e=>{r+=1;const t=r;let n=om(e),a="";for(;n.length>0;){const e=lm.exec(n);if(!e){a+=n;break}a+=n.substring(0,e.index),n=n.substring(e.index+e[0].length),"\\"===e[0][0]&&e[1]?a+="\\"+String(Number(e[1])+t):(a+=e[0],"("===e[0]&&r++)}return a})).map((e=>`(${e})`)).join(t)}(e),!0),this.lastIndex=0}exec(e){this.matcherRe.lastIndex=this.lastIndex;const t=this.matcherRe.exec(e);if(!t)return null;const r=t.findIndex(((e,t)=>t>0&&void 0!==e)),n=this.matchIndexes[r];return t.splice(0,r),Object.assign(t,n)}}class n{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(e){if(this.multiRegexes[e])return this.multiRegexes[e];const t=new r;return this.rules.slice(e).forEach((([e,r])=>t.addRule(e,r))),t.compile(),this.multiRegexes[e]=t,t}resumingScanAtSamePosition(){return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(e,t){this.rules.push([e,t]),"begin"===t.type&&this.count++}exec(e){const t=this.getMatcher(this.regexIndex);t.lastIndex=this.lastIndex;let r=t.exec(e);if(this.resumingScanAtSamePosition())if(r&&r.index===this.lastIndex);else{const t=this.getMatcher(0);t.lastIndex=this.lastIndex+1,r=t.exec(e)}return r&&(this.regexIndex+=r.position+1,this.regexIndex===this.count&&this.considerAll()),r}}if(e.compilerExtensions||(e.compilerExtensions=[]),e.contains&&e.contains.includes("self"))throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");return e.classNameAliases=rm(e.classNameAliases||{}),function r(a,i){const s=a;if(a.isCompiled)return s;[xm].forEach((e=>e(a,i))),e.compilerExtensions.forEach((e=>e(a,i))),a.__beforeBegin=null,[wm,$m,Cm].forEach((e=>e(a,i))),a.isCompiled=!0;let o=null;if("object"==typeof a.keywords&&(o=a.keywords.$pattern,delete a.keywords.$pattern),a.keywords&&(a.keywords=Dm(a.keywords,e.case_insensitive)),a.lexemes&&o)throw new Error("ERR: Prefer `keywords.$pattern` to `mode.lexemes`, BOTH are not allowed. (see mode reference) ");return o=o||a.lexemes||/\w+/,s.keywordPatternRe=t(o,!0),i&&(a.begin||(a.begin=/\B|\b/),s.beginRe=t(a.begin),a.endSameAsBegin&&(a.end=a.begin),a.end||a.endsWithParent||(a.end=/\B|\b/),a.end&&(s.endRe=t(a.end)),s.terminatorEnd=om(a.end)||"",a.endsWithParent&&i.terminatorEnd&&(s.terminatorEnd+=(a.end?"|":"")+i.terminatorEnd)),a.illegal&&(s.illegalRe=t(a.illegal)),a.contains||(a.contains=[]),a.contains=[].concat(...a.contains.map((function(e){return function(e){return e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map((function(t){return rm(e,{variants:null},t)}))),e.cachedVariants?e.cachedVariants:Am(e)?rm(e,{starts:e.starts?rm(e.starts):null}):Object.isFrozen(e)?rm(e):e}("self"===e?a:e)}))),a.contains.forEach((function(e){r(e,s)})),a.starts&&r(a.starts,i),s.matcher=function(e){const t=new n;return e.contains.forEach((e=>t.addRule(e.begin,{rule:e,type:"begin"}))),e.terminatorEnd&&t.addRule(e.terminatorEnd,{type:"end"}),e.illegal&&t.addRule(e.illegal,{type:"illegal"}),t}(s),s}(e)}function Am(e){return!!e&&(e.endsWithParent||Am(e.starts))}function Sm(e){const t={props:["language","code","autodetect"],data:function(){return{detectedLanguage:"",unknownLanguage:!1}},computed:{className(){return this.unknownLanguage?"":"hljs "+this.detectedLanguage},highlighted(){if(!this.autoDetect&&!e.getLanguage(this.language))return console.warn(`The language "${this.language}" you specified could not be found.`),this.unknownLanguage=!0,tm(this.code);let t={};return this.autoDetect?(t=e.highlightAuto(this.code),this.detectedLanguage=t.language):(t=e.highlight(this.language,this.code,this.ignoreIllegals),this.detectedLanguage=this.language),t.value},autoDetect(){return!this.language||(e=this.autodetect,Boolean(e||""===e));var e},ignoreIllegals:()=>!0},render(e){return e("pre",{},[e("code",{class:this.className,domProps:{innerHTML:this.highlighted}})])}};return{Component:t,VuePlugin:{install(e){e.component("highlightjs",t)}}}}const Tm={"after:highlightElement":({el:e,result:t,text:r})=>{const n=Pm(e);if(!n.length)return;const a=document.createElement("div");a.innerHTML=t.value,t.value=function(e,t,r){let n=0,a="";const i=[];function s(){return e.length&&t.length?e[0].offset!==t[0].offset?e[0].offset<t[0].offset?e:t:"start"===t[0].event?e:t:e.length?e:t}function o(e){a+="<"+Fm(e)+[].map.call(e.attributes,(function(e){return" "+e.nodeName+'="'+tm(e.value)+'"'})).join("")+">"}function l(e){a+="</"+Fm(e)+">"}function d(e){("start"===e.event?o:l)(e.node)}for(;e.length||t.length;){let t=s();if(a+=tm(r.substring(n,t[0].offset)),n=t[0].offset,t===e){i.reverse().forEach(l);do{d(t.splice(0,1)[0]),t=s()}while(t===e&&t.length&&t[0].offset===n);i.reverse().forEach(o)}else"start"===t[0].event?i.push(t[0].node):i.pop(),d(t.splice(0,1)[0])}return a+tm(r.substr(n))}(n,Pm(a),r)}};function Fm(e){return e.nodeName.toLowerCase()}function Pm(e){const t=[];return function e(r,n){for(let a=r.firstChild;a;a=a.nextSibling)3===a.nodeType?n+=a.nodeValue.length:1===a.nodeType&&(t.push({event:"start",offset:n,node:a}),n=e(a,n),Fm(a).match(/br|hr|img|input/)||t.push({event:"stop",offset:n,node:a}));return n}(e,0),t}const Rm={},Im=e=>{console.error(e)},Nm=(e,...t)=>{console.log(`WARN: ${e}`,...t)},Bm=(e,t)=>{Rm[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),Rm[`${e}/${t}`]=!0)},_m=tm,Om=rm,Lm=Symbol("nomatch");var jm=function(e){const t=Object.create(null),r=Object.create(null),n=[];let a=!0;const i=/(^(<[^>]+>|\t|)+|\n)/gm,s="Could not find the language '{}', did you forget to load/include a language module?",o={disableAutodetect:!0,name:"Plain text",contains:[]};let l={noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:null,__emitter:sm};function d(e){return l.noHighlightRe.test(e)}function u(e,t,r,n){let a="",i="";"object"==typeof t?(a=e,r=t.ignoreIllegals,i=t.language,n=void 0):(Bm("10.7.0","highlight(lang, code, ...args) has been deprecated."),Bm("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),i=e,a=t);const s={code:a,language:i};C("before:highlight",s);const o=s.result?s.result:c(s.language,s.code,r,n);return o.code=s.code,C("after:highlight",o),o}function c(e,r,i,o){function d(e,t){const r=y.case_insensitive?t[0].toLowerCase():t[0];return Object.prototype.hasOwnProperty.call(e.keywords,r)&&e.keywords[r]}function u(){null!=C.subLanguage?function(){if(""===E)return;let e=null;if("string"==typeof C.subLanguage){if(!t[C.subLanguage])return void D.addText(E);e=c(C.subLanguage,E,!0,q[C.subLanguage]),q[C.subLanguage]=e.top}else e=m(E,C.subLanguage.length?C.subLanguage:null);C.relevance>0&&(k+=e.relevance),D.addSublanguage(e.emitter,e.language)}():function(){if(!C.keywords)return void D.addText(E);let e=0;C.keywordPatternRe.lastIndex=0;let t=C.keywordPatternRe.exec(E),r="";for(;t;){r+=E.substring(e,t.index);const n=d(C,t);if(n){const[e,a]=n;D.addText(r),r="",k+=a,e.startsWith("_")?r+=t[0]:D.addKeyword(t[0],y.classNameAliases[e]||e)}else r+=t[0];e=C.keywordPatternRe.lastIndex,t=C.keywordPatternRe.exec(E)}r+=E.substr(e),D.addText(r)}(),E=""}function p(e){return e.className&&D.openNode(y.classNameAliases[e.className]||e.className),C=Object.create(e,{parent:{value:C}}),C}function h(e,t,r){let n=function(e,t){const r=e&&e.exec(t);return r&&0===r.index}(e.endRe,r);if(n){if(e["on:end"]){const r=new em(e);e["on:end"](t,r),r.isMatchIgnored&&(n=!1)}if(n){for(;e.endsParent&&e.parent;)e=e.parent;return e}}if(e.endsWithParent)return h(e.parent,t,r)}function f(e){return 0===C.matcher.regexIndex?(E+=e[0],1):(T=!0,0)}function g(e){const t=e[0],n=r.substr(e.index),a=h(C,e,n);if(!a)return Lm;const i=C;i.skip?E+=t:(i.returnEnd||i.excludeEnd||(E+=t),u(),i.excludeEnd&&(E=t));do{C.className&&D.closeNode(),C.skip||C.subLanguage||(k+=C.relevance),C=C.parent}while(C!==a.parent);return a.starts&&(a.endSameAsBegin&&(a.starts.endRe=a.endRe),p(a.starts)),i.returnEnd?0:t.length}let b={};function v(t,n){const s=n&&n[0];if(E+=t,null==s)return u(),0;if("begin"===b.type&&"end"===n.type&&b.index===n.index&&""===s){if(E+=r.slice(n.index,n.index+1),!a){const t=new Error("0 width match regex");throw t.languageName=e,t.badRule=b.rule,t}return 1}if(b=n,"begin"===n.type)return function(e){const t=e[0],r=e.rule,n=new em(r),a=[r.__beforeBegin,r["on:begin"]];for(const r of a)if(r&&(r(e,n),n.isMatchIgnored))return f(t);return r&&r.endSameAsBegin&&(r.endRe=new RegExp(t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")),r.skip?E+=t:(r.excludeBegin&&(E+=t),u(),r.returnBegin||r.excludeBegin||(E=t)),p(r),r.returnBegin?0:t.length}(n);if("illegal"===n.type&&!i){const e=new Error('Illegal lexeme "'+s+'" for mode "'+(C.className||"<unnamed>")+'"');throw e.mode=C,e}if("end"===n.type){const e=g(n);if(e!==Lm)return e}if("illegal"===n.type&&""===s)return 1;if(S>1e5&&S>3*n.index)throw new Error("potential infinite loop, way more iterations than matches");return E+=s,s.length}const y=w(e);if(!y)throw Im(s.replace("{}",e)),new Error('Unknown language: "'+e+'"');const $=km(y,{plugins:n});let x="",C=o||$;const q={},D=new l.__emitter(l);!function(){const e=[];for(let t=C;t!==y;t=t.parent)t.className&&e.unshift(t.className);e.forEach((e=>D.openNode(e)))}();let E="",k=0,A=0,S=0,T=!1;try{for(C.matcher.considerAll();;){S++,T?T=!1:C.matcher.considerAll(),C.matcher.lastIndex=A;const e=C.matcher.exec(r);if(!e)break;const t=v(r.substring(A,e.index),e);A=e.index+t}return v(r.substr(A)),D.closeAllNodes(),D.finalize(),x=D.toHTML(),{relevance:Math.floor(k),value:x,language:e,illegal:!1,emitter:D,top:C}}catch(t){if(t.message&&t.message.includes("Illegal"))return{illegal:!0,illegalBy:{msg:t.message,context:r.slice(A-100,A+100),mode:t.mode},sofar:x,relevance:0,value:_m(r),emitter:D};if(a)return{illegal:!1,relevance:0,value:_m(r),emitter:D,language:e,top:C,errorRaised:t};throw t}}function m(e,r){r=r||l.languages||Object.keys(t);const n=function(e){const t={relevance:0,emitter:new l.__emitter(l),value:_m(e),illegal:!1,top:o};return t.emitter.addText(e),t}(e),a=r.filter(w).filter(x).map((t=>c(t,e,!1)));a.unshift(n);const i=a.sort(((e,t)=>{if(e.relevance!==t.relevance)return t.relevance-e.relevance;if(e.language&&t.language){if(w(e.language).supersetOf===t.language)return 1;if(w(t.language).supersetOf===e.language)return-1}return 0})),[s,d]=i,u=s;return u.second_best=d,u}const p={"before:highlightElement":({el:e})=>{l.useBR&&(e.innerHTML=e.innerHTML.replace(/\n/g,"").replace(/<br[ /]*>/g,"\n"))},"after:highlightElement":({result:e})=>{l.useBR&&(e.value=e.value.replace(/\n/g,"<br>"))}},h=/^(<[^>]+>|\t)+/gm,f={"after:highlightElement":({result:e})=>{l.tabReplace&&(e.value=e.value.replace(h,(e=>e.replace(/\t/g,l.tabReplace))))}};function g(e){let t=null;const n=function(e){let t=e.className+" ";t+=e.parentNode?e.parentNode.className:"";const r=l.languageDetectRe.exec(t);if(r){const t=w(r[1]);return t||(Nm(s.replace("{}",r[1])),Nm("Falling back to no-highlight mode for this block.",e)),t?r[1]:"no-highlight"}return t.split(/\s+/).find((e=>d(e)||w(e)))}(e);if(d(n))return;C("before:highlightElement",{el:e,language:n}),t=e;const a=t.textContent,i=n?u(a,{language:n,ignoreIllegals:!0}):m(a);C("after:highlightElement",{el:e,result:i,text:a}),e.innerHTML=i.value,function(e,t,n){const a=t?r[t]:n;e.classList.add("hljs"),a&&e.classList.add(a)}(e,n,i.language),e.result={language:i.language,re:i.relevance,relavance:i.relevance},i.second_best&&(e.second_best={language:i.second_best.language,re:i.second_best.relevance,relavance:i.second_best.relevance})}const b=()=>{b.called||(b.called=!0,Bm("10.6.0","initHighlighting() is deprecated.  Use highlightAll() instead."),document.querySelectorAll("pre code").forEach(g))};let v=!1;function y(){"loading"!==document.readyState?document.querySelectorAll("pre code").forEach(g):v=!0}function w(e){return e=(e||"").toLowerCase(),t[e]||t[r[e]]}function $(e,{languageName:t}){"string"==typeof e&&(e=[e]),e.forEach((e=>{r[e.toLowerCase()]=t}))}function x(e){const t=w(e);return t&&!t.disableAutodetect}function C(e,t){const r=e;n.forEach((function(e){e[r]&&e[r](t)}))}"undefined"!=typeof window&&window.addEventListener&&window.addEventListener("DOMContentLoaded",(function(){v&&y()}),!1),Object.assign(e,{highlight:u,highlightAuto:m,highlightAll:y,fixMarkup:function(e){return Bm("10.2.0","fixMarkup will be removed entirely in v11.0"),Bm("10.2.0","Please see https://github.com/highlightjs/highlight.js/issues/2534"),t=e,l.tabReplace||l.useBR?t.replace(i,(e=>"\n"===e?l.useBR?"<br>":e:l.tabReplace?e.replace(/\t/g,l.tabReplace):e)):t;var t},highlightElement:g,highlightBlock:function(e){return Bm("10.7.0","highlightBlock will be removed entirely in v12.0"),Bm("10.7.0","Please use highlightElement now."),g(e)},configure:function(e){e.useBR&&(Bm("10.3.0","'useBR' will be removed entirely in v11.0"),Bm("10.3.0","Please see https://github.com/highlightjs/highlight.js/issues/2559")),l=Om(l,e)},initHighlighting:b,initHighlightingOnLoad:function(){Bm("10.6.0","initHighlightingOnLoad() is deprecated.  Use highlightAll() instead."),v=!0},registerLanguage:function(r,n){let i=null;try{i=n(e)}catch(e){if(Im("Language definition for '{}' could not be registered.".replace("{}",r)),!a)throw e;Im(e),i=o}i.name||(i.name=r),t[r]=i,i.rawDefinition=n.bind(null,e),i.aliases&&$(i.aliases,{languageName:r})},unregisterLanguage:function(e){delete t[e];for(const t of Object.keys(r))r[t]===e&&delete r[t]},listLanguages:function(){return Object.keys(t)},getLanguage:w,registerAliases:$,requireLanguage:function(e){Bm("10.4.0","requireLanguage will be removed entirely in v11."),Bm("10.4.0","Please see https://github.com/highlightjs/highlight.js/pull/2844");const t=w(e);if(t)return t;throw new Error("The '{}' language is required, but not loaded.".replace("{}",e))},autoDetection:x,inherit:Om,addPlugin:function(e){!function(e){e["before:highlightBlock"]&&!e["before:highlightElement"]&&(e["before:highlightElement"]=t=>{e["before:highlightBlock"](Object.assign({block:t.el},t))}),e["after:highlightBlock"]&&!e["after:highlightElement"]&&(e["after:highlightElement"]=t=>{e["after:highlightBlock"](Object.assign({block:t.el},t))})}(e),n.push(e)},vuePlugin:Sm(e).VuePlugin}),e.debugMode=function(){a=!1},e.safeMode=function(){a=!0},e.versionString="10.7.3";for(const e in vm)"object"==typeof vm[e]&&Qc(vm[e]);return Object.assign(e,vm),e.addPlugin(p),e.addPlugin(Tm),e.addPlugin(f),e}({});jm.registerLanguage("gherkin",(function(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]}}));const Mm=({story:e},r)=>{var n;let a,i=null===(n=e.parent.parameters)||void 0===n?void 0:n.scenario;try{a=jm.highlight("gherkin",i)}catch(e){}return t("div",null,t("details",null,t("summary",null,"Specs"),a&&t("pre",{innerHTML:a.value})),r)},Vm=[Ss,Ts,Fs,Is,Gs,Ks,ro,Ro,No,Lo,Vs,Hs,Us,jo,ll,dl,ul,hl,yl,ql,Sl,Bl,Ll,jl,Hl,Kl,id,Xd,Kd,Nd,Qd,eu,pu,Bu,Mu,Vu,zu,Hu,Uu,Xu,Tc,Jo,tl,Qo,Nc,Bc,Lc,zc,Hc],Gm=class{constructor(t){e(this,t),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const{class:e,children:n}=function(e,r){var n=r.h,a=void 0===n?t:n,i=r.title,o=void 0===i?"Stencilbook":i,l=r.homepage,d=void 0===l?a("h3",null,"Select a story!"):l,u=r.addons,c=void 0===u?[]:u,m=h((function(){return e.map(As).reduce(ks,{_:[]})}),e),p=s(void 0),f=p[0],g=p[1],b=null==f?void 0:f.key,v=s("desktop"),y=v[0],w=v[1],$=s(!0),x=$[0],C=$[1],q=s(!1),D=q[0],E=q[1],k=function(){return a("div",{class:"dynamic-display-wrapper"},a("div",{class:"button-wrapper"},a("button",{class:"desktop"===y?"active":"",onClick:function(){return w("desktop")}},"Desktop"),a("button",{class:"tablet"===y?"active":"",onClick:function(){return w("tablet")}},"Tablet"),a("button",{class:"mobile"===y?"active":"",onClick:function(){return w("mobile")}},"Mobile")),a("p",null,"Note: Currently doesn't test breakpoints, use the native tester for now"),a("hr",null),a("button",{class:D?"active":"",onClick:function(){return E((function(e){return!e}))}},"Toggle Dark Background"),a("hr",null),a("button",{class:x?"active":"",onClick:function(){return C((function(e){return!e}))}},"Toggle Sidebar"))},A="mobile"===y?"375px":"tablet"===y?"768px":"1124px",S=ws(qs||(qs=xs(["\n    max-width: ",";\n    margin-left: ",";\n  "])),A,x?"250px":"0px"),T=ws(Ds||(Ds=xs(["\n    display: none;\n  "])));document.body.style.backgroundColor=D?"#232323":"#fafafa";var F=function(e){var t=e.selected,r=c.reduce((function(e,r){return function(){return a(r,{story:$s({},t)},a(e,null))}}),null==t?void 0:t.story);return a(r,null)},P=function(){return a("div",{class:"story-book-outer-div"},a("div",{class:"story-div "+(x?"":T)},a("div",{class:"header",onClick:function(){g(void 0)}},a("h2",null,o)),a("ul",{class:"parentStoryList"},Object.keys(m).sort().map((function(e){return a("div",{class:"group-wrapper"},"_"!==e&&a("h4",{class:"group-header"},e),m[e].map((function(t){return a("li",{class:"parentStory"},a("details",{style:{marginBottom:"10px"}},a("summary",{style:{outline:"none"}},t.story.title),t.subs&&Object.keys(t.subs).map((function(r){var n=e+"/"+r,i=t.subs[r],s=i.storyName||di(r);return a("div",{class:"subStory "+(b===n?"selected":"")},a("a",{onClick:function(){return function(e,t,r,n){g({key:t,story:e,parent:r,label:n})}(i,n,t.story,s)}},s))}))))})))})))),a(k,null),a("div",{class:"component "+S},!b&&d,b&&a("div",null,a("h3",null,f.label),a(F,{selected:f}))))};return{class:Es,children:a(P,null),View:P,selected:f}}(Vm,{h:t,title:"Mint Components",addons:[Mm,ue,Ns]}),[a,i]=s("Default"),[o,l]=s(!0),d=Object.keys(Yc),u=Yc[a];return t(r,{class:e,onClick:{}},t("div",{style:{position:"absolute",top:"0",right:"0",zIndex:"999999"}},"Branding:",t("select",{onChange:e=>i(e.target.value)},d.map((e=>t("option",{selected:e===a},e)))),t("div",null,t("div",null)),t(zm,null),t("br",null),t("input",{type:"checkbox",id:"checkerboard",onClick:()=>l(!o),onChange:()=>document.documentElement.style.setProperty("--checker-color-1",o?"#ebebeb":"#ffffff00")}),t("label",{htmlFor:"checkerboard"},"Checkerboard?")),t("style",null,u),t("style",null,"\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"),n)}};function zm(){return t("span",null,t(Hm,null),t(Hm,{type:"success"}),t(Hm,{type:"warning"}),t(Hm,{type:"danger"}),t(Hm,{type:"neutral"}))}function Hm({type:e="primary"}){return t("span",{style:{background:`var(--sl-color-${e}-500)`,width:"1em",marginRight:"2px",padding:"0 4px"},title:e},e.charAt(0))}const Wm=class{constructor(t){e(this,t),this.colspan=1,this.padding="15px 10px"}render(){return t(r,{style:{display:"contents"}},t("td",{colSpan:this.colspan,style:{padding:this.padding}},t("slot",null)))}},Um=class{constructor(t){e(this,t),this.border="1px solid #EAEAEA"}render(){return t(r,{style:{display:"contents"}},t("tr",{style:{border:this.border}},t("slot",null)))}},Zm=class{constructor(t){e(this,t),this.ignored=!0,this.rewardAmount="0",this.rewardUnit="Points",this.cardTitle="Title Text",this.description="Description Text",this.repeatable=!1,this.finite=0,this.showProgressBar=!1,this.goal=1,this.steps=!1,this.showExpiry=!1,this.rewardDuration="/",this.buttonText="Complete Action",this.buttonLink="https://example.com/",this.openNewTab=!1,this.statType="/programGoals/count/Referral-Started%2Freferrals",a(this)}disconnectedCallback(){}render(){const{props:e}=x()?oe(this):se(this),{value:r,loading:n}=e;return t(iu,Object.assign({progress:r,loading:n},j(this)))}},Jm=u("sq:global"),Xm=class{constructor(t){e(this,t),this.ignored=!0,a(this)}disconnectedCallback(){}componentWillLoad(){try{g("\n  sqm-text {\n    display: block;\n  }\n\n  sqm-text h1 {\n    font-size: var(--sl-font-size-xx-large);\n    font-weight: 600;\n    color: var(--sl-color-gray-800);\n    margin: 0;\n  }\n\n  sqm-text h2 {\n    font-size: var(--sl-font-size-x-large);\n    font-weight: 600;\n    color: var(--sl-color-gray-800);\n    margin: 0;\n  }\n\n  sqm-text h3 {\n    font-size: var(--sl-font-size-large);\n    font-weight: 600;\n    color: var(--sl-color-gray-800);\n    margin: 0;\n  }\n\n  sqm-text h4 {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--sl-color-gray-800);\n    margin: 0;\n  }\n\n  sqm-text p {\n    font-size: var(--sl-font-size-small);\n    font-weight: 400;\n    color: var(--sl-color-gray-800);\n    margin: 0;\n  }\n\n  sqm-text p[light] {\n    font-size: var(--sl-font-size-x-small);\n    font-weight: 400;\n    color: var(--sl-color-gray-600);\n    margin: 0;\n  }\n")}catch(e){Jm(e)}}render(){return t("slot",null)}};function Ym(e){return t(r,null,e.loading?e.loadingText:e.username)}const Km=Q`
+`;function Vo(){const e="testestest",t=e;return window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com",programId:"sam-partner-test-2"},i((()=>(I({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"}),()=>{window.widgetIdent=void 0,I(void 0)})),[]),{id:e,accountId:t}}function Go(){const{id:e,accountId:t}=Vo(),[r,n]=s(10),[a,i]=s(100),[o,{data:l,errors:d}]=N(Mo);return{states:{points:r,rate:a},data:{id:e,accountId:t,data:l,errors:d},callbacks:{exchange:o,setPoints:n,setRate:i}}}const zo=e=>{const{states:r,data:n,callbacks:a}=e;return t("div",null,t("div",null,t("label",null,"Rate:"),t("input",{value:r.rate,onInput:e=>a.setRate(e.target.value)})),t("input",{value:r.points,onInput:e=>a.setPoints(e.target.value)}),t("button",{onClick:()=>a.exchange(e.input)},"Exchange"),t("details",null,t("summary",null,"response"),t("h4",null,"data"),t("div",{style:{maxWidth:"500px"}},t("pre",{style:{width:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(n.data))),t("h4",null,"errors"),t("div",{style:{maxWidth:"500px"}},t("pre",{style:{maxWidth:"500px",whiteSpace:"pre-wrap"}},JSON.stringify(n.errors)))))},Ho=Bs((()=>(Vo(),t("sqm-reward-exchange-list",{"list-type":"something"})))),Wo=Bs((()=>{const{states:e,data:r,callbacks:n}=Go();return t(zo,{states:e,data:r,callbacks:n,input:{exchangeRewardInput:{userId:r.id,accountId:r.accountId,redeemCreditInput:{amount:e.points,unit:"POINT"},globalRewardKey:"gc1"}}})})),Uo=Bs((()=>{const{states:e,data:r,callbacks:n}=Go();return t(zo,{states:e,data:r,callbacks:n,input:{exchangeRewardInput:{userId:r.id,accountId:r.accountId,redeemCreditInput:{amount:e.points,unit:"POINT"},globalRewardKey:"gc1",rewardInput:{valueInCents:Math.ceil(e.points*e.rate)}}}})})),Zo=Bs((()=>{const{states:e,data:r,callbacks:n}=Go();return t(zo,{states:e,data:r,callbacks:n,input:{exchangeRewardInput:{userId:r.id,accountId:r.accountId,redeemCreditInput:{amount:e.points,unit:"POINT"},rewardInput:{type:"CREDIT",unit:"foo",assignedCredit:Math.ceil(e.points*e.rate)}}}})})),Jo=Object.freeze({__proto__:null,default:{title:"Hooks / useRewardExchange"},RewardList:Ho,FixedGlobalReward:Wo,VariableGlobalReward:Uo,VariableCreditReward:Zo});function Xo(){const e="testestest",t=e;return window.widgetIdent={tenantAlias:"test_a8b41jotf8a1v",appDomain:"https://staging.referralsaasquatch.com"},i((()=>(I({accountId:t,id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs"}),()=>{window.widgetIdent=void 0,I(void 0)})),[]),{id:e,accountId:t}}const Yo=Bs((()=>(Xo(),B("sam-partner-test-2"),t("sqm-rewards-table",null,t("sqm-rewards-table-reward-column",null),t("sqm-rewards-table-status-column",null),t("sqm-rewards-table-source-column",null),t("sqm-rewards-table-date-column",null))))),Ko=Bs((()=>(Xo(),B(void 0),t("sqm-rewards-table",null,t("sqm-rewards-table-reward-column",null),t("sqm-rewards-table-status-column",null),t("sqm-rewards-table-source-column",null),t("sqm-rewards-table-date-column",null))))),Qo=Object.freeze({__proto__:null,default:{title:"Hooks / useRewardsTable"},RewardsTableWithProgram:Yo,RewardsTableNoProgram:Ko}),el=Bs((()=>(function(){const e="sam+klip@saasquat.ch";window.widgetIdent={tenantAlias:"test_a74miwdpofztj",appDomain:"https://staging.referralsaasquatch.com",programId:"klip-referral-program"},i((()=>(I({accountId:"sam+klip@saasquat.ch",id:e,jwt:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2giLCJhY2NvdW50SWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCJ9fQ.FMNZ6oajyr6SiCcRqKKdyPqvNTvWROQ60MKAyfvWGfc"}),()=>{window.widgetIdent=void 0,I(void 0)})),[])}(),t("sqm-task-card",{"card-title":"Comment on 5 articles","button-text":"Start reading",goal:5,steps:!0,"show-progress-bar":!0})))),tl=Object.freeze({__proto__:null,default:{title:"Hooks / useTaskCard"},TaskCard:el});O.setup(L());const rl=O.createStyleSheet({HeaderSubtitleBold:{"font-weight":500,"text-decoration":"underline"}}),nl=rl.toString(),al={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}},il={states:{active:!1},data:{label:"Dashboard",icon:"house",path:"/"}},sl={states:{active:!0},data:{label:"Activity",icon:"bar-chart",path:"/"}},ol=()=>t(ce,Object.assign({},al),t(me,Object.assign({},il)),t(me,Object.assign({},sl))),ll=Object.freeze({__proto__:null,default:{title:"New Portal"},Dashboard:()=>{const e={shareString:"https://ssqt.co/johnsmithrox",open:!1,disabled:!1,tooltiptext:"Share link copied",onClick:()=>console.log("Share link copied")},r={shareString:"JOHNSMITH1",open:!1,disabled:!1,tooltiptext:"Share code copied",onClick:()=>console.log("Share code copied")};return t("sqm-divided-layout",{direction:"row"},t("style",{type:"text/css"},nl),t(ol,null),t("sqm-divided-layout",{direction:"column"},t(J,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),t(Y,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("p",null,"Welcome back,")),content:t("sqm-text",null,t("h1",null,"John Smith"))})),t(pe,Object.assign({},{space:"64px"}),t(ie,Object.assign({},{statvalue:"2,345",value:234500,loading:!1}),"Clicks"),t(ie,Object.assign({},{statvalue:"58",value:58,loading:!1}),"Referrals"),t(ie,Object.assign({},{statvalue:"$10,540",value:1054e3,loading:!1}),"Earned"),t(ie,Object.assign({},{statvalue:"$2,305",value:230500,loading:!1}),"Awaiting Payout"))),t(J,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),t(Y,Object.assign({},{labelMargin:"x-large",padding:"none",label:t("sqm-text",null,t("h2",null,"Partner and Profit")),content:t("sqm-text",null,t("p",null,"Get rewarded for referring potential customers to MyCompany. Earn commission for each successful lead you send our way"))})),t(Y,Object.assign({},{labelMargin:"small",padding:"none",label:t("sqm-text",null,t("h3",null,"Share your referral link")),content:t(ne,Object.assign({},e))})),t(Y,Object.assign({},{labelMargin:"small",padding:"none",label:t("sqm-text",null,t("h3",null,"Share your referral code")),content:t(ne,Object.assign({},r))})),t(Y,Object.assign({},{labelMargin:"small",padding:"none",label:t("sqm-text",null,t("h3",null,"Share via social media")),content:t(J,Object.assign({},{direction:"row",padding:"large",gap:"xxx-large",minWidth:"150px"}),t(ga,Object.assign({},{medium:"twitter",loading:!1,disabled:!1,pill:!0,type:"default",size:"medium",icon:"twitter",hideicon:!1,iconslot:"prefix",onClick:()=>"Facebook share clicked",hide:!1}),"Tweet about us"),t(ga,Object.assign({},{medium:"facebook",loading:!1,disabled:!1,pill:!0,type:"default",size:"medium",icon:"facebook",hideicon:!1,iconslot:"prefix",onClick:()=>"Facebook share clicked",hide:!1}),"Share on Facebook"),t(ga,Object.assign({},{medium:"linkedin",loading:!1,disabled:!1,pill:!0,type:"default",size:"medium",icon:"linkedin",hideicon:!1,iconslot:"prefix",onClick:()=>"Facebook share clicked",hide:!1}),"Post on Linkedin"))})))))},EditProfile:()=>t("sqm-divided-layout",{direction:"row"},t("style",{type:"text/css"},nl),t(ol,null),t("sqm-divided-layout",{direction:"column"},t(X,Object.assign({},{states:{success:!1,loading:!1,submitDisabled:!1,showCountry:!1,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:e=>console.log(e),onChange:e=>console.log(e)}})),t(kt,Object.assign({},{states:{open:!0,error:"",loading:!1,success:!1,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:()=>console.log("open"),submit:()=>console.log("submit")}})))),Commissions:()=>t("sqm-divided-layout",{direction:"row"},t("style",{type:"text/css"},nl),t(ol,null),t("sqm-divided-layout",{direction:"column"},t(J,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),t(Y,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("h2",null,"Commissions")),content:t("sqm-text",null,t("p",null,"for the"," ",t("span",{class:rl.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),t(pe,Object.assign({},{space:"64px"}),t(ie,Object.assign({},{statvalue:"$ 1,000",value:1e5,loading:!1}),"Total Earned"),t(ie,Object.assign({},{statvalue:"$ 800",value:8e4,loading:!1}),"Available"),t(ie,Object.assign({},{statvalue:"$ 180",value:18e3,loading:!1}),"Pending"),t(ie,Object.assign({},{statvalue:"$ 20",value:2e3,loading:!1}),"Redeemed"))))),Activity:()=>t("sqm-divided-layout",{direction:"row"},t("style",{type:"text/css"},nl),t(ol,null),t("sqm-divided-layout",{direction:"column"},t(J,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large"}),t(Y,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("h2",null,"Activity")),content:t("sqm-text",null,t("p",null,"for the"," ",t("span",{class:rl.classes.HeaderSubtitleBold},"Partner Program #1")," ","program"))})),t(Y,Object.assign({},{labelMargin:"x-large",padding:"none",label:t("sqm-text",null,t("h3",null,"Referral Activity")),content:t(pe,Object.assign({},{space:"64px"}),t(ie,Object.assign({},{statvalue:"1,000",value:1e5,loading:!1}),"Total Referrals"),t(ie,Object.assign({},{statvalue:"800",value:800,loading:!1}),"Converted"),t(ie,Object.assign({},{statvalue:"180",value:180,loading:!1}),"Pending"),t(ie,Object.assign({},{statvalue:"20",value:20,loading:!1}),"Disqualified"))}))),t(Y,Object.assign({},{labelMargin:"x-large",padding:"xxx-large",label:t("sqm-text",null,t("h3",null,"Traffic Generated")),content:t(pe,Object.assign({},{space:"64px"}),t(ie,Object.assign({},{statvalue:"1,000",value:1e3,loading:!1}),"Clicks"),t(ie,Object.assign({},{statvalue:"800",value:800,loading:!1}),"From share link"),t(ie,Object.assign({},{statvalue:"180",value:180,loading:!1}),"From share mediums"))}))))}),dl=Object.freeze({__proto__:null,default:{title:"Components/Sidebar Item"},InactiveItem:()=>t(me,Object.assign({},{states:{active:!1},data:{label:"Dashboard",icon:"house",path:"/"}})),ActiveItem:()=>t(me,Object.assign({},{states:{active:!0},data:{label:"Dashboard",icon:"house",path:"/"}}))}),ul=Object.freeze({__proto__:null,default:{title:"Components/Navigation Sidebar"},DefaultNavigationSidebar:()=>t(ce,Object.assign({},{data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}}),t(me,Object.assign({},{states:{active:!1},data:{label:"Dashboard",icon:"house",path:"/"}})),t(me,Object.assign({},{states:{active:!0},data:{label:"Activity",icon:"bar-chart",path:"/"}})))}),cl={states:{error:"",loading:!1},callbacks:{submit:async e=>await e},content:{pageLabel:"Sign in to your account"}},ml={states:{error:"Something went wrong. Please try again.",loading:!1},callbacks:{submit:async e=>await e},content:{pageLabel:"Sign in to your account"}},pl={states:{error:"",loading:!0},callbacks:{submit:async e=>await e},content:{pageLabel:"Sign in to your account"}},hl=Object.freeze({__proto__:null,default:{title:"Components/Portal Login"},Default:()=>t(Ot,Object.assign({},cl)),LoginWithError:()=>t(Ot,Object.assign({},ml)),LoginLoading:()=>t(Ot,Object.assign({},pl))}),fl={states:{error:"",loading:!1,confirmPassword:!0,hideInputs:!1},callbacks:{submit:()=>console.log("Submit!"),inputFunction:()=>{}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password"}},gl={states:{error:"Something went wrong. Please try again.",loading:!1,confirmPassword:!0,hideInputs:!1},callbacks:{submit:()=>console.log("Submit!"),inputFunction:()=>{}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password"}},bl={states:{error:"",loading:!0,confirmPassword:!0,hideInputs:!1},callbacks:{submit:()=>console.log("Submit!"),inputFunction:()=>{}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password"}},vl={states:{error:"",loading:!1,confirmPassword:!0,hideInputs:!1},callbacks:{submit:()=>console.log("Submit!"),inputFunction:()=>{}},refs:{formRef:{}},content:{pageLabel:"Register",confirmPasswordLabel:"Confirm Password",formData:t("div",null,t("sl-input",{style:{marginBottom:"var(--sl-spacing-x-large)"},exportparts:"label: input-label",label:"Slotted Input",required:!0}),t("sl-input",{exportparts:"label: input-label",label:"Slotted Input 2",required:!0}))}},yl=Object.freeze({__proto__:null,default:{title:"Components/Portal Register"},Default:()=>t(Gt,Object.assign({},fl)),RegisterWithError:()=>t(Gt,Object.assign({},gl)),RegisterLoading:()=>t(Gt,Object.assign({},bl)),FieldsHidden:()=>t("sqm-portal-register",{demoData:{states:{error:"",loading:!0,confirmPassword:!0,hideInputs:!0}}}),SlottedInputs:()=>t(Gt,Object.assign({},vl))}),wl={states:{error:"",loading:!1,success:!1},callbacks:{submit:async e=>await e},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}},$l={states:{error:"Something went wrong. Please try again.",loading:!1,success:!1},callbacks:{submit:async e=>await e},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}},xl={states:{error:"",loading:!0,success:!1},callbacks:{submit:async e=>await e},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}},Cl={states:{error:"",loading:!1,success:!0},callbacks:{submit:async e=>await e},content:{secondaryButton:"Cancel",messageSlot:"Enter your email below to receive a password reset link."}},ql=Object.freeze({__proto__:null,default:{title:"Components/Portal Forgot Password",parameters:{scenario:'@author:\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 will 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 will be shown but an email will 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 will be 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 will receive a second password reset email\r\n    And a success banner is shown stating that their email was sent\r\n'}},Default:()=>t(he,Object.assign({},wl)),ForgotPasswordWithError:()=>t(he,Object.assign({},$l)),ForgotPasswordLoading:()=>t(he,Object.assign({},xl)),ForgotPasswordSuccess:()=>t(he,Object.assign({},Cl))}),Dl={states:{error:"",loading:!1,success:!1},callbacks:{submit:async e=>await e},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"}},El={states:{error:"Something went wrong. Please try again.",loading:!1,success:!1},callbacks:{submit:async e=>await e},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"}},kl={states:{error:"",loading:!0,success:!1},callbacks:{submit:async e=>await e},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"}},Al={states:{error:"",loading:!1,success:!0},callbacks:{submit:async e=>await e},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"}},Sl=Object.freeze({__proto__:null,default:{title:"Components/Portal Email Verification",parameters:{scenario:'@author:\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 will be displayed\r\n        And it will reflect that a email has already 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 the user will 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 with an email was 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 will 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 with an email was 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 will receive a verification email\r\n        And a success banner is shown stating that their email was resent'}},Default:()=>t(fe,Object.assign({},Dl)),EmailVerificationWithError:()=>t(fe,Object.assign({},El)),EmailVerificationLoading:()=>t(fe,Object.assign({},kl)),EmailVerificationSuccess:()=>t(fe,Object.assign({},Al))}),Tl={states:{error:"",loading:!1,reset:!1,confirmPassword:!0,oobCodeValidating:!1,oobCodeValid:!0,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:async e=>await e,gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Fl={states:{error:"",loading:!1,reset:!1,confirmPassword:!1,oobCodeValidating:!1,oobCodeValid:!0,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:async e=>await e,gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Pl={states:{error:"Something went wrong. Please try again.",loading:!1,reset:!1,confirmPassword:!0,oobCodeValidating:!1,oobCodeValid:!0,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:async e=>await e,gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Rl={states:{error:"",loading:!0,reset:!1,confirmPassword:!0,oobCodeValidating:!1,oobCodeValid:!0,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:async e=>await e,gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Il={states:{error:"",loading:!1,reset:!0,confirmPassword:!0,oobCodeValidating:!1,oobCodeValid:!0,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:async e=>await e,gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Nl={states:{error:"",loading:!1,reset:!1,confirmPassword:!0,oobCodeValidating:!1,oobCodeValid:!1,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:async e=>await e,gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Bl=Object.freeze({__proto__:null,default:{title:"Components/Portal Reset Password",parameters:{scenario:'@author:\r\n@owner:ian\r\nFeature: Reset Password\r\n\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 will be 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        Then they will see an error message saying that their password reset code is invalid or expired\r\n        When they click "Continue"\r\n        Then they will be redirected to "/"\r\n        Examples:\r\n            | oobCode               |\r\n            | invalid oob code      |\r\n            | non existant oob code |\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 will 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"'}},Default:()=>t(ge,Object.assign({},Tl)),DefaultWithoutConfirmField:()=>t(ge,Object.assign({},Fl)),ResetPasswordWithError:()=>t(ge,Object.assign({},Pl)),ResetPasswordLoading:()=>t(ge,Object.assign({},Rl)),ResetPasswordSuccess:()=>t(ge,Object.assign({},Il)),CodeValidating:()=>t(ge,Object.assign({},Nl))}),_l={states:{error:"Something went wrong. Please try again.",loading:!1,verified:!1},data:{oobCode:"abc123"},callbacks:{gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Ol={states:{error:"",loading:!1,verified:!0},data:{oobCode:"abc123"},callbacks:{gotoNextPage:()=>console.log("next page"),failed:()=>console.log("failed")}},Ll=Object.freeze({__proto__:null,default:{title:"Components/Portal Verify Email",parameters:{scenario:'@author:\r\n@owner:ian\r\nFeature: Verify Email\r\n\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 will take 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 will enter a loading state\r\n        When their email is validated\r\n        Then a button that says "Continue" will appear\r\n        When they click "Continue"\r\n        Then they will be redirected to login\r\n\r\n    @motivating\r\n    Scenario: Users will be 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 will enter a loading state\r\n        When their email is validated\r\n        Then a button that says "Continue" will appear\r\n        When they wait 5 seconds\r\n        Then they will be 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 will enter 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        Then they will see an error message saying that their verification code is invalid or expired\r\n        When they click "Continue"\r\n        Then they will be redirected to "/"\r\n        Examples:\r\n            | oobCode               |\r\n            | invalid oob code      |\r\n            | non existant oob code |\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 will be 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 will be redirected to "/activity"\r\n\r\n    @motivating\r\n    Scenario Outline: Users will be 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          |'}},EmailVerificationWithError:()=>t(be,Object.assign({},_l)),EmailVerificationSuccess:()=>t(be,Object.assign({},Ol))}),jl=Object.freeze({__proto__:null,default:{title:"Components/Asset Card"},Default:()=>t(ve,Object.assign({},{text:{titleText:"Marketing Banner"},imgUrl:"../../assets/saasquatch-logo.png",callbacks:{}})),CardWithLongText:()=>t(ve,Object.assign({},{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:{}})),CardWithNoImg:()=>t(ve,Object.assign({},{text:{titleText:"Marketing Banner"},imgUrl:"",callbacks:{}}))}),Ml={data:{programs:[{key:"program1",label:"My Referral Program"},{key:"program2",label:"My Rewards Program"}]}},Vl={states:{active:!1},data:{label:"Dashboard",icon:"house",path:"/"}},Gl={states:{active:!0},data:{label:"Activity",icon:"bar-chart",path:"/"}},zl=()=>t(ce,Object.assign({},Ml),t(me,Object.assign({},Vl)),t(me,Object.assign({},Gl))),Hl=Object.freeze({__proto__:null,default:{title:"Components/Divided Layout"},Row:()=>t("sqm-divided-layout",{direction:"row"},t(zl,null),t("div",{style:{padding:"48px"}},t(Y,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("p",null,"Welcome back,")),content:t("sqm-text",null,t("h1",null,"Joe Smith"))})))),Column:()=>t("sqm-divided-layout",{direction:"column"},t(zl,null),t("div",{style:{padding:"48px"}},t(Y,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("p",null,"Welcome back,")),content:t("sqm-text",null,t("h1",null,"Joe Smith"))})))),ColumnCustomDivider:()=>t("sqm-divided-layout",{direction:"column",dividerStyle:"1px solid red"},t(zl,null),t("div",{style:{padding:"48px"}},t(Y,Object.assign({},{labelMargin:"xx-small",padding:"none",label:t("sqm-text",null,t("p",null,"Welcome back,")),content:t("sqm-text",null,t("h1",null,"Joe Smith"))}))))}),Wl={states:{open:!1,loading:!1,success:!1,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:e=>console.log(e),submit:e=>console.log("Submit",e)}},Ul={states:{open:!0,loading:!1,success:!1,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:e=>console.log(e),submit:e=>console.log("Submit",e)}},Zl={states:{open:!0,loading:!1,success:!1,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:e=>console.log(e),submit:e=>console.log("Submit",e)}},Jl={states:{open:!0,loading:!1,success:!1,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:e=>console.log(e),submit:e=>console.log("Submit",e)}},Xl={states:{open:!0,loading:!0,success:!1,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:e=>console.log(e),submit:e=>console.log("Submit",e)}},Yl={states:{open:!0,loading:!1,success:!0,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:e=>console.log(e),submit:e=>console.log("Submit",e)}},Kl=Object.freeze({__proto__:null,default:{title:"Components/Change Password",parameters:{scenario:'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'}},Default:()=>t(kt,Object.assign({},Wl)),Open:()=>t(kt,Object.assign({},Ul)),Error:()=>t(kt,Object.assign({},Zl)),PaswordError:()=>t(kt,Object.assign({},Jl)),Loading:()=>t(kt,Object.assign({},Xl)),Success:()=>t(kt,Object.assign({},Yl))});O.setup(L());const Ql={states:{success:!1,loading:!1,submitDisabled:!1,showCountry:!0,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:e=>console.log(e),onChange:e=>console.log(e)}},ed={states:{success:!1,loading:!1,submitDisabled:!1,showCountry:!1,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:e=>console.log(e),onChange:e=>console.log(e)}},td={states:{success:!1,loading:!0,submitDisabled:!1,showCountry:!0,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:e=>console.log(e),onChange:e=>console.log(e)}},rd={states:{success:!1,loading:!1,submitDisabled:!0,showCountry:!0,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:e=>console.log(e),onChange:e=>console.log(e)}},nd={states:{success:!1,loading:!1,submitDisabled:!1,showCountry:!0,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:e=>console.log(e),onChange:e=>console.log(e)}},ad={states:{success:!0,loading:!1,submitDisabled:!1,showCountry:!0,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:e=>console.log(e),onChange:e=>console.log(e)}},id=Object.freeze({__proto__:null,default:{title:"Components/Portal Profile"},Default:()=>t(X,Object.assign({},Ql)),DefaultNoCountry:()=>t(X,Object.assign({},ed)),Loading:()=>t(X,Object.assign({},td)),Disabled:()=>t(X,Object.assign({},rd)),Error:()=>t(X,Object.assign({},nd)),Success:()=>t(X,Object.assign({},ad))}),sd={id:"123",type:"CREDIT",value:19,unit:"POINT",name:"test",dateGiven:1627427794891,dateScheduledFor:Sd(),dateExpires:Td(),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"}]}}]}},od={dateExpires:null},ld={dateScheduledFor:null},dd={fuelTankCode:null},ud={type:"PCT_DISCOUNT"},cd={type:"CREDIT"},md={type:"FUELTANK"},pd={type:"INTEGRATION"},hd={statuses:["AVAILABLE","PENDING"]},fd={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5},gd={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5},bd={statuses:["AVAILABLE","EXPIRED","REDEEMED"]},vd={statuses:["AVAILABLE"]},yd=[],wd=[{...sd,...vd}],$d=[{...sd,...ud,...hd},{...sd,...cd}],xd=[{...sd,...md,...od},{...sd,...md,...gd},{...sd,...hd,...dd}],Cd=[{...sd,...md},{...sd,...pd},{...sd,...hd},{...sd,...fd,...od,...dd},{...sd,...gd,...dd}],qd=[{...sd,...bd,...dd},{...sd,...vd,...od},{...sd,...hd},{...sd,...fd},{...sd,...gd},{...sd,...hd,...od,...ld},{...sd,...fd},{...sd,...gd}],Dd=[{...sd,...pd},{...sd,...bd},{...sd,...vd},{...sd,...fd,...od},{...sd,...gd},{...sd,...hd},{...sd,...ud},{...sd,...md},{...sd,...fd,...od},{...sd,...cd}];function Ed(){return En.DateTime.now().toMillis()+1e4}function kd(){return En.DateTime.now().toMillis()+4e5}function Ad(){return En.DateTime.now().toMillis()+9e6}function Sd(){return En.DateTime.now().toMillis()+6e8}function Td(){return En.DateTime.now().toMillis()+1e10}function Fd(){return En.DateTime.now().toMillis()+2e11}const Pd=()=>t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,...ld}]}),Rd=()=>t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,...od}]}),Id=()=>t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...fd}]}),Nd=Object.freeze({__proto__:null,default:{title:"Components/Referral Table Rewards Cell"},PendingNoUnpend:Pd,PendingNoUnpendNoDetails:()=>t("sqm-referral-table-rewards-cell",{hideDetails:!0,rewards:[{...sd,...hd,...ld}]}),PendingWithUnpend:()=>[t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,dateScheduledFor:Ed()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,dateScheduledFor:kd()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,dateScheduledFor:Ad()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,dateScheduledFor:Sd()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,dateScheduledFor:Td()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...hd,dateScheduledFor:Fd()}]})],AvailableNoExpiry:Rd,AvailableWithExpiry:()=>[t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,dateExpires:Ed()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,dateExpires:kd()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,dateExpires:Ad()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,dateExpires:Sd()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,dateExpires:Td()}]}),t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...vd,dateExpires:Fd()}]})],Redeemed:()=>t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...bd}]}),Cancelled:Id,Expired:()=>t("sqm-referral-table-rewards-cell",{rewards:[{...sd,...gd}]}),EmptyCell:()=>t("sqm-referral-table-rewards-cell",{rewards:yd}),oneRewardCell:()=>t("sqm-referral-table-rewards-cell",{rewards:wd}),twoRewardsCell:()=>t("sqm-referral-table-rewards-cell",{rewards:$d}),threeRewardsCell:()=>t("sqm-referral-table-rewards-cell",{rewards:xd}),fiveRewardsCell:()=>t("sqm-referral-table-rewards-cell",{rewards:Cd}),eightRewardsCell:()=>t("sqm-referral-table-rewards-cell",{rewards:qd}),tenRewardsCell:()=>t("sqm-referral-table-rewards-cell",{rewards:Dd})}),Bd=t("div",{slot:"loading",style:{display:"contents"}},t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null))),t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))),_d=t("div",{slot:"empty",style:{display:"contents"}},t("sqm-table-row",null,t("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},"No Referrals Yet"))),Od={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"}]}}]}},Ld={statuses:["AVAILABLE","PENDING"]},jd={statuses:["PENDING","CANCELLED"],dateCancelled:16268508e5},Md={statuses:["EXPIRED","AVAILABLE"],dateExpires:16268508e5},Vd={statuses:["AVAILABLE"]},Gd={dateExpires:null},zd={states:{hasPrev:!1,hasNext:!0,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},elements:{columns:[t("div",null,"Name"),t("div",null,"Email"),t("div",null,"DOB"),t("div",null,"Rewards")],rows:[[t("sqm-referral-table-user-cell",{name:"Joe Smith"}),t("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),t("sqm-referral-table-user-cell",{name:"07/15/1902"}),t(Pd,null)],[t("sqm-referral-table-user-cell",{name:"Bob Williams"}),t("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),t("sqm-referral-table-user-cell",{name:"09/05/1999"}),t(Rd,null)],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),t("sqm-referral-table-user-cell",{name:"12/21/1984"}),t(Id,null)]]}},Hd={data:{textOverrides:{showLabels:!1,prevLabel:"Prev",moreLabel:"View More"}}},Wd={states:{hasPrev:!0,hasNext:!0,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"CUSTOM PREVIOUS TEXT",moreLabel:"CUSTOM NEXT TEXT"}}},Ud={states:{hasPrev:!1,hasNext:!0,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},elements:{columns:[t("div",null,"Name"),t("div",null,"Email"),t("div",null,"DOB"),t("div",null,"City"),t("div",null,"State/Province"),t("div",null,"Country"),t("div",null,"Referrals"),t("div",null,"Reward Earnings"),t("div",null,"Status")],rows:[[t("sqm-referral-table-user-cell",{name:"Bartholomew Christopher-Johnston Wallace"}),t("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),t("sqm-referral-table-date-cell",{date:-220896e5}),t("sqm-referral-table-user-cell",{name:"Vancouver"}),t("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"14,000,000"}),t("sqm-referral-table-user-cell",{name:"$800,000,000,000"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0})],[t("sqm-referral-table-user-cell",{name:"Bob Williams"}),t("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),t("sqm-referral-table-date-cell",{date:8e11}),t("sqm-referral-table-user-cell",{name:"Los Angeles"}),t("sqm-referral-table-cell",{innerTemplate:"California"}),t("sqm-referral-table-user-cell",{name:"US"}),t("sqm-referral-table-user-cell",{name:"1"}),t("sqm-referral-table-user-cell",{name:"$5"}),t("sqm-referral-table-status-cell",{statusText:"In progress",converted:!1}),,],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),t("sqm-referral-table-date-cell",{date:444703707e3}),t("sqm-referral-table-user-cell",{name:"Toronto"}),t("sqm-referral-table-cell",{innerTemplate:"Ontario"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"10"}),t("sqm-referral-table-user-cell",{name:"$71"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0}),,]]}},Zd={states:{hasPrev:!1,hasNext:!0,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},elements:{columns:[t("div",null,"Lorem ipsum dolor sit amet consectetur adipisicing elit."),t("div",null,"Email"),t("div",null,"DOB"),t("div",null,"City"),t("div",null,"State/Province"),t("div",null,"Country"),t("div",null,"Referrals"),t("div",null,"Rewarddddddddddd Earningsssssssssssss"),t("div",null,"Status")],rows:[[t("sqm-referral-table-user-cell",{name:"Joe Smith"}),t("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),t("sqm-referral-table-date-cell",{date:-2128547493e3}),t("sqm-referral-table-user-cell",{name:"Vancouver"}),t("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"14"}),t("sqm-referral-table-user-cell",{name:"$88"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0})],[t("sqm-referral-table-user-cell",{name:"Bob Williams"}),t("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),t("sqm-referral-table-date-cell",{date:8e11}),t("sqm-referral-table-user-cell",{name:"Los Angeles"}),t("sqm-referral-table-cell",{innerTemplate:"California"}),t("sqm-referral-table-user-cell",{name:"US"}),t("sqm-referral-table-user-cell",{name:"1"}),t("sqm-referral-table-user-cell",{name:"$5"}),t("sqm-referral-table-status-cell",{statusText:"In progress",converted:!1}),,],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),t("sqm-referral-table-date-cell",{date:444703707e3}),t("sqm-referral-table-user-cell",{name:"Toronto"}),t("sqm-referral-table-cell",{innerTemplate:"Ontario"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"10"}),t("sqm-referral-table-user-cell",{name:"$71"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0}),,]]}},Jd={states:{hasPrev:!1,hasNext:!0,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},elements:{columns:[t("div",null,"Name"),t("div",null,"Email"),t("div",null,"DOB"),t("div",null,"City"),t("div",null,"State/Province"),t("div",null,"Country"),t("div",null,"Referrals"),t("div",null,"Reward Earnings"),t("div",null,"Status")],rows:[[t("sqm-referral-table-user-cell",{name:"Joe Smith"}),t("sqm-referral-table-user-cell",{name:"jsmith@gmail.com"}),t("sqm-referral-table-date-cell",{date:-2128547493e3}),t("sqm-referral-table-user-cell",{name:"Vancouver"}),t("sqm-referral-table-cell",{innerTemplate:"British Columbia"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"14"}),t("sqm-referral-table-user-cell",{name:"$88"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0})],[t("sqm-referral-table-user-cell",{name:"Bob Williams"}),t("sqm-referral-table-user-cell",{name:"bwill@gmail.com"}),t("sqm-referral-table-date-cell",{date:8e11}),t("sqm-referral-table-user-cell",{name:"Los Angeles"}),t("sqm-referral-table-cell",{innerTemplate:"California"}),t("sqm-referral-table-user-cell",{name:"US"}),t("sqm-referral-table-user-cell",{name:"1"}),t("sqm-referral-table-user-cell",{name:"$5"}),t("sqm-referral-table-status-cell",{statusText:"In progress",converted:!1}),,],[t("sqm-referral-table-user-cell",{name:"Sarah Joseph"}),t("sqm-referral-table-user-cell",{name:"sjoseph@gmail.com"}),t("sqm-referral-table-date-cell",{date:444703707e3}),t("sqm-referral-table-user-cell",{name:"Toronto"}),t("sqm-referral-table-cell",{innerTemplate:"Ontario"}),t("sqm-referral-table-user-cell",{name:"Canada"}),t("sqm-referral-table-user-cell",{name:"10"}),t("sqm-referral-table-user-cell",{name:"$71"}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0}),,]]}},Xd=Object.freeze({__proto__:null,default:{title:"Components/Referral Table"},SimpleUserTable:()=>t(gn,Object.assign({},zd)),HiddenLabelsTable:()=>t(gn,Object.assign({},{...zd,...Hd})),CustomButtonTextTable:()=>t(gn,Object.assign({},{...zd,...Wd})),FullUserTable:()=>t(gn,Object.assign({},Jd)),LongCellTextTable:()=>t(gn,Object.assign({},Ud)),LongColumnTextTable:()=>t(gn,Object.assign({},Zd)),EmptyTable:()=>t("sqm-referral-table",{demoData:{states:{hasPrev:!1,hasNext:!1,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},elements:{emptyElement:_d,loadingElement:Bd,columns:[t("div",null,"Name"),t("div",null,"Email"),t("div",null,"DOB")],rows:[]}}}),LoadingTable:()=>t("sqm-referral-table",{demoData:{states:{hasPrev:!1,hasNext:!1,loading:!0},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},elements:{emptyElement:_d,loadingElement:Bd,columns:[t("div",null,"Name"),t("div",null,"Email"),t("div",null,"DOB")],rows:[]}}}),FullRewardsTable:()=>t("sqm-referral-table",{demoData:{states:{hasPrev:!1,hasNext:!1,loading:!1},data:{textOverrides:{showLabels:!0,prevLabel:"Prev",moreLabel:"View More"},referralData:[]},elements:{emptyElement:_d,loadingElement:Bd,columns:[t("div",null,"User"),t("div",null,"Rewards"),t("div",null,"Status"),t("div",null,"Date Started"),t("div",null,"Date Converted")],rows:[[t("sqm-referral-table-user-cell",{name:"Joe Smith"}),t("sqm-referral-table-rewards-cell",{rewards:[{...Od,...Vd},{...Od,...Ld},{...Od,...jd}]}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0}),t("sqm-referral-table-date-cell",{date:16267644e5}),t("sqm-referral-table-date-cell",{date:1627427794891})],[t("sqm-referral-table-user-cell",{name:"Sarah Williams"}),t("sqm-referral-table-rewards-cell",{rewards:[{...Od,...Md}]}),t("sqm-referral-table-status-cell",{statusText:"Incomplete",converted:!1}),t("sqm-referral-table-date-cell",{date:16267644e5}),t("sqm-referral-table-date-cell",{date:null})],[t("sqm-referral-table-user-cell",{name:"Marvin Smith"}),t("sqm-referral-table-rewards-cell",{rewards:[{...Od,...Gd},{...Od,...Ld}]}),t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0}),t("sqm-referral-table-date-cell",{date:16267644e5}),t("sqm-referral-table-date-cell",{date:1627427794891})]]}}})}),Yd=[{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"}]}}]}}],Kd=Object.freeze({__proto__:null,default:{title:"Components/Referral Table Cell"},TableCell:()=>t("sqm-referral-table-cell",{innerTemplate:"Table Cell Text"}),TableUserCell:()=>t("sqm-referral-table-user-cell",{name:"Table User Cell Text"}),EmptyCell:()=>t("sqm-sqm-referral-table-cell",null,"-"),StatusCell:()=>t("div",null,t("sqm-referral-table-status-cell",{statusText:"Complete",converted:!0}),t("sqm-referral-table-status-cell",{statusText:"In Progress",converted:!1})),DateCell:()=>t("sqm-referral-table-date-cell",{date:8e11}),RewardsCell:()=>t("sqm-referral-table-rewards-cell",{rewards:Yd})}),Qd=Object.freeze({__proto__:null,default:{title:"Tests/User Name"},DemoData:()=>t("sqm-user-name",{demoData:{loading:!1,loadingText:"...",username:"Test Testerson"}}),Username:()=>t("sqm-user-name",null)}),eu=Object.freeze({__proto__:null,default:{title:"Components/Portal Password Field"},Start:()=>t("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:!0,validationErrors:{},content:{fieldLabel:"Password"}}}}),EmptyError:()=>t("sqm-password-field",{demoData:{initValue:"",states:{enableValidation:!0,validationErrors:{password:"Cannot be empty"},content:{fieldLabel:"Password"}}}}),ValidationError:()=>t("sqm-password-field",{demoData:{initValue:"asdf",states:{enableValidation:!0,validationErrors:{password:"Incomplete"},content:{fieldLabel:"Password"}}}})});function tu({matrix:e,props:r,Component:n}){return function(...e){var t=[],r=e.length-1;return function n(a,i){for(var s=0,o=e[i].length;s<o;s++){var l=a.slice(0);l.push(e[i][s]),i==r?t.push(l):n(l,i+1)}}([],0),t}(...Object.keys(e).map((t=>e[t].map((e=>({[t]:e})))))).map((e=>e.reduce(((e,t)=>({...e,...t})),{}))).map((e=>{const a={...r,...e};return t("div",null,t(ru,{values:a}),t("hr",null)," ",t("br",null),t(n,Object.assign({},a)),t("br",null))}))}function ru({values:e}){return t("table",null,t("tbody",null,Object.keys(e).map((r=>t("tr",null,t("th",null,r),t("td",null,JSON.stringify(e[r])))))))}const nu=()=>t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M15 5H12.4508H9V16H13.5C14.0523 16 14.5 15.5523 14.5 15V9H15C15.5523 9 16 8.55228 16 8V6C16 5.44772 15.5523 5 15 5Z",fill:"#F2C94C"}),t("path",{d:"M1.5 9V15C1.5 15.5523 1.94772 16 2.5 16H7V5H4.64242H1C0.447715 5 0 5.44772 0 6V8C0 8.55228 0.447715 9 1 9H1.5Z",fill:"#F2C94C"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9V10H14.5V9H1.5Z",fill:"#BE9720"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14 2.70949C14 3.59565 12.6694 4.93746 12 5H9V16H7.00179V5H4.58792C3.21247 4.70182 2 3.64537 2 2.52072C2 1.42474 2.47603 0.556701 3.34184 0.182041C4.16921 -0.175986 5.12452 0.0203328 5.87976 0.544666C6.80676 1.18825 7.32679 2.3963 7.79856 3.49226C7.83996 3.58845 7.88099 3.68378 7.9219 3.77778C7.96173 3.68865 8.00186 3.59793 8.0425 3.50608C8.50995 2.44948 9.04359 1.24325 9.9404 0.59563C10.7332 0.0231438 11.741 -0.193157 12.6121 0.198945C13.5129 0.604397 14 1.53453 14 2.70949ZM10.6123 1.5C11.0928 1.15305 11.668 1.09012 12.1597 1.5C12.5879 1.85694 12.6108 2.02497 12.6658 2.42926L12.6755 2.5C12.6755 3.09851 12.1597 4 11.6439 4C11.2785 4 10.9914 3.99691 10.7224 3.99402C10.2319 3.98875 9.80131 3.98412 9.06496 4C9.20533 3.72786 9.31743 3.46669 9.42434 3.21761C9.71026 2.55143 9.95907 1.97176 10.6123 1.5ZM4.93861 1.5C4.70607 1.33855 4.17281 1.4106 3.95166 1.5063C3.76894 1.58537 3.49602 1.82658 3.49602 2.52072C3.49602 3.19524 4.58792 3.77778 4.58792 3.77778C4.58792 3.77778 5.45441 4 7.00179 4C6.47506 2.69451 5.7289 2.04867 4.93861 1.5Z",fill:"#EB5757"}));function au(e){const{progress:r=0,goal:n=1,steps:a=!1,progressBarUnit:i="",repeatable:s=!1,expired:o=!1,finite:l=0}=e,d=nu(),u=nu(),c=nu();var m=[],p="";s?a?function(){let e=Math.floor(r/n);if(e<2){let e=1/n;for(let a=1;a<2*n+1;a++)p+=e+"fr 0fr ",a>r?a==n?(p+="0fr ",m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty bg"},n)),m.push(t("div",{class:"gift bw"},d))):a==2*n?(p+="0fr 0fr",m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty bg"},2*n)),m.push(t("div",{class:"gift bw"},u))):(m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty"},a))):a==n?(p+="0fr ",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},a)),m.push(t("div",{class:"gift"},c))):(m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress"},a)))}else if(l&&e>=l){let a=1/n;e>2&&(p+="0fr 0fr ",m.push(t("div",{class:"progress bg"},n*(l-2))),m.push(t("div",{class:"gift start"},d)));for(let e=1;e<2*n+1;e++)p+=a+"fr 0fr ",e>r?e==n&&(p+="0fr ",m.push(t("div",{class:"remain"})),m.push(t("div",{class:"progress bg"},n*(l-1))),m.push(t("div",{class:"gift bw"},d))):e==n?(p+="0fr ",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},n*(l-1))),m.push(t("div",{class:"gift"},u))):e==2*n?(p+="0fr 0fr",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},n*l)),m.push(t("div",{class:"gift"},c))):(m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress"},e+n*(l-2))))}else{let a=r%n+n,i=1/n;p+="0fr 0fr ",m.push(t("div",{class:"progress bg"},n*(e-1))),m.push(t("div",{class:"gift start"},d));for(let r=1;r<2*n+1;r++)p+=i+"fr 0fr ",r<=n?r==n?(p+="0fr ",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},r+n*(e-1))),m.push(t("div",{class:"gift"},u))):(m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress"},r+n*(e-1)))):r>a?r==2*n?(p+="0fr 0fr",m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty bg"},r+n*(e-1))),m.push(t("div",{class:"gift bw"},c))):(m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty"},r+n*(e-1)))):(m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress"},r+n*(e-1))))}}():function(){let e=Math.floor(r/n),a=r%n/n*.5;0==e?(p=a+"fr 0fr "+(.5-a)+"fr 0fr 0fr 0.5fr 0fr 0fr",m.push(t("div",{class:"filled"})),m.push(t("div",{class:r==n?"progress top bg":"progress top"},i+r)),m.push(t("div",{class:"remain"})),m.push(t("div",{class:"progress bg"},i+n)),m.push(t("div",{class:"gift"},d)),m.push(t("div",{class:"remain"})),m.push(t("div",{class:"progress bg"},i+2*n)),m.push(t("div",{class:"gift bw"},u))):1==e?(p="0.5fr 0fr 0fr "+a+"fr 0fr "+(.5-a)+"fr 0fr 0fr",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},i+n)),m.push(t("div",{class:"gift"},d)),m.push(t("div",{class:"filled"})),m.push(t("div",{class:r==n?"progress top bg":"progress top"},r==n?"":i+r)),m.push(t("div",{class:"remain"})),m.push(t("div",{class:"progress bg"},i+2*n)),m.push(t("div",{class:"gift bw"},u))):l&&e>=l?(e>2?(m.push(t("div",{class:"progress bg"},i+n*(l-2))),m.push(t("div",{class:"gift start"},d)),p="0fr 0fr 0.5fr 0fr 0fr 0.5fr 0fr 0fr"):p="0.5fr 0fr 0fr 0.5fr 0fr 0fr",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},i+n*(l-1))),m.push(t("div",{class:"gift"},u)),m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},i+n*l)),m.push(t("div",{class:"gift"},c))):(p="0fr 0fr 0.5fr 0fr 0fr "+a+"fr 0fr "+(.5-a)+"fr 0fr 0fr",m.push(t("div",{class:"progress bg"},i+n*(e-1))),m.push(t("div",{class:"gift start"},d)),m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},i+n*e)),m.push(t("div",{class:"gift"},u)),m.push(t("div",{class:"filled"})),m.push(t("div",{class:r==n*e?"progress top bg":"progress top"},r==n*e?"":i+r)),m.push(t("div",{class:"remain"})),m.push(t("div",{class:"progress bg"},i+n*(e+1))),m.push(t("div",{class:"gift bw"},c)))}():a?function(){let e=1/n;for(let a=1;a<n;a++)p+=e+"fr 0fr ",a>r?(m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty"},a))):(m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress"},a)));p+=e+"fr 0fr ",n<=r?(p+="0fr ",m.push(t("div",{class:"filled"})),m.push(t("div",{class:"progress bg"},n)),m.push(t("div",{class:"gift"},d))):(p+="0fr ",m.push(t("div",{class:"remain"})),m.push(t("div",{class:"empty bg"},n)),m.push(t("div",{class:"gift"},d)))}():function(){const e=r/n;p=b(e,0,1)+"fr 0fr "+b(1-e,0,1)+"fr 0fr 0fr",m.push(t("div",{class:"filled"})),m.push(t("div",{class:b(r,0,n)==n?"progress top bg":"progress top"},b(r,0,n)==n?"":i+b(r,0,n))),m.push(t("div",{class:"remain"})),m.push(t("div",{class:"progress bg"},i+n)),m.push(t("div",{class:"gift"},d))}();const h={ProgressBar:{marginTop:a?"calc(-1*var(--sl-spacing-x-small))":"","& .progress-bar":{height:"0",marginTop:a?"var(--sl-spacing-medium)":"var(--sl-spacing-large)",filter:o?"grayscale(1)":"",marginBottom:"var(--sl-spacing-xxx-large)",marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-small)",display:"grid",gridTemplateColumns:p,lineHeight:"45px",userSelect:"none"},"& .progress-bar.repeatable-steps":{marginLeft:"var(--sl-spacing-x-small)"},"& .filled:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"var(--sl-color-primary-300)"},"& .progress":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .progress::after":{content:'""',width:"12px",height:"12px",display:"flex",backgroundColor:"var(--sl-color-primary-300)",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .progress.bg:after":{width:"0",height:"0",border:"none"},"& .progress.top":{position:"relative",top:"-40px"},"& .progress.top:after":{top:"-16%"},"& .empty":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .empty::after":{content:'""',width:"12px",height:"12px",border:"2px solid #E0E0E0",margin:"-2px",display:"flex",backgroundColor:"white",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .empty.bg:after":{width:"0",height:"0",border:"none"},"& .remain:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"#E0E0E0"},"& .gift.bw":{filter:"grayscale(100%)"},"& .gift.start":{transform:"scale(80%)",top:"-20px"},"& .gift":{textAlign:"center",marginLeft:"-100px",marginRight:"-100px",position:"relative",display:"list-item",listStyleType:"none",top:"-18px",filter:n<=r?"":"grayscale(100%)",zIndex:"1"}}};O.setup(L());const f=O.createStyleSheet(h),g=f.toString();return t("div",{class:f.classes.ProgressBar},t("style",{type:"text/css"},g),t("div",{class:!Boolean(l)&&r>=2*n||Boolean(l)&&r>2*n?"progress-bar repeatable-steps":"progress-bar"},m));function b(e,t,r){return Math.min(Math.max(e,t),r)}}function iu(e){const r=t("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.81818 10C1.81818 5.48131 5.48131 1.81818 10 1.81818C14.5187 1.81818 18.1818 5.48131 18.1818 10C18.1818 14.5187 14.5187 18.1818 10 18.1818C5.48131 18.1818 1.81818 14.5187 1.81818 10ZM10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0ZM15.7692 6.96189C16.1398 6.48683 16.0551 5.80132 15.58 5.43077C15.1049 5.06022 14.4194 5.14495 14.0489 5.62001L8.72994 12.4391L5.86229 9.5715C5.43627 9.14548 4.74554 9.14548 4.31952 9.5715C3.89349 9.99752 3.89349 10.6882 4.31952 11.1143L8.05976 14.8545C8.28083 15.0756 8.58613 15.1912 8.89818 15.172C9.21023 15.1528 9.49905 15.0006 9.69133 14.7541L15.7692 6.96189Z",fill:"currentColor"})),n=t("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.65 6.19231C15.0459 6.5011 15.1165 7.07236 14.8077 7.46825L9.74277 13.9617C9.58254 14.1672 9.34186 14.294 9.08182 14.31C8.82178 14.326 8.56736 14.2297 8.38314 14.0454L5.26627 10.9286C4.91124 10.5735 4.91124 9.99794 5.26627 9.64292C5.62129 9.2879 6.19689 9.2879 6.55191 9.64292L8.94162 12.0326L13.3741 6.35001C13.6828 5.95412 14.2541 5.88352 14.65 6.19231Z",fill:"white"})),a=t("svg",{width:11,height:12,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.265 2.789a.346.346 0 000-.489L8.066.101a.346.346 0 10-.489.489l1.61 1.609H2.073a.691.691 0 00-.69.691v1.728a.346.346 0 00.69 0V2.89h7.114L7.577 4.5a.346.346 0 10.49.488l2.198-2.2zM.101 9.21a.346.346 0 000 .489l2.2 2.199a.346.346 0 00.488-.489l-1.61-1.609h7.114c.382 0 .691-.31.691-.691V7.382a.346.346 0 00-.691 0V9.11H1.18L2.789 7.5a.346.346 0 10-.489-.488l-2.199 2.2z",fill:"currentColor"}));O.setup(L());const i=O.createStyleSheet({TaskCard:{display:"inline-block",width:"100%","& .main":{position:"relative",boxSizing:"border-box",background:"var(--sl-color-neutral-0)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-medium)",fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",color:"var(--sl-color-neutral-600)"},"& .main.complete":{background:"var(--sl-color-primary-50)",borderColor:"var(--sl-color-primary-500)"},"& .main.expired":{color:"var(--sl-color-neutral-400)",background:"var(--sl-color-neutral-50)"},"& .title":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-950)"},"& .container":{margin:"var(--sl-spacing-medium)"},"& .container.subdued":{opacity:"0.66"},"& .container > div":{margin:"var(--sl-spacing-medium) 0"}},Expired:{margin:"var(--sl-spacing-medium)",marginBottom:"calc(var(--sl-spacing-x-small)*-1)",color:"var(--sl-color-warning-600)",fontWeight:"var(--sl-font-weight-semibold)"},Header:{display:"flex","& .icon":{position:"relative",top:"5%",alignSelf:"center",lineHeight:"0",color:"var(--sl-color-primary-400)",fontSize:"var(--sl-font-size-large)",marginRight:"var(--sl-spacing-x-small)"},"& .value":{alignSelf:"center",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-950)",lineHeight:"100%",marginRight:"var(--sl-spacing-xx-small)"},"& .text":{alignSelf:"end",textTransform:"uppercase",fontSize:"var(--sl-font-size-x-small)",color:"var(--sl-color-neutral-950)",lineHeight:"var(--sl-font-size-medium)",marginRight:"var(--sl-spacing-xx-small)"},"& .end":{color:"var(--sl-color-warning-500)",fontWeight:"var(--sl-font-weight-semibold)",marginBottom:"var(--sl-spacing-xx-small)"},"& .neutral":{color:"var(--sl-color-neutral-400)"}},Footer:{display:"flex","& .icon":{fontSize:"var(--sl-font-size-xx-small)",marginRight:"var(--sl-spacing-xx-small)",verticalAlign:"middle"},"& .text":{marginTop:"auto",verticalAlign:"text-bottom",fontSize:"var(--sl-font-size-x-small)"},"& .success":{color:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-semibold)"},"& .action":{marginTop:"auto",marginLeft:"auto","&::part(base)":{color:"var(--sl-color-neutral-0)",borderRadius:"var(--sl-border-radius-medium)"},"&.disabled::part(base)":{border:"1px solid var(--sl-color-primary-400)",background:"var(--sl-color-primary-400)"},"&.neutral::part(base)":{border:"1px solid var(--sl-color-neutral-400)",background:"var(--sl-color-neutral-400)"}},"& .neutral":{color:"var(--sl-color-neutral-400)"}}}),s=i.toString(),o=e.progress>=e.goal,l=e.showProgressBar?Math.floor(e.progress/e.goal):e.progress,d=e.showExpiry&&En.DateTime.fromISO(e.rewardDuration.split("/")[0]),u=e.showExpiry&&En.DateTime.fromISO(e.rewardDuration.split("/")[1]),c=En.DateTime.now(),m=o&&!1===e.repeatable||e.finite&&e.progress>=e.finite*e.goal,p=e.showExpiry&&u<=c,h=p||e.showExpiry&&c<=d;return t("div",{class:i.classes.TaskCard},t("div",{class:h?"main expired":m?"main complete":"main"},t("style",{type:"text/css"},s),h&&t("div",{class:i.classes.Expired},p?"Ended "+u.toLocaleString(En.DateTime.DATE_MED):"Starts "+d.toLocaleString(En.DateTime.DATE_MED)),t("div",{class:m||h?"container subdued":"container"},t("div",{class:i.classes.Header},e.loading?t("sl-skeleton",{style:{width:"22%",margin:"0"}}):t("div",null,o&&t("span",{class:h?"icon neutral":"icon"},m?n:r),t("span",{class:"value"},e.rewardAmount),t("span",{class:"text"},e.rewardUnit))),e.loading?t("sl-skeleton",{style:{width:"42%",margin:"var(--sl-spacing-medium) 0"}}):t("div",{class:"title"},e.cardTitle),e.loading?t("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):t(su,Object.assign({},e)),e.showProgressBar&&e.loading?t("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):e.showProgressBar&&t(au,Object.assign({},e,{complete:m,expired:h})),t("div",{class:i.classes.Footer},e.loading?t("sl-skeleton",{style:{width:"25%",marginLeft:"auto"}}):t("div",{style:{display:"contents"}},t("span",{class:"text"},e.repeatable&&t("div",null,t("span",{class:l>0?h?"icon neutral":"icon success":"icon"},a),t("span",{class:l>0?h?"neutral":"success":""},f.formatMessage({id:"completedMessage",defaultMessage:e.completedText},{finite:e.finite,count:e.finite?Math.min(l,e.finite):l}))),e.showExpiry&&!h&&t("span",null,"Ends "+u.toLocaleString(En.DateTime.DATE_FULL))),t("sl-button",{class:h?"action neutral":m?"action disabled":"action",type:"primary",size:"small",onClick:()=>e.openNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent"),disabled:m||h},e.buttonText))))))}function su(e){const r={Description:{"& input[type=checkbox]":{display:"none"},"& input:checked ~ .details":{transform:"rotate(-180deg)"},"& .details":{position:"absolute",top:"var(--sl-spacing-medium)",right:"var(--sl-spacing-medium)",color:"var(--sl-color-neutral-700)",fontSize:"var(--sl-font-size-large)","& :hover":{color:"var(--sl-color-primary-700)"},transformOrigin:"50% 37%",transition:"transform var(--sl-transition-medium) ease"},"& input:checked ~ .summary":{transition:"all var(--sl-transition-medium) ease",maxHeight:"300px",marginBottom:e.steps?"var(--sl-spacing-x-large)":e.showProgressBar?"var(--sl-spacing-xx-large)":"var(--sl-spacing-x-large)"},"& .summary":{display:"block",overflow:"hidden",fontSize:"var(--sl-font-size-small)",maxHeight:"0px",transition:"all var(--sl-transition-fast) ease-out",marginBottom:"var(--sl-spacing-medium)"}}};O.setup(L());const n=O.createStyleSheet(r),a=n.toString(),i=Math.random().toString(36).slice(2);return t("div",null,t("style",{type:"text/css"},a),t("span",{class:n.classes.Description},t("input",{type:"checkbox",id:"details-"+i}),t("label",{class:"details",htmlFor:"details-"+i},t("sl-icon",{name:"chevron-down"})),t("span",{class:"summary"},e.description)))}const ou=(e,r)=>t("div",{class:"resizer"},r),lu={display:"inline-flex",gap:"32px"},du={width:"347px",minWidth:"347px",resize:"horizontal",height:"fit-content",overflow:"hidden"},uu={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:!1,showProgressBar:!1,progress:0,goal:1,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:!1,showExpiry:!1,rewardDuration:null,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",loading:!1,finite:0},cu={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:!1,showProgressBar:!0,steps:!0,progress:1,goal:5,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:!1,showExpiry:!1,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",rewardDuration:null,loading:!1,finite:0},mu={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:!1,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",showProgressBar:!0,progress:100,goal:500,progressBarUnit:"$",buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:!1,showExpiry:!1,rewardDuration:null,loading:!1,finite:0},pu=Object.freeze({__proto__:null,default:{title:"Components/Task Card/",parameters:{scenario:'@author:derek\r\n@owner:\r\nFeature: Task Card\r\n\r\n\tScenario: A header, body title, description 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| description  | Fill out our survey form and receive points! |\r\n\t\t\t| buttonText   | Take Survey                                  |\r\n\t\t\t| buttonLink   | https://example.com/                         |\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\t\tWhen they click the details icon\r\n\t\tThen "Fill out our survey form and receive points!" is shown as the card description\r\n\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\tScenario Outline: The Progress Bar can be shown or hidden but is hidden by default\r\n\t\tGiven a Task Card component\r\n\t\tAnd it <mayHave> "showProgressBar" <value>\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| mayHave      | value | mayBe |\r\n\t\t\t| has          | true  | is    |\r\n\t\t\t| has          | false | isn\'t |\r\n\t\t\t| doesn\'t have |       | isn\'t |\r\n\r\n\tScenario Outline: Tasks can be repeatable or one-time only but are one-time only be default\r\n\t\tGiven a Task Card component\r\n\t\tAnd it <mayHave> "repeatable" <value>\r\n\t\tAnd a user who has already completed the task\r\n\t\tWhen they views the Task Card\r\n\t\tThen they see a green checkmark icon beside the card heading\r\n\t\tAnd the card <mayBe> green\r\n\t\tAnd the card\'s border <mayBe> green\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| mayHave      | value | mayBe |\r\n\t\t\t| has          | true  | isn\'t |\r\n\t\t\t| has          | false | is    |\r\n\t\t\t| doesn\'t have |       | is    |\r\n\r\n\tScenario: Task Expiries can be configured and disable the CTA after the expiry\r\n\t\tGiven a Task Card component\r\n\t\tAnd it is configured for <expiry>\r\n\t\tWhen a user views the Card on <day>\r\n\t\tThen they the expiry on <cardLocation>\r\n\t\tAnd the text <mayBe> orange\r\n\t\tAnd the card <mayBe> disabled\r\n\t\tAnd the card <mayBe> grey\r\n\t\tAnd the user <mayBe> unable to complete the loyalty task\r\n\t\tExamples:\r\n\t\t\t| expiry               | day                    | cardLocation | mayBe |\r\n\t\t\t| Dec 31 2021 11:59:59 | Dec 1st 2021 12:00:00  | bottom left  | isn\'t |\r\n\t\t\t| Dec 31 2021 11:59:59 | Dec 31 2021 11:00:00   | top right    | isn\'t |\r\n\t\t\t| Dec 31 2021 11:59:59 | Jan 15th 2022 10:00:00 | top right    | is    |\r\n\r\n\tScenario Outline: Task expiry can be hidden or shown but is hidden by default\r\n\t\tGiven a Task Card\r\n\t\tAnd it is configured with an expiry\r\n\t\tAnd it <mayHave> "showExpiry" <value>\r\n\t\tWhen a user views the Task card\r\n\t\tThen the expiry <mayBe> shown in the bottom left hand corner\r\n\t\tExamples:\r\n\t\t\t| mayHave      | value | mayBe |\r\n\t\t\t| has          | true  | is    |\r\n\t\t\t| has          | false | isn\'t |\r\n\t\t\t| doesn\'t have |       | isn\'t |\r\n\r\n\t#DS: Currently this text is non configurable and isnt set up for proper pluralization\r\n\tScenario Outline: A task completion count is displayed for repeatable tasks\r\n\t\tGiven a Task Card is configured for a repeatable task\r\n\t\tAnd has "goalCompletionNumber" <goalCompletionNumberValue>\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 green\r\n\t\tExamples:\r\n\t\t\t| goalCompletionNumber | userGoalProgress | text              |\r\n\t\t\t| 1                    | 0                | Completed 0 times |\r\n\t\t\t| 1                    | 1                | Completed 1 times |\r\n\t\t\t| 1                    | 2                | Completed 2 times |\r\n\t\t\t| 10                   | 5                | Completed 0 times |\r\n\t\t\t| 10                   | 12               | Completed 1 times |\r\n\t\t\t| 10                   | 29               | Completed 2 times |\r\n\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 is configured to have <progressSourcePath> progress source\r\n\t\tAnd a user\r\n\t\tWhen they view 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| value                                            |\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\tScenario Outline: The users completion of a goal is calculated by the Goal Completion Number\r\n\t\tGiven a Task Card is configured to have <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\tScenario: The Goal Completion Number defaults to 1\r\n\t\tGiven a Task Card without a configured "goalCompletionNumber"\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    |@author:\r\n@owner:\r\nFeature: Task Card Progress Bar\r\n\r\n\tScenario Outline: Progress Bar\r\n\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\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar           | unit | color |\r\n\t\t\t| -100     | 500  | ●――――――――――――――――――🎁 | $    | no    |\r\n\t\t\t| 0        | 500  | ●――――――――――――――――――🎁 | $    | no    |\r\n\t\t\t| 250      | 500  | ―――――――――●―――――――――🎁 | $    | no    |\r\n\t\t\t| 500      | 500  | ―――――――――――――――――――🎁 | $    | yes   |\r\n\t\t\t| 1000     | 500  | ―――――――――――――――――――🎁 | $    | yes   |\r\n\r\n\tScenario Outline: Progress Bar Steps\r\n\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 from 1 to <goal>\r\n\t\tAnd gift icon has <color>\r\n\t\tAnd gift icon shows <goal> below\r\n\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar           | color |\r\n\t\t\t| -1       | 5    | ―――○―――○―――○―――○―――🎁 | no    |\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\r\n\r\n\tScenario Outline: Progress Bar Repeatable\r\n\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 <icon1> is <color1> with <text1> displayed below\r\n\t\tAnd <icon2> is <color2> with <text2> displayed below\r\n\t\tAnd <icon3> is <color3> with <text3> displayed below\r\n\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar          | unit | icon1 | color1   | text1 | icon2 | color2    | text 2 | icon3 | color3    | text 1 | text 3 |\r\n\t\t\t| 250      | 500  | ――――●――――🎁―――――――🎁 | $    | NA    | NA       | NA    | gift  | greyscale | 500    | gift  | greyscale | NA     | 1000   |\r\n\t\t\t| 500      | 500  | ―――――――――🎁―――――――🎁 | $    | NA    | NA       | NA    | gift  | colorful  | 500    | gift  | greyscale | NA     | 1000   |\r\n\t\t\t| 750      | 500  | ―――――――――🎁―――●―――🎁 | $    | NA    | NA       | NA    | gift  | colorful  | 500    | gift  | greyscale | NA     | 1000   |\r\n\t\t\t| 1000     | 500  | 🎁―――――――🎁―――――――🎁 | $    | gift  | colorful | 500   | gift  | colorful  | 1000   | gift  | greyscale | 500    | 1500   |\r\n\t\t\t| 1250     | 500  | 🎁―――――――🎁―――●―――🎁 | $    | gift  | colorful | 500   | gift  | colorful  | 1000   | gift  | greyscale | 500    | 1500   |\r\n\r\n\tScenario Outline: Progress Bar Steps Repeatable\r\n\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\r\n\t\tExamples:\r\n\t\t\t| progress | goal | progressBar |'}},TaskCard:()=>{const e={showExpiry:!0,rewardDuration:"2021-11-30T08:00:00.000Z/2021-12-01T08:00:00.000Z",repeatable:!0};return t("div",{style:lu},t(ou,null,t("h4",null,"Not Repeatable"),t(iu,Object.assign({},uu,{progress:0}))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:1}))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:230}))),t(ou,null,t("h4",null,"Repeatable"),t(iu,Object.assign({},uu,{progress:2,repeatable:!0}))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:7,repeatable:!0})),t("h5",null),t(iu,Object.assign({},mu,{progress:650,repeatable:!0}))),t(ou,null,t("h4",null,"Complete"),t(iu,Object.assign({},uu,{progress:1}))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:5}))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:500}))),t(ou,null,t("h4",null,"Unavailable"),t(iu,Object.assign({},uu,{progress:0},e))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:3},e)),t("h5",null),t(iu,Object.assign({},mu,{progress:250},e))))},TaskCardNotRepeatable:()=>t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,{progress:0}))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:1}))," ",t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,{progress:1}))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:5}))," ",t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,{progress:230}))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:500}))," ",t("h5",null))),TaskCardRepeatable:()=>t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,{progress:0,repeatable:!0}))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:1,repeatable:!0}))," ",t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,{progress:1,repeatable:!0})),t("h5",null),t(iu,Object.assign({},cu,{progress:5,repeatable:!0})),t("h5",null),t(iu,Object.assign({},cu,{progress:7,repeatable:!0})),t("h5",null),t(iu,Object.assign({},cu,{progress:10,repeatable:!0})),t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,{progress:100,repeatable:!0})),t("h5",null),t(iu,Object.assign({},mu,{progress:500,repeatable:!0})),t("h5",null),t(iu,Object.assign({},mu,{progress:650,repeatable:!0})),t("h5",null),t(iu,Object.assign({},mu,{progress:1e3,repeatable:!0})),t("h5",null))),TaskCardRepeatableFinite:()=>t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,{progress:0,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},uu,{progress:1,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},uu,{progress:2,repeatable:!0,finite:2})),t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,{progress:2,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},cu,{progress:5,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},cu,{progress:10,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},cu,{progress:12,repeatable:!0,finite:3})),t("h5",null),t(iu,Object.assign({},cu,{progress:15,repeatable:!0,finite:3})),t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,{progress:200,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},mu,{progress:500,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},mu,{progress:1e3,repeatable:!0,finite:2})),t("h5",null),t(iu,Object.assign({},mu,{progress:1200,repeatable:!0,finite:3})),t("h5",null),t(iu,Object.assign({},mu,{progress:1500,repeatable:!0,finite:3})),t("h5",null))),TaskCardEndDate:()=>{const e={showExpiry:!0,rewardDuration:En.DateTime.now().minus({days:1}).toISO()+"/"+En.DateTime.now().plus({days:1}).toISO()},r={...e,repeatable:!0};return t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,e))," ",t("h5",null),t(iu,Object.assign({},uu,r))," ",t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,e))," ",t("h5",null),t(iu,Object.assign({},cu,r))," ",t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,e))," ",t("h5",null),t(iu,Object.assign({},mu,r))," ",t("h5",null)))},TaskCardLoading:()=>{const e={loading:!0};return t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,e))," ",t("h5",null),t(iu,Object.assign({},uu,e))," ",t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,e))," ",t("h5",null),t(iu,Object.assign({},cu,e))," ",t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,e))," ",t("h5",null),t(iu,Object.assign({},mu,e))," ",t("h5",null)))},TaskCardNotStarted:()=>{const e={showExpiry:!0,rewardDuration:En.DateTime.now().plus({days:1}).toISO()+"/"+En.DateTime.now().plus({days:2}).toISO()},r={...e,repeatable:!0};return t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,{progress:0},e))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:1},e))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:0},r))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:1},r))," ",t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,{progress:1},e))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:5},e))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:1},r)),t("h5",null),t(iu,Object.assign({},cu,{progress:5},r)),t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,{progress:100},e))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:500},e))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:100},r)),t("h5",null),t(iu,Object.assign({},mu,{progress:500},r)),t("h5",null)))},TaskCardEnded:()=>{const e={showExpiry:!0,rewardDuration:En.DateTime.now().minus({days:2}).toISO()+"/"+En.DateTime.now().minus({days:1}).toISO()},r={...e,repeatable:!0};return t("div",{style:lu},t("div",{style:du},t("h4",null,"One Action"),t(iu,Object.assign({},uu,{progress:0},e))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:1},e))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:0},r))," ",t("h5",null),t(iu,Object.assign({},uu,{progress:1},r))," ",t("h5",null)),t("div",{style:du},t("h4",null,"A Couple Actions"),t(iu,Object.assign({},cu,{progress:1},e))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:5},e))," ",t("h5",null),t(iu,Object.assign({},cu,{progress:1},r)),t("h5",null),t(iu,Object.assign({},cu,{progress:5},r)),t("h5",null)),t("div",{style:du},t("h4",null,"Many Actions"),t(iu,Object.assign({},mu,{progress:100},e))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:500},e))," ",t("h5",null),t(iu,Object.assign({},mu,{progress:100},r)),t("h5",null),t(iu,Object.assign({},mu,{progress:500},r)),t("h5",null)))},ProgressBar:()=>t("div",null,t(tu,{matrix:{progress:[-100,0,100,500,1e3]},props:{progress:0,goal:500,progressBarUnit:"$"},Component:au})),ProgressBarSteps:()=>t("div",null,t(tu,{matrix:{progress:[-1,0,1,5,7]},props:{progress:0,steps:!0,goal:5,progressBarUnit:"$"},Component:au})),ProgressBarRepeatable:()=>t("div",null,t(tu,{matrix:{progress:[100,500,650,1200]},props:{progress:0,goal:500,progressBarUnit:"$",repeatable:!0},Component:au})),ProgressBarStepsRepeatable:()=>t("div",null,t(tu,{matrix:{progress:[1,5,7,12]},props:{progress:0,steps:!0,goal:5,progressBarUnit:"$",repeatable:!0},Component:au})),ProgressBarStepsRepeatableFinite:()=>t("div",null,t(tu,{matrix:{progress:[1,5,7,10,12]},props:{progress:0,steps:!0,goal:5,progressBarUnit:"$",repeatable:!0,finite:2},Component:au}))}),hu='<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 fu=m((function(e){e.exports=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function r(e,r){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=function(e,r){if(e){if("string"==typeof e)return t(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,r):void 0}}(e))||r&&e&&"number"==typeof e.length){n&&(e=n);var a=0;return function(){return a>=e.length?{done:!0}:{done:!1,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 n={exports:{}};function a(){return{baseUrl:null,breaks:!1,extensions:null,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1}}n.exports={defaults:{baseUrl:null,breaks:!1,extensions:null,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1},getDefaults:a,changeDefaults:function(e){n.exports.defaults=e}};var i=/[&<>"']/,s=/[&<>"']/g,o=/[<>"']|&(?!#?\w+;)/,l=/[<>"']|&(?!#?\w+;)/g,d={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},u=function(e){return d[e]};var c=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/gi;function m(e){return e.replace(c,(function(e,t){return"colon"===(t=t.toLowerCase())?":":"#"===t.charAt(0)?"x"===t.charAt(1)?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""}))}var p=/(^|[^\[])\^/g;var h=/[^\w:]/g,f=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;var g={},b=/^[^:]+:\/*[^/]*$/,v=/^([^:]+:)[\s\S]*$/,y=/^([^:]+:\/*[^/]*)[\s\S]*$/;function w(e,t){g[" "+e]||(g[" "+e]=b.test(e)?e+"/":$(e,"/",!0));var r=-1===(e=g[" "+e]).indexOf(":");return"//"===t.substring(0,2)?r?t:e.replace(v,"$1")+t:"/"===t.charAt(0)?r?t:e.replace(y,"$1")+t:e+t}function $(e,t,r){var n=e.length;if(0===n)return"";for(var a=0;a<n;){var i=e.charAt(n-a-1);if(i!==t||r){if(i===t||!r)break;a++}else a++}return e.substr(0,n-a)}var x=function(e,t){if(t){if(i.test(e))return e.replace(s,u)}else if(o.test(e))return e.replace(l,u);return e},C=m,q=function(e,t){e=e.source||e,t=t||"";var r={replace:function(t,n){return n=(n=n.source||n).replace(p,"$1"),e=e.replace(t,n),r},getRegex:function(){return new RegExp(e,t)}};return r},D=function(e,t,r){if(e){var n;try{n=decodeURIComponent(m(r)).replace(h,"").toLowerCase()}catch(e){return null}if(0===n.indexOf("javascript:")||0===n.indexOf("vbscript:")||0===n.indexOf("data:"))return null}t&&!f.test(r)&&(r=w(t,r));try{r=encodeURI(r).replace(/%25/g,"%")}catch(e){return null}return r},E={exec:function(){}},k=function(e){for(var t,r,n=1;n<arguments.length;n++)for(r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},A=function(e){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")},S=function(e,t){if(t<1)return"";for(var r="";t>1;)1&t&&(r+=e),t>>=1,e+=e;return r+e},T=n.exports.defaults,F=$,P=function(e,t){var r=e.replace(/\|/g,(function(e,t,r){for(var n=!1,a=t;--a>=0&&"\\"===r[a];)n=!n;return n?"|":" |"})).split(/ \|/),n=0;if(r[0].trim()||r.shift(),r[r.length-1].trim()||r.pop(),r.length>t)r.splice(t);else for(;r.length<t;)r.push("");for(;n<r.length;n++)r[n]=r[n].trim().replace(/\\\|/g,"|");return r},R=x,I=function(e,t){if(-1===e.indexOf(t[1]))return-1;for(var r=e.length,n=0,a=0;a<r;a++)if("\\"===e[a])a++;else if(e[a]===t[0])n++;else if(e[a]===t[1]&&--n<0)return a;return-1};function N(e,t,r,n){var a=t.href,i=t.title?R(t.title):null,s=e[1].replace(/\\([\[\]])/g,"$1");if("!"!==e[0].charAt(0)){n.state.inLink=!0;var o={type:"link",raw:r,href:a,title:i,text:s,tokens:n.inlineTokens(s,[])};return n.state.inLink=!1,o}return{type:"image",raw:r,href:a,title:i,text:R(s)}}var B=function(){function e(e){this.options=e||T}var t=e.prototype;return t.space=function(e){var t=this.rules.block.newline.exec(e);if(t)return t[0].length>1?{type:"space",raw:t[0]}:{raw:"\n"}},t.code=function(e){var t=this.rules.block.code.exec(e);if(t){var r=t[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:this.options.pedantic?r:F(r,"\n")}}},t.fences=function(e){var t=this.rules.block.fences.exec(e);if(t){var r=t[0],n=function(e,t){var r=e.match(/^(\s+)(?:```)/);if(null===r)return t;var n=r[1];return t.split("\n").map((function(e){var t=e.match(/^\s+/);return null===t?e:t[0].length>=n.length?e.slice(n.length):e})).join("\n")}(r,t[3]||"");return{type:"code",raw:r,lang:t[2]?t[2].trim():t[2],text:n}}},t.heading=function(e){var t=this.rules.block.heading.exec(e);if(t){var r=t[2].trim();if(/#$/.test(r)){var n=F(r,"#");this.options.pedantic?r=n.trim():n&&!/ $/.test(n)||(r=n.trim())}var a={type:"heading",raw:t[0],depth:t[1].length,text:r,tokens:[]};return this.lexer.inline(a.text,a.tokens),a}},t.hr=function(e){var t=this.rules.block.hr.exec(e);if(t)return{type:"hr",raw:t[0]}},t.blockquote=function(e){var t=this.rules.block.blockquote.exec(e);if(t){var r=t[0].replace(/^ *> ?/gm,"");return{type:"blockquote",raw:t[0],tokens:this.lexer.blockTokens(r,[]),text:r}}},t.list=function(e){var t=this.rules.block.list.exec(e);if(t){var r,n,a,i,s,o,l,d,u,c,m=t[1].trim(),p=m.length>1,h={type:"list",raw:"",ordered:p,start:p?+m.slice(0,-1):"",loose:!1,items:[]};m=p?"\\d{1,9}\\"+m.slice(-1):"\\"+m,this.options.pedantic&&(m=p?m:"[*+-]");for(var f=new RegExp("^( {0,3}"+m+")((?: [^\\n]*| *)(?:\\n[^\\n]*)*(?:\\n|$))");e&&!this.rules.block.hr.test(e)&&(t=f.exec(e));){u=t[2].split("\n"),this.options.pedantic?(i=2,c=u[0].trimLeft()):(i=t[2].search(/[^ ]/),c=u[0].slice((i=t[1].length+(i>4?1:i))-t[1].length)),o=!1,r=t[0],!u[0]&&/^ *$/.test(u[1])&&(r=t[1]+u.slice(0,2).join("\n")+"\n",h.loose=!0,u=[]);var g=new RegExp("^ {0,"+Math.min(3,i-1)+"}(?:[*+-]|\\d{1,9}[.)])");for(s=1;s<u.length;s++){if(d=u[s],this.options.pedantic&&(d=d.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")),g.test(d)){r=t[1]+u.slice(0,s).join("\n")+"\n";break}if(o){if(!(d.search(/[^ ]/)>=i)&&d.trim()){r=t[1]+u.slice(0,s).join("\n")+"\n";break}c+="\n"+d.slice(i)}else d.trim()||(o=!0),d.search(/[^ ]/)>=i?c+="\n"+d.slice(i):c+="\n"+d}h.loose||(l?h.loose=!0:/\n *\n *$/.test(r)&&(l=!0)),this.options.gfm&&(n=/^\[[ xX]\] /.exec(c))&&(a="[ ] "!==n[0],c=c.replace(/^\[[ xX]\] +/,"")),h.items.push({type:"list_item",raw:r,task:!!n,checked:a,loose:!1,text:c}),h.raw+=r,e=e.slice(r.length)}h.items[h.items.length-1].raw=r.trimRight(),h.items[h.items.length-1].text=c.trimRight(),h.raw=h.raw.trimRight();var b=h.items.length;for(s=0;s<b;s++)this.lexer.state.top=!1,h.items[s].tokens=this.lexer.blockTokens(h.items[s].text,[]),h.items[s].tokens.some((function(e){return"space"===e.type}))&&(h.loose=!0,h.items[s].loose=!0);return h}},t.html=function(e){var t=this.rules.block.html.exec(e);if(t){var r={type:"html",raw:t[0],pre:!this.options.sanitizer&&("pre"===t[1]||"script"===t[1]||"style"===t[1]),text:t[0]};return this.options.sanitize&&(r.type="paragraph",r.text=this.options.sanitizer?this.options.sanitizer(t[0]):R(t[0]),r.tokens=[],this.lexer.inline(r.text,r.tokens)),r}},t.def=function(e){var t=this.rules.block.def.exec(e);if(t)return t[3]&&(t[3]=t[3].substring(1,t[3].length-1)),{type:"def",tag:t[1].toLowerCase().replace(/\s+/g," "),raw:t[0],href:t[2],title:t[3]}},t.table=function(e){var t=this.rules.block.table.exec(e);if(t){var r={type:"table",header:P(t[1]).map((function(e){return{text:e}})),align:t[2].replace(/^ *|\| *$/g,"").split(/ *\| */),rows:t[3]?t[3].replace(/\n$/,"").split("\n"):[]};if(r.header.length===r.align.length){r.raw=t[0];var n,a,i,s,o=r.align.length;for(n=0;n<o;n++)r.align[n]=/^ *-+: *$/.test(r.align[n])?"right":/^ *:-+: *$/.test(r.align[n])?"center":/^ *:-+ *$/.test(r.align[n])?"left":null;for(o=r.rows.length,n=0;n<o;n++)r.rows[n]=P(r.rows[n],r.header.length).map((function(e){return{text:e}}));for(o=r.header.length,a=0;a<o;a++)r.header[a].tokens=[],this.lexer.inlineTokens(r.header[a].text,r.header[a].tokens);for(o=r.rows.length,a=0;a<o;a++)for(s=r.rows[a],i=0;i<s.length;i++)s[i].tokens=[],this.lexer.inlineTokens(s[i].text,s[i].tokens);return r}}},t.lheading=function(e){var t=this.rules.block.lheading.exec(e);if(t){var r={type:"heading",raw:t[0],depth:"="===t[2].charAt(0)?1:2,text:t[1],tokens:[]};return this.lexer.inline(r.text,r.tokens),r}},t.paragraph=function(e){var t=this.rules.block.paragraph.exec(e);if(t){var r={type:"paragraph",raw:t[0],text:"\n"===t[1].charAt(t[1].length-1)?t[1].slice(0,-1):t[1],tokens:[]};return this.lexer.inline(r.text,r.tokens),r}},t.text=function(e){var t=this.rules.block.text.exec(e);if(t){var r={type:"text",raw:t[0],text:t[0],tokens:[]};return this.lexer.inline(r.text,r.tokens),r}},t.escape=function(e){var t=this.rules.inline.escape.exec(e);if(t)return{type:"escape",raw:t[0],text:R(t[1])}},t.tag=function(e){var t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&/^<a /i.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\/a>/i.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0])&&(this.lexer.state.inRawBlock=!1),{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]):R(t[0]):t[0]}},t.link=function(e){var t=this.rules.inline.link.exec(e);if(t){var r=t[2].trim();if(!this.options.pedantic&&/^</.test(r)){if(!/>$/.test(r))return;var n=F(r.slice(0,-1),"\\");if((r.length-n.length)%2==0)return}else{var a=I(t[2],"()");if(a>-1){var i=(0===t[0].indexOf("!")?5:4)+t[1].length+a;t[2]=t[2].substring(0,a),t[0]=t[0].substring(0,i).trim(),t[3]=""}}var s=t[2],o="";if(this.options.pedantic){var l=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(s);l&&(s=l[1],o=l[3])}else o=t[3]?t[3].slice(1,-1):"";return s=s.trim(),/^</.test(s)&&(s=this.options.pedantic&&!/>$/.test(r)?s.slice(1):s.slice(1,-1)),N(t,{href:s?s.replace(this.rules.inline._escapes,"$1"):s,title:o?o.replace(this.rules.inline._escapes,"$1"):o},t[0],this.lexer)}},t.reflink=function(e,t){var r;if((r=this.rules.inline.reflink.exec(e))||(r=this.rules.inline.nolink.exec(e))){var n=(r[2]||r[1]).replace(/\s+/g," ");if(!(n=t[n.toLowerCase()])||!n.href){var a=r[0].charAt(0);return{type:"text",raw:a,text:a}}return N(r,n,r[0],this.lexer)}},t.emStrong=function(e,t,r){void 0===r&&(r="");var n=this.rules.inline.emStrong.lDelim.exec(e);if(n&&(!n[3]||!r.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])/))){var a=n[1]||n[2]||"";if(!a||a&&(""===r||this.rules.inline.punctuation.exec(r))){var i,s,o=n[0].length-1,l=o,d=0,u="*"===n[0][0]?this.rules.inline.emStrong.rDelimAst:this.rules.inline.emStrong.rDelimUnd;for(u.lastIndex=0,t=t.slice(-1*e.length+o);null!=(n=u.exec(t));)if(i=n[1]||n[2]||n[3]||n[4]||n[5]||n[6])if(s=i.length,n[3]||n[4])l+=s;else if(!((n[5]||n[6])&&o%3)||(o+s)%3){if(!((l-=s)>0)){if(s=Math.min(s,s+l+d),Math.min(o,s)%2){var c=e.slice(1,o+n.index+s);return{type:"em",raw:e.slice(0,o+n.index+s+1),text:c,tokens:this.lexer.inlineTokens(c,[])}}var m=e.slice(2,o+n.index+s-1);return{type:"strong",raw:e.slice(0,o+n.index+s+1),text:m,tokens:this.lexer.inlineTokens(m,[])}}}else d+=s}}},t.codespan=function(e){var t=this.rules.inline.code.exec(e);if(t){var r=t[2].replace(/\n/g," "),n=/[^ ]/.test(r),a=/^ /.test(r)&&/ $/.test(r);return n&&a&&(r=r.substring(1,r.length-1)),r=R(r,!0),{type:"codespan",raw:t[0],text:r}}},t.br=function(e){var t=this.rules.inline.br.exec(e);if(t)return{type:"br",raw:t[0]}},t.del=function(e){var t=this.rules.inline.del.exec(e);if(t)return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2],[])}},t.autolink=function(e,t){var r,n,a=this.rules.inline.autolink.exec(e);if(a)return n="@"===a[2]?"mailto:"+(r=R(this.options.mangle?t(a[1]):a[1])):r=R(a[1]),{type:"link",raw:a[0],text:r,href:n,tokens:[{type:"text",raw:r,text:r}]}},t.url=function(e,t){var r;if(r=this.rules.inline.url.exec(e)){var n,a;if("@"===r[2])a="mailto:"+(n=R(this.options.mangle?t(r[0]):r[0]));else{var i;do{i=r[0],r[0]=this.rules.inline._backpedal.exec(r[0])[0]}while(i!==r[0]);n=R(r[0]),a="www."===r[1]?"http://"+n:n}return{type:"link",raw:r[0],text:n,href:a,tokens:[{type:"text",raw:n,text:n}]}}},t.inlineText=function(e,t){var r,n=this.rules.inline.text.exec(e);if(n)return r=this.lexer.state.inRawBlock?this.options.sanitize?this.options.sanitizer?this.options.sanitizer(n[0]):R(n[0]):n[0]:R(this.options.smartypants?t(n[0]):n[0]),{type:"text",raw:n[0],text:r}},e}(),_=E,O=q,L=k,j={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:_,lheading:/^([^\n]+)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html| +\n)[^\n]+)*)/,text:/^[^\n]+/,_label:/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/,_title:/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/};j.def=O(j.def).replace("label",j._label).replace("title",j._title).getRegex(),j.bullet=/(?:[*+-]|\d{1,9}[.)])/,j.listItemStart=O(/^( *)(bull) */).replace("bull",j.bullet).getRegex(),j.list=O(j.list).replace(/bull/g,j.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+j.def.source+")").getRegex(),j._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",j._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,j.html=O(j.html,"i").replace("comment",j._comment).replace("tag",j._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),j.paragraph=O(j._paragraph).replace("hr",j.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",j._tag).getRegex(),j.blockquote=O(j.blockquote).replace("paragraph",j.paragraph).getRegex(),j.normal=L({},j),j.gfm=L({},j.normal,{table:"^ *([^\\n ].*\\|.*)\\n {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"}),j.gfm.table=O(j.gfm.table).replace("hr",j.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",j._tag).getRegex(),j.pedantic=L({},j.normal,{html:O("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",j._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:_,paragraph:O(j.normal._paragraph).replace("hr",j.hr).replace("heading"," *#{1,6} *[^\n]").replace("lheading",j.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()});var M={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:_,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:_,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\spunctuation])/,_punctuation:"!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~"};M.punctuation=O(M.punctuation).replace(/punctuation/g,M._punctuation).getRegex(),M.blockSkip=/\[[^\]]*?\]\([^\)]*?\)|`[^`]*?`|<[^>]*?>/g,M.escapedEmSt=/\\\*|\\_/g,M._comment=O(j._comment).replace("(?:--\x3e|$)","--\x3e").getRegex(),M.emStrong.lDelim=O(M.emStrong.lDelim).replace(/punct/g,M._punctuation).getRegex(),M.emStrong.rDelimAst=O(M.emStrong.rDelimAst,"g").replace(/punct/g,M._punctuation).getRegex(),M.emStrong.rDelimUnd=O(M.emStrong.rDelimUnd,"g").replace(/punct/g,M._punctuation).getRegex(),M._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,M._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,M._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])?)+(?![-_])/,M.autolink=O(M.autolink).replace("scheme",M._scheme).replace("email",M._email).getRegex(),M._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,M.tag=O(M.tag).replace("comment",M._comment).replace("attribute",M._attribute).getRegex(),M._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,M._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/,M._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,M.link=O(M.link).replace("label",M._label).replace("href",M._href).replace("title",M._title).getRegex(),M.reflink=O(M.reflink).replace("label",M._label).getRegex(),M.reflinkSearch=O(M.reflinkSearch,"g").replace("reflink",M.reflink).replace("nolink",M.nolink).getRegex(),M.normal=L({},M),M.pedantic=L({},M.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:O(/^!?\[(label)\]\((.*?)\)/).replace("label",M._label).getRegex(),reflink:O(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",M._label).getRegex()}),M.gfm=L({},M.normal,{escape:O(M.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.!#$%&'*+\/=?_`{\|}~-]+@)))/}),M.gfm.url=O(M.gfm.url,"i").replace("email",M.gfm._extended_email).getRegex(),M.breaks=L({},M.gfm,{br:O(M.br).replace("{2,}","*").getRegex(),text:O(M.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()});var V={block:j,inline:M},G=B,z=n.exports.defaults,H=V.block,W=V.inline,U=S;function Z(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 J(e){var t,r,n="",a=e.length;for(t=0;t<a;t++)r=e.charCodeAt(t),Math.random()>.5&&(r="x"+r.toString(16)),n+="&#"+r+";";return n}var X=function(){function t(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||z,this.options.tokenizer=this.options.tokenizer||new G,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};var t={block:H.normal,inline:W.normal};this.options.pedantic?(t.block=H.pedantic,t.inline=W.pedantic):this.options.gfm&&(t.block=H.gfm,t.inline=this.options.breaks?W.breaks:W.gfm),this.tokenizer.rules=t}t.lex=function(e,r){return new t(r).lex(e)},t.lexInline=function(e,r){return new t(r).inlineTokens(e)};var r,n,a,i=t.prototype;return i.lex=function(e){var t;for(e=e.replace(/\r\n|\r/g,"\n").replace(/\t/g,"    "),this.blockTokens(e,this.tokens);t=this.inlineQueue.shift();)this.inlineTokens(t.src,t.tokens);return this.tokens},i.blockTokens=function(e,t){var r,n,a,i,s=this;for(void 0===t&&(t=[]),this.options.pedantic&&(e=e.replace(/^ +$/gm,""));e;)if(!(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some((function(n){return!!(r=n.call({lexer:s},e,t))&&(e=e.substring(r.raw.length),t.push(r),!0)}))))if(r=this.tokenizer.space(e))e=e.substring(r.raw.length),r.type&&t.push(r);else if(r=this.tokenizer.code(e))e=e.substring(r.raw.length),!(n=t[t.length-1])||"paragraph"!==n.type&&"text"!==n.type?t.push(r):(n.raw+="\n"+r.raw,n.text+="\n"+r.text,this.inlineQueue[this.inlineQueue.length-1].src=n.text);else if(r=this.tokenizer.fences(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.heading(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.hr(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.blockquote(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.list(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.html(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.def(e))e=e.substring(r.raw.length),!(n=t[t.length-1])||"paragraph"!==n.type&&"text"!==n.type?this.tokens.links[r.tag]||(this.tokens.links[r.tag]={href:r.href,title:r.title}):(n.raw+="\n"+r.raw,n.text+="\n"+r.raw,this.inlineQueue[this.inlineQueue.length-1].src=n.text);else if(r=this.tokenizer.table(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.lheading(e))e=e.substring(r.raw.length),t.push(r);else if(a=e,this.options.extensions&&this.options.extensions.startBlock&&function(){var t=1/0,r=e.slice(1),n=void 0;s.options.extensions.startBlock.forEach((function(e){"number"==typeof(n=e.call({lexer:this},r))&&n>=0&&(t=Math.min(t,n))})),t<1/0&&t>=0&&(a=e.substring(0,t+1))}(),this.state.top&&(r=this.tokenizer.paragraph(a)))n=t[t.length-1],i&&"paragraph"===n.type?(n.raw+="\n"+r.raw,n.text+="\n"+r.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=n.text):t.push(r),i=a.length!==e.length,e=e.substring(r.raw.length);else if(r=this.tokenizer.text(e))e=e.substring(r.raw.length),(n=t[t.length-1])&&"text"===n.type?(n.raw+="\n"+r.raw,n.text+="\n"+r.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=n.text):t.push(r);else if(e){var o="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(o);break}throw new Error(o)}return this.state.top=!0,t},i.inline=function(e,t){this.inlineQueue.push({src:e,tokens:t})},i.inlineTokens=function(e,t){var r,n,a,i=this;void 0===t&&(t=[]);var s,o,l,d=e;if(this.tokens.links){var u=Object.keys(this.tokens.links);if(u.length>0)for(;null!=(s=this.tokenizer.rules.inline.reflinkSearch.exec(d));)u.includes(s[0].slice(s[0].lastIndexOf("[")+1,-1))&&(d=d.slice(0,s.index)+"["+U("a",s[0].length-2)+"]"+d.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(s=this.tokenizer.rules.inline.blockSkip.exec(d));)d=d.slice(0,s.index)+"["+U("a",s[0].length-2)+"]"+d.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;null!=(s=this.tokenizer.rules.inline.escapedEmSt.exec(d));)d=d.slice(0,s.index)+"++"+d.slice(this.tokenizer.rules.inline.escapedEmSt.lastIndex);for(;e;)if(o||(l=""),o=!1,!(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some((function(n){return!!(r=n.call({lexer:i},e,t))&&(e=e.substring(r.raw.length),t.push(r),!0)}))))if(r=this.tokenizer.escape(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.tag(e))e=e.substring(r.raw.length),(n=t[t.length-1])&&"text"===r.type&&"text"===n.type?(n.raw+=r.raw,n.text+=r.text):t.push(r);else if(r=this.tokenizer.link(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.reflink(e,this.tokens.links))e=e.substring(r.raw.length),(n=t[t.length-1])&&"text"===r.type&&"text"===n.type?(n.raw+=r.raw,n.text+=r.text):t.push(r);else if(r=this.tokenizer.emStrong(e,d,l))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.codespan(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.br(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.del(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.autolink(e,J))e=e.substring(r.raw.length),t.push(r);else if(this.state.inLink||!(r=this.tokenizer.url(e,J))){if(a=e,this.options.extensions&&this.options.extensions.startInline&&function(){var t=1/0,r=e.slice(1),n=void 0;i.options.extensions.startInline.forEach((function(e){"number"==typeof(n=e.call({lexer:this},r))&&n>=0&&(t=Math.min(t,n))})),t<1/0&&t>=0&&(a=e.substring(0,t+1))}(),r=this.tokenizer.inlineText(a,Z))e=e.substring(r.raw.length),"_"!==r.raw.slice(-1)&&(l=r.raw.slice(-1)),o=!0,(n=t[t.length-1])&&"text"===n.type?(n.raw+=r.raw,n.text+=r.text):t.push(r);else if(e){var c="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(c);break}throw new Error(c)}}else e=e.substring(r.raw.length),t.push(r);return t},r=t,a=[{key:"rules",get:function(){return{block:H,inline:W}}}],(n=null)&&e(r.prototype,n),a&&e(r,a),t}(),Y=n.exports.defaults,K=D,Q=x,ee=function(){function e(e){this.options=e||Y}var t=e.prototype;return t.code=function(e,t,r){var n=(t||"").match(/\S*/)[0];if(this.options.highlight){var a=this.options.highlight(e,n);null!=a&&a!==e&&(r=!0,e=a)}return e=e.replace(/\n$/,"")+"\n",n?'<pre><code class="'+this.options.langPrefix+Q(n,!0)+'">'+(r?e:Q(e,!0))+"</code></pre>\n":"<pre><code>"+(r?e:Q(e,!0))+"</code></pre>\n"},t.blockquote=function(e){return"<blockquote>\n"+e+"</blockquote>\n"},t.html=function(e){return e},t.heading=function(e,t,r,n){return this.options.headerIds?"<h"+t+' id="'+this.options.headerPrefix+n.slug(r)+'">'+e+"</h"+t+">\n":"<h"+t+">"+e+"</h"+t+">\n"},t.hr=function(){return this.options.xhtml?"<hr/>\n":"<hr>\n"},t.list=function(e,t,r){var n=t?"ol":"ul";return"<"+n+(t&&1!==r?' start="'+r+'"':"")+">\n"+e+"</"+n+">\n"},t.listitem=function(e){return"<li>"+e+"</li>\n"},t.checkbox=function(e){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "},t.paragraph=function(e){return"<p>"+e+"</p>\n"},t.table=function(e,t){return t&&(t="<tbody>"+t+"</tbody>"),"<table>\n<thead>\n"+e+"</thead>\n"+t+"</table>\n"},t.tablerow=function(e){return"<tr>\n"+e+"</tr>\n"},t.tablecell=function(e,t){var r=t.header?"th":"td";return(t.align?"<"+r+' align="'+t.align+'">':"<"+r+">")+e+"</"+r+">\n"},t.strong=function(e){return"<strong>"+e+"</strong>"},t.em=function(e){return"<em>"+e+"</em>"},t.codespan=function(e){return"<code>"+e+"</code>"},t.br=function(){return this.options.xhtml?"<br/>":"<br>"},t.del=function(e){return"<del>"+e+"</del>"},t.link=function(e,t,r){if(null===(e=K(this.options.sanitize,this.options.baseUrl,e)))return r;var n='<a href="'+Q(e)+'"';return t&&(n+=' title="'+t+'"'),n+">"+r+"</a>"},t.image=function(e,t,r){if(null===(e=K(this.options.sanitize,this.options.baseUrl,e)))return r;var n='<img src="'+e+'" alt="'+r+'"';return t&&(n+=' title="'+t+'"'),n+(this.options.xhtml?"/>":">")},t.text=function(e){return e},e}(),te=function(){function e(){}var t=e.prototype;return t.strong=function(e){return e},t.em=function(e){return e},t.codespan=function(e){return e},t.del=function(e){return e},t.html=function(e){return e},t.text=function(e){return e},t.link=function(e,t,r){return""+r},t.image=function(e,t,r){return""+r},t.br=function(){return""},e}(),re=function(){function e(){this.seen={}}var t=e.prototype;return t.serialize=function(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/gi,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")},t.getNextSafeSlug=function(e,t){var r=e,n=0;if(this.seen.hasOwnProperty(r)){n=this.seen[e];do{r=e+"-"+ ++n}while(this.seen.hasOwnProperty(r))}return t||(this.seen[e]=n,this.seen[r]=0),r},t.slug=function(e,t){void 0===t&&(t={});var r=this.serialize(e);return this.getNextSafeSlug(r,t.dryrun)},e}(),ne=ee,ae=te,ie=re,se=n.exports.defaults,oe=C,le=X,de=function(){function e(e){this.options=e||se,this.options.renderer=this.options.renderer||new ne,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new ae,this.slugger=new ie}e.parse=function(t,r){return new e(r).parse(t)},e.parseInline=function(t,r){return new e(r).parseInline(t)};var t=e.prototype;return t.parse=function(e,t){void 0===t&&(t=!0);var r,n,a,i,s,o,l,d,u,c,m,p,h,f,g,b,v,y,w,$="",x=e.length;for(r=0;r<x;r++)if(c=e[r],!(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[c.type])||!1===(w=this.options.extensions.renderers[c.type].call({parser:this},c))&&["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(c.type))switch(c.type){case"space":continue;case"hr":$+=this.renderer.hr();continue;case"heading":$+=this.renderer.heading(this.parseInline(c.tokens),c.depth,oe(this.parseInline(c.tokens,this.textRenderer)),this.slugger);continue;case"code":$+=this.renderer.code(c.text,c.lang,c.escaped);continue;case"table":for(d="",l="",i=c.header.length,n=0;n<i;n++)l+=this.renderer.tablecell(this.parseInline(c.header[n].tokens),{header:!0,align:c.align[n]});for(d+=this.renderer.tablerow(l),u="",i=c.rows.length,n=0;n<i;n++){for(l="",s=(o=c.rows[n]).length,a=0;a<s;a++)l+=this.renderer.tablecell(this.parseInline(o[a].tokens),{header:!1,align:c.align[a]});u+=this.renderer.tablerow(l)}$+=this.renderer.table(d,u);continue;case"blockquote":u=this.parse(c.tokens),$+=this.renderer.blockquote(u);continue;case"list":for(m=c.ordered,p=c.start,h=c.loose,i=c.items.length,u="",n=0;n<i;n++)b=(g=c.items[n]).checked,v=g.task,f="",g.task&&(y=this.renderer.checkbox(b),h?g.tokens.length>0&&"paragraph"===g.tokens[0].type?(g.tokens[0].text=y+" "+g.tokens[0].text,g.tokens[0].tokens&&g.tokens[0].tokens.length>0&&"text"===g.tokens[0].tokens[0].type&&(g.tokens[0].tokens[0].text=y+" "+g.tokens[0].tokens[0].text)):g.tokens.unshift({type:"text",text:y}):f+=y),f+=this.parse(g.tokens,h),u+=this.renderer.listitem(f,v,b);$+=this.renderer.list(u,m,p);continue;case"html":$+=this.renderer.html(c.text);continue;case"paragraph":$+=this.renderer.paragraph(this.parseInline(c.tokens));continue;case"text":for(u=c.tokens?this.parseInline(c.tokens):c.text;r+1<x&&"text"===e[r+1].type;)u+="\n"+((c=e[++r]).tokens?this.parseInline(c.tokens):c.text);$+=t?this.renderer.paragraph(u):u;continue;default:var C='Token with "'+c.type+'" type was not found.';if(this.options.silent)return void console.error(C);throw new Error(C)}else $+=w||"";return $},t.parseInline=function(e,t){t=t||this.renderer;var r,n,a,i="",s=e.length;for(r=0;r<s;r++)if(n=e[r],!(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[n.type])||!1===(a=this.options.extensions.renderers[n.type].call({parser:this},n))&&["escape","html","link","image","strong","em","codespan","br","del","text"].includes(n.type))switch(n.type){case"escape":i+=t.text(n.text);break;case"html":i+=t.html(n.text);break;case"link":i+=t.link(n.href,n.title,this.parseInline(n.tokens,t));break;case"image":i+=t.image(n.href,n.title,n.text);break;case"strong":i+=t.strong(this.parseInline(n.tokens,t));break;case"em":i+=t.em(this.parseInline(n.tokens,t));break;case"codespan":i+=t.codespan(n.text);break;case"br":i+=t.br();break;case"del":i+=t.del(this.parseInline(n.tokens,t));break;case"text":i+=t.text(n.text);break;default:var o='Token with "'+n.type+'" type was not found.';if(this.options.silent)return void console.error(o);throw new Error(o)}else i+=a||"";return i},e}(),ue=B,ce=ee,me=te,pe=re,he=k,fe=A,ge=x,be=n.exports.getDefaults,ve=n.exports.changeDefaults,ye=n.exports.defaults;function we(e,t,r){if(null==e)throw new Error("marked(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");if("function"==typeof t&&(r=t,t=null),t=he({},we.defaults,t||{}),fe(t),r){var n,a=t.highlight;try{n=le.lex(e,t)}catch(e){return r(e)}var i=function(e){var i;if(!e)try{t.walkTokens&&we.walkTokens(n,t.walkTokens),i=de.parse(n,t)}catch(t){e=t}return t.highlight=a,e?r(e):r(null,i)};if(!a||a.length<3)return i();if(delete t.highlight,!n.length)return i();var s=0;return we.walkTokens(n,(function(e){"code"===e.type&&(s++,setTimeout((function(){a(e.text,e.lang,(function(t,r){if(t)return i(t);null!=r&&r!==e.text&&(e.text=r,e.escaped=!0),0==--s&&i()}))}),0))})),void(0===s&&i())}try{var o=le.lex(e,t);return t.walkTokens&&we.walkTokens(o,t.walkTokens),de.parse(o,t)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",t.silent)return"<p>An error occurred:</p><pre>"+ge(e.message+"",!0)+"</pre>";throw e}}return we.options=we.setOptions=function(e){return he(we.defaults,e),ve(we.defaults),we},we.getDefaults=be,we.defaults=ye,we.use=function(){for(var e=this,t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a,i=he.apply(void 0,[{}].concat(r)),s=we.defaults.extensions||{renderers:{},childTokens:{}};r.forEach((function(t){if(t.extensions&&(a=!0,t.extensions.forEach((function(e){if(!e.name)throw new Error("extension name required");if(e.renderer){var t=s.renderers?s.renderers[e.name]:null;s.renderers[e.name]=t?function(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++)n[a]=arguments[a];var i=e.renderer.apply(this,n);return!1===i&&(i=t.apply(this,n)),i}:e.renderer}if(e.tokenizer){if(!e.level||"block"!==e.level&&"inline"!==e.level)throw new Error("extension level must be 'block' or 'inline'");s[e.level]?s[e.level].unshift(e.tokenizer):s[e.level]=[e.tokenizer],e.start&&("block"===e.level?s.startBlock?s.startBlock.push(e.start):s.startBlock=[e.start]:"inline"===e.level&&(s.startInline?s.startInline.push(e.start):s.startInline=[e.start]))}e.childTokens&&(s.childTokens[e.name]=e.childTokens)}))),t.renderer&&function(){var e=we.defaults.renderer||new ce,r=function(r){var n=e[r];e[r]=function(){for(var a=arguments.length,i=new Array(a),s=0;s<a;s++)i[s]=arguments[s];var o=t.renderer[r].apply(e,i);return!1===o&&(o=n.apply(e,i)),o}};for(var n in t.renderer)r(n);i.renderer=e}(),t.tokenizer&&function(){var e=we.defaults.tokenizer||new ue,r=function(r){var n=e[r];e[r]=function(){for(var a=arguments.length,i=new Array(a),s=0;s<a;s++)i[s]=arguments[s];var o=t.tokenizer[r].apply(e,i);return!1===o&&(o=n.apply(e,i)),o}};for(var n in t.tokenizer)r(n);i.tokenizer=e}(),t.walkTokens){var r=we.defaults.walkTokens;i.walkTokens=function(n){t.walkTokens.call(e,n),r&&r(n)}}a&&(i.extensions=s),we.setOptions(i)}))},we.walkTokens=function(e,t){for(var n,a=function(){var e=n.value;switch(t(e),e.type){case"table":for(var a,i=r(e.header);!(a=i()).done;)we.walkTokens(a.value.tokens,t);for(var s,o=r(e.rows);!(s=o()).done;)for(var l,d=r(s.value);!(l=d()).done;)we.walkTokens(l.value.tokens,t);break;case"list":we.walkTokens(e.items,t);break;default:we.defaults.extensions&&we.defaults.extensions.childTokens&&we.defaults.extensions.childTokens[e.type]?we.defaults.extensions.childTokens[e.type].forEach((function(r){we.walkTokens(e[r],t)})):e.tokens&&we.walkTokens(e.tokens,t)}},i=r(e);!(n=i()).done;)a()},we.parseInline=function(e,t){if(null==e)throw new Error("marked.parseInline(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked.parseInline(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");t=he({},we.defaults,t||{}),fe(t);try{var r=le.lexInline(e,t);return t.walkTokens&&we.walkTokens(r,t.walkTokens),de.parseInline(r,t)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",t.silent)return"<p>An error occurred:</p><pre>"+ge(e.message+"",!0)+"</pre>";throw e}},we.Parser=de,we.parser=de.parse,we.Renderer=ce,we.TextRenderer=me,we.Lexer=le,we.lexer=le.lex,we.Tokenizer=ue,we.Slugger=pe,we.parse=we,we}()}));function gu(e){const[t,r]=s(e),[n,a]=s(e);return{states:{previewTemplate:n,editedTemplate:t},callbacks:{setEditedTemplate:r,setPreviewTemplate:a}}}function bu(e){const{states:r,callbacks:n,readme:a}=e;return[t("textarea",{style:{width:"100%",height:"300px"},onChange:e=>n.setEditedTemplate(e.target.value)},r.editedTemplate),t("button",{onClick:()=>n.setPreviewTemplate(r.editedTemplate)},"Update Preview"),a?t("details",null,t("summary",null,"Props readme"),t("div",{innerHTML:fu(a)})):"",t("div",{innerHTML:r.previewTemplate})]}function vu({callbacks:e,states:r,template:n}){return t("div",null,t("button",{onClick:()=>e.setPreviewTemplate(r.editedTemplate)},"Update Preview"),t("button",{style:{marginLeft:"10px"},onClick:()=>e.setPreviewTemplate(n)},"Preview Dashboard"))}function yu(e){const{states:r,callbacks:n}=e;return t("div",{style:{height:"50vh"}},t("textarea",{style:{width:"100%",height:"300px"},onChange:e=>n.setEditedTemplate(e.target.value)},r.editedTemplate),t(vu,{states:r,callbacks:n,template:e.template}),t("h2",null,"Navigation"),t("div",{style:{display:"grid",gridTemplateColumns:"repeat(9, 80px)",gridGap:"10px"}},t("button",{onClick:()=>q.push("/")},"Dashboard"),e.leadSubmit&&t("button",{onClick:()=>q.push("/refer")},"Submit a Referral"),t("button",{onClick:()=>q.push("/activity")},"Activity"),t("button",{onClick:()=>q.push("/editProfile")},"Edit Profile"),t("button",{onClick:()=>q.push("/login")},"Login"),t("button",{onClick:()=>q.push("/register")},"Register"),t("button",{onClick:()=>q.push("/emailVerification")},"Email Verification"),t("button",{onClick:()=>q.push("/verifyEmail")},"Verify Email"),t("button",{onClick:()=>q.push("/forgotPassword")},"Forgot Password"),t("button",{onClick:()=>q.push("/resetPassword")},"Reset Password")),t("br",null),t("div",{innerHTML:r.previewTemplate}))}const wu=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(yu,{states:e,callbacks:r,template:'<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'})})),$u=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(yu,{states:e,callbacks:r,template:'<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'})})),xu=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(yu,{states:e,callbacks:r,template:'<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',leadSubmit:!0})})),Cu=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(bu,{states:e,callbacks:r,readme:'# 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; }; 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| `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| `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'})})),qu=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(bu,{states:e,callbacks:r,readme:'# 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; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }` | `undefined`                |\r\n| `emailLabel`  | `email-label`  |             | `string`                                                                                                                                                                 | `"Email"`                  |\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'})})),Du=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(bu,{states:e,callbacks:r,readme:'# sqm-portal-register\r\n\r\n\r\n\r\n\x3c!-- Auto Generated Below --\x3e\r\n\r\n\r\n## Properties\r\n\r\n| Property                   | Attribute                    | Description | Type                                                                                                                                                                                                                                                                                                                                                                                           | Default              |\r\n| -------------------------- | ---------------------------- | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\r\n| `confirmPassword`          | `confirm-password`           |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                      | `false`              |\r\n| `confirmPasswordLabel`     | `confirm-password-label`     |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"Confirm Password"` |\r\n| `demoData`                 | --                           |             | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }` | `undefined`          |\r\n| `emailLabel`               | `email-label`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"Email"`            |\r\n| `enablePasswordValidation` | `enable-password-validation` |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                      | `true`               |\r\n| `hideInputs`               | `hide-inputs`                |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                      | `false`              |\r\n| `loginLabel`               | `login-label`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"Sign in"`          |\r\n| `nextPage`                 | `next-page`                  |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"/"`                |\r\n| `pageLabel`                | `page-label`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"Register"`         |\r\n| `passwordLabel`            | `password-label`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"Password"`         |\r\n| `submitLabel`              | `submit-label`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                       | `"Register"`         |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-register --\x3e sqm-form-message\r\n  sqm-portal-register --\x3e sqm-password-field\r\n  sqm-stencilbook --\x3e sqm-portal-register\r\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n'})})),Eu=Bs((()=>{const{states:e,callbacks:r}=gu(hu);return t(bu,{states:e,callbacks:r})})),ku=Bs((()=>{const{states:e,callbacks:r}=gu("<sqm-referral-iframe></sqm-referral-iframe>\r\n");return t(bu,{states:e,callbacks:r,readme:'# 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'})})),Au=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(bu,{states:e,callbacks:r})})),Su=Bs((()=>{const{states:e,callbacks:r}=gu('<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');return t(bu,{states:e,callbacks:r,readme:'# 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'})})),Tu=Bs((()=>{const{states:e,callbacks:r}=gu('<sqm-portal-reset-password confirm-password="true"></sqm-portal-reset-password>\r\n');return t(bu,{states:e,callbacks:r,readme:'# 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| `nextPage`                  | `next-page`                    |                                             | `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'})})),Fu=Bs((()=>{const{states:e,callbacks:r}=gu('<sqm-portal-protected-route redirect-to="/login"></sqm-portal-protected-route>\r\n<sqm-portal-email-verification></sqm-portal-email-verification>\r\n');return t(bu,{states:e,callbacks:r,readme:'# 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| `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'})})),Pu=Bs((()=>{const{states:e,callbacks:r}=gu("<sqm-portal-verify-email></sqm-portal-verify-email>\r\n");return t(bu,{states:e,callbacks:r,readme:'# 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| `nextPage` | `next-page` |             | `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'})})),Ru=Bs((()=>t("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:hu}}}))),Iu=Bs((()=>{const{states:e,callbacks:r}=gu('<!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>');return t(bu,{states:e,callbacks:r})})),Nu=Bs((()=>{const{states:e,callbacks:r}=gu('<!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>');return t(bu,{states:e,callbacks:r})})),Bu=Object.freeze({__proto__:null,default:{title:"Templates / Portal"},DefaultPortal:wu,MultiProgramPortal:$u,LeadSubmitPortal:xu,Login:Cu,ForgotPassword:qu,Register:Du,Dashboard:Eu,LeadSubmitIframe:ku,Activity:Au,EditProfile:Su,ResetPassword:Tu,EmailVerification:Fu,EmailVerified:Pu,Widget:Ru,ResetPasswordEmail:Iu,VerifyEmail:Nu}),_u=Bs((()=>t("sqm-program-menu",null,t("sl-menu-item",{value:"referral-program"},"Referral Program")))),Ou=Bs((()=>t("sqm-program-menu",null,t("sl-menu-item",{value:"referral-program"},"Referral Program"),t("sl-menu-item",{value:"partner-program"},"Partner Program")))),Lu=Bs((()=>t("sqm-program-menu",null,t("sl-menu-item",{value:"program1"},"Program 1"),t("sl-menu-item",{value:"program2"},"Program 2"),t("sl-menu-item",{value:"program3"},"Program 3"),t("sl-menu-item",{value:"program4"},"Program 4"),t("sl-menu-item",{value:"program5"},"Program 5")))),ju=Bs((()=>t("div",null,t("sqb-program-section",{"program-id":"Vacay-referral"},t("sqm-program-menu",null,t("sl-menu-item",{value:"Vacay-referral"},"Vacay-referral"),t("sl-menu-item",{value:"vacay-affiliates"},"vacay-affiliates")),t("sqb-program-switch",null,t("template",{"program-id":"Vacay-referral"},t("sqb-widget",{"widget-type":"p/Vacay-referral/w/referrerWidget",demoData:{data:{html:hu}}})),t("template",{"program-id":"vacay-affiliates"},t("sqb-widget",{"widget-type":"p/vacay-affiliates/w/referrerWidget",demoData:{data:{html:hu}}}))))))),Mu=Object.freeze({__proto__:null,default:{title:"Program Menu"},OneProgram:_u,TwoProgram:Ou,FiveProgram:Lu,ProgramMenuWithSwitch:ju}),Vu=Object.freeze({__proto__:null,default:{title:"Powered By"},Default:()=>t(ye,null),CustomColor:()=>t(ye,{color:"salmon"}),CustomWidthAndHeight:()=>t(ye,{width:300,height:50})}),Gu={supportEmail:"support@example.com",supportText:"For program support, contact {email}",showPoweredBy:!0,poweredByLink:"https://saasquatch.com",paddingTop:"large",paddingRight:"large",paddingBottom:"large",paddingLeft:"large"},zu=Object.freeze({__proto__:null,default:{title:"Portal Footer",parameters:{scenario:'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'}},DefaultFooter:()=>t(we,Object.assign({},Gu)),FooterWithTerms:()=>t(we,Object.assign({},Gu,{termsLink:"https://example.com",termsText:"Terms and Conditions"})),FooterWithFAQ:()=>t(we,Object.assign({},Gu,{faqLink:"https://example.com",faqText:"FAQ"})),FooterWithTermsAndFAQ:()=>t(we,Object.assign({},Gu,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ"})),FooterNoPoweredBy:()=>t(we,Object.assign({},Gu,{termsLink:"https://example.com",termsText:"Terms and Conditions",faqLink:"https://example.com",faqText:"FAQ",showPoweredBy:!1}))}),Hu=Object.freeze({__proto__:null,default:{title:"Hero Layout",parameters:{scenario:'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      |'}},LoginOneColumn:()=>{const e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large"},content:{primaryColumn:[t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("sqm-portal-login",null)]}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},LoginOneColumnWithColor:()=>{const e={states:{columns:1,wrapDirection:"wrap",paddingSize:"large",background:"LightSlateGrey"},content:{primaryColumn:t("sqm-portal-login",null)}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},LoginOneColumnWithImage:()=>{const 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:t("sqm-portal-login",null)}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},TwoColumnLoginLargePadding:()=>{const 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:t("sqm-portal-login",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},TwoColumnLoginMediumPadding:()=>{const 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:t("sqm-portal-login",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},TwoColumnLoginSmallPadding:()=>{const 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:t("sqm-portal-login",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},TwoColumnLoginNoPadding:()=>{const 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:t("sqm-portal-login",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},TwoColumnLoginReverseWrap:()=>{const 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:t("sqm-portal-change-password",null),secondaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."))}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))},TwoColumnLoginWithImgElement:()=>{const e={states:{columns:2,wrapDirection:"wrap",paddingSize:"large"},content:{primaryColumn:t("div",null,t("h1",{style:{textAlign:"center"}},"Get Referring!"),t("sqm-portal-login",null)),secondaryColumn:t("div",null,t("img",{src:"https://images.unsplash.com/photo-1487528278747-ba99ed528ebc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80"}),t("p",null,"Pellentesque mauris urna, lacinia non turpis sed, pulvinar congue ligula. Sed mattis condimentum eros nec vulputate. Cras consectetur eget libero at viverra. Aliquam suscipit feugiat ante sit amet sagittis. Fusce pulvinar interdum odio ut dapibus. Nulla aliquet ultricies augue nec dignissim. Morbi vulputate hendrerit sem."))}};return t("div",{style:{height:"800px"}},t($e,Object.assign({},e)))}}),Wu={data:{shareCode:"BOBBYREFER"},states:{content:{iframeSrc:"https://example.com",iframeHeight:"100%",iframeWidth:"100%"}}},Uu=Object.freeze({__proto__:null,default:{title:"Referral Iframe",parameters:{scenario:'@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     |              |'}},ReferralIframe:()=>t("div",{style:{width:"1000px",height:"1000px"}},t(ln,Object.assign({},Wu))),ReferralIframeError:()=>t("div",{style:{width:"1000px",height:"1000px"}},t("sqm-referral-iframe",null))}),Zu={states:{validationErrors:void 0,content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}},Ju={states:{validationErrors:{firstName:"Cannot be empty",lastName:"Cannot be empty"},content:{firstNameLabel:"First Name",lastNameLabel:"Last Name"}}},Xu=Object.freeze({__proto__:null,default:{title:"Name Fields",parameters:{scenario:'@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'}},NameFields:()=>t(xe,Object.assign({},Zu)),NameFieldsWithErrors:()=>t(xe,Object.assign({},Ju))}),Yu=(e,t="chooseReward",r=null,n=null,a=!1,i=!1,s=null)=>({states:{content:{text:{continueText:"Continue",cancelText:"Cancel",continueToConfirmationText:"Continue to confirmation",backText:"Back",redeemText:"Redeem",doneText:"Done",chooseRewardTitle:"Choose reward",chooseAmountTitle:"Amount",confirmationTitle:"Confirm",redeemTitle:"Confirm and redeem",rewardRedeemedText:"Reward redeemed",queryError:"An error occured trying to redeem this reward. Please try again.",notAvailableError:"{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} other {Not available} }"}},redeemStage:t,amount:0,exchangeError:a,loading:i,selectedItem:r,selectedStep:n,open:!1},data:{exchangeList:e,fuelTankCode:s},callbacks:{exchangeReward:null,resetState:null,setStage:null,setExchangeState:null,copyFuelTankCode:null,refs:null},refs:null}),Ku={key:"",name:"",description:"Description of reward. Lorem ipsum dolor sit amet, consectetur adipiscing. Id nec semper sapien dignissim rhoncus nunc.",imageUrl:"",available:!0,unavailableReason:null,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:[]},Qu={available:!1,unavailableReasonCode:"INSUFFICIENT_REDEEMABLE_CREDIT"},ec={key:"r1"},tc=e=>({imageUrl:e}),rc=e=>({name:e}),nc=e=>({prettySourceValue:e}),ac=(e,t,r)=>({ruleType:"VARIABLE_CREDIT_REWARD",sourceMinValue:e,prettySourceMinValue:e+" "+r,sourceMaxValue:t,prettySourceMaxValue:t+" "+r}),ic=[{...Ku,...rc("Free swag with a promo code"),...tc("https://i.imgur.com/n7vC4BR.png"),...nc("40 SaaSquatch Points")},{...Ku,...ec,...rc("Visa® Prepaid Card USD"),...tc("https://i.imgur.com/veHErQX.png"),...ac(20,80,"Points")},{...Ku,...rc("A very exclusive gift box"),...tc("https://i.imgur.com/93BvEgH.png"),...nc("30 SaaSquatch Points")},{...Ku,...rc("$50 Store credit"),...tc("https://i.imgur.com/WkCMVSE.png"),...nc("100 SaaSquatch Points")},{...Ku,...rc("Variable amount of store credit"),...tc("https://i.imgur.com/Jn2fE0s.png"),...ac(20,100,"Points")},{...Ku,...Qu,...rc("A very rare cactus"),...tc("https://i.imgur.com/hhlF2Ey.png"),...nc("2000 SaaSquatch Points")},{...Ku,available:!1,unavailableReasonCode:"US_TAX",...rc("$1000 Store credit with a really super long name in the front page"),...tc("https://i.imgur.com/y9HSls1.png"),...nc("2000 SaaSquatch Long Points")},{...Ku,...Qu,...rc("A holiday gift box"),...tc("https://i.imgur.com/dWEdB3p.png"),...nc("100 SaaSquatch Points")}],sc={...Yu(ic)},oc={...Yu(ic,"chooseReward",{...Ku,...ec,...rc("Visa® Prepaid Card USD"),...tc("https://i.imgur.com/veHErQX.png"),...ac(20,80,"Points")})},lc=(e,t,r,n,a=!0)=>({destinationValue:e,prettyDestinationValue:t+e,sourceValue:r,prettySourceValue:r+" "+n,available:a,unavailableReasonCode:null,unavailableReason:""}),dc={...Yu(ic,"chooseAmount",{...Ku,...rc("Visa® Prepaid Card USD"),...tc("https://i.imgur.com/veHErQX.png"),...ac(20,80,"Points"),steps:[lc(20,"$",40,"Points"),lc(30,"$",60,"Points"),lc(40,"$",80,"Points"),lc(50,"$",100,"Points"),lc(60,"$",120,"Points")]})},uc={...Yu(ic,"chooseAmount",{...Ku,...rc("Free swag with a promo code"),...tc("https://i.imgur.com/n7vC4BR.png"),...nc("40 SaaSquatch Points")})},cc={...Yu(ic,"confirmation",{...Ku,...rc("A very exclusive gift box"),...tc("https://i.imgur.com/93BvEgH.png"),...nc("30 SaaSquatch Points")})},mc={...Yu(ic,"confirmation",{...Ku,...rc("Visa® Prepaid Card USD"),...tc("https://i.imgur.com/veHErQX.png"),...ac(20,80,"Points")},lc(20,"$",40,"Points"))},pc={...Yu(ic,"confirmation",{...Ku,...rc("Visa® Prepaid Card USD"),...tc("https://i.imgur.com/veHErQX.png"),...ac(20,80,"Points")},lc(20,"$",40,"Points"),!0)},hc={...Yu(ic,"success",{...Ku,...rc("A very exclusive gift box"),...tc("https://i.imgur.com/93BvEgH.png"),...nc("30 SaaSquatch Points")})},fc={...Yu(ic,"success",{...Ku,...rc("Visa® Prepaid Card USD"),...tc("https://i.imgur.com/93BvEgH.png"),...ac(20,80,"Points")},lc(20,"$",40,"Points"))},gc={...Yu(ic,"success",{...Ku,...rc("A very exclusive gift box"),...tc("https://i.imgur.com/93BvEgH.png"),...nc("30 SaaSquatch Points")},void 0,void 0,void 0,"4ah2-hh46-gk7r")},bc={...Yu(null,"chooseReward",null,null,!1,!0)},vc=e=>()=>t(ou,null,t(Vn,Object.assign({},e))),yc=vc(sc),wc=vc(oc),$c=vc(uc),xc=vc(dc),Cc=vc(cc),qc=vc(mc),Dc=vc(pc),Ec=vc(hc),kc=vc(fc),Ac=vc(gc),Sc=vc(bc),Tc=Object.freeze({__proto__:null,default:{title:"Components/Reward Exchange List"},ChooseReward:yc,ChooseRewardSelected:wc,ChooseAmount:$c,ChooseAmountVariable:xc,Confirm:Cc,ConfirmVariable:qc,Error:Dc,Success:Ec,SuccessVariable:kc,SuccessPromo:Ac,Loading:Sc}),Fc={header:"Klip Rewards",headerColor:"black",headerBackground:"#F3F0EC",cardTitle:"Earn rewards with our loyalty program",cardDescription:"Earn points by completing tasks like uploading your first video or sharing videos with friends. Use your points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America.",cardColor:"black",cardBackground:"var(--sl-color-primary-100)"},Pc={cardTitle:"Invite your friends to Klip",description:"Earn up to $1200 in rewards for each referral",color:"white",background:"#5B3EDA",icon:"person-plus-fill"},Rc={cardTitle:"If your friend signs up for a Klip Business plan",description:"Get a $50 VISA giftcard when they pay for their first month",color:"black",background:"#F3CC66",icon:"server"},Ic={cardTitle:"If your friend signs up for a Klip Enterprise plan",description:"Get up to $1200 in rewards - a $200 VISA giftcard when our sales team qualifies them as a good fit for Klip, and a $1000 VISA giftcard when they become a paying customer",color:"black",background:"#D3CCF5",icon:"people-fill"},Nc=Object.freeze({__proto__:null,default:{title:"Components/Program Explainer"},OneStep:()=>t(Ce,Object.assign({},Fc),t(qe,Object.assign({},Pc))),TwoSteps:()=>t(Ce,Object.assign({},Fc),t(qe,Object.assign({},Pc)),t(qe,Object.assign({},Rc))),ThreeSteps:()=>t(Ce,Object.assign({},Fc),t(qe,Object.assign({},Pc)),t(qe,Object.assign({},Rc)),t(qe,Object.assign({},Ic)))}),Bc=Object.freeze({__proto__:null,default:{title:"Components/Program Explainer Step"},Example1:()=>t(qe,Object.assign({},{cardTitle:"Invite your friends to Klip",description:"Earn up to $1200 in rewards for each referral",color:"white",background:"#5B3EDA",icon:"person-plus-fill"}))}),_c=()=>t("div",{style:{padding:"10px",border:"5px solid #EEE"}},t("div",{style:{display:"flex",gap:"5px",padding:"5px"}},t("sl-button",{type:"default"},"Default"),t("sl-button",{type:"primary"},"Primary"),t("sl-button",{type:"success"},"Success"),t("sl-button",{type:"neutral"},"Neutral"),t("sl-button",{type:"warning"},"Warning"),t("sl-button",{type:"danger"},"Danger")),t("div",{style:{display:"flex",gap:"5px",padding:"5px"}},t("sl-badge",{type:"primary"},"Primary"),t("sl-badge",{type:"success"},"Success"),t("sl-badge",{type:"neutral"},"Neutral"),t("sl-badge",{type:"warning"},"Warning"),t("sl-badge",{type:"danger"},"Danger")),t("div",{class:"color-palette"},t("div",{class:"color-palette__name"},"Primary",t("br",null),t("code",null,"--sl-color-primary-",t("em",null,"{n}"))),t("div",{style:{display:"flex",gap:"5px"}},t(Oc,{depth:50}),t(Oc,{depth:100}),t(Oc,{depth:200}),t(Oc,{depth:300}),t(Oc,{depth:400}),t(Oc,{depth:500}),t(Oc,{depth:600}),t(Oc,{depth:700}),t(Oc,{depth:800}),t(Oc,{depth:900}),t(Oc,{depth:950}))));function Oc({depth:e}){return t("div",{style:{backgroundColor:`var(--sl-color-primary-${e})`,color:`var(--sl-color-neutral-${1e3-e})`,width:"50px",height:"50px",display:"flex",justifyContent:"center",alignItems:"center"}},e)}const Lc=Object.freeze({__proto__:null,default:{title:"Components/Brand"},Examples:()=>t("div",null,t(_c,null),t("sqm-brand",{"brand-color":"#FF0000"},t(_c,null)),t("sqm-brand",{"brand-color":"#00FF00"},t(_c,null)),t("sqm-brand",{"brand-color":"#0000FF"},t(_c,null)),t("sqm-brand",{"brand-color":"#000000"},t(_c,null))),Nested:()=>t("div",null,"Default ",t(_c,null),t("sqm-brand",{"brand-color":"#FF0000"},"Red:",t(_c,null),t("sqm-brand",{"brand-color":"#00FF00"},"Green:",t(_c,null),t("sqm-brand",{"brand-color":"#0000FF"},"Blue:",t(_c,null),t("sqm-brand",{"brand-color":"#000000"},"Black:",t(_c,null)))))),Fonts:()=>t("div",null,t(_c,null),t("sqm-brand",{"brand-font":"Roboto"},"Roboto",t(_c,null)),t("sqm-brand",{"brand-font":"Open Sans"},"Open Sans",t(_c,null)),t("sqm-brand",{"brand-font":"Lato"},"Lato",t(_c,null)),t("sqm-brand",{"brand-font":"Oswald"},"Oswald",t(_c,null)))}),jc={width:347,gap:24},Mc={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:!1,showProgressBar:!1,progress:0,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",goal:1,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:!1,showExpiry:!1,rewardDuration:null,loading:!1,finite:0},Vc={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:!1,showProgressBar:!0,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",steps:!0,progress:1,goal:5,buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:!1,showExpiry:!1,rewardDuration:null,loading:!1,finite:0},Gc={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:!1,showProgressBar:!0,progress:100,completedText:"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",goal:500,progressBarUnit:"$",buttonText:"Take survey",buttonLink:"https://example.com/",openNewTab:!1,showExpiry:!1,rewardDuration:null,loading:!1,finite:0},zc=Object.freeze({__proto__:null,default:{title:"Components/Card Feed"},TaskCardGrid:()=>t(De,Object.assign({},jc),t(iu,Object.assign({},Mc)),t("div",null,t(iu,Object.assign({},Vc))),t("div",null,t("div",null,t(iu,Object.assign({},Mc)))),t(iu,Object.assign({},Vc)),t(iu,Object.assign({},Vc)),t("div",null,t(iu,Object.assign({},Vc))),t("div",null,t("div",null,t(iu,Object.assign({},Mc)))),t(iu,Object.assign({},Gc)))}),Hc=Object.freeze({__proto__:null,default:{title:"Components/Portal Container",parameters:{scenario:"Feature: Portal Container\r\n\r\n\r\n    Scenario: Horizontal content overflows, but does not stretch\r\n\r\n        Bad elements should not affect other elements in the page\r\n\r\n        Given there are two element in the container\r\n        And the first is small\r\n        And the second would stretch the container wider than it's parent\r\n        Then the second one is clipped\r\n        And the first one doesn't stretch\r\n\r\n    @landmine\r\n    Scenario: `max-width` is required for displaying as a row\r\n        Given I have `direction` to \"row\"\r\n        And I have not set a `max-width`\r\n        Then it will display as a column\r\n"}},TooWideColumn:()=>t("div",{style:{width:"200px",border:"1px dashed grey"}},t("sqm-portal-container",null,t("div",{style:{background:"grey",border:"1px solid red"}},"Small"),t("div",{style:{background:"blue",width:"1000px"}},"Too wide, content goes off the side of the page for ever and is hidden."))),TooWideRow:()=>t("div",{style:{width:"500px",border:"1px dashed grey"}},t("sqm-portal-container",{direction:"row","min-width":"160px"},t("sqm-share-button",{icon:"envelope",medium:"email",size:"medium",class:"hydrated"},"Email a friend"),t("sqm-share-button",{medium:"twitter",size:"medium",class:"hydrated"},"Tweet about us"),t("sqm-share-button",{medium:"facebook",size:"medium",class:"hydrated"},"Share on Facebook")))}),Wc=`\n:root{\n    ${Ge("orange")}\n}\n`,Uc=`\n:root{\n    ${Ge("#e50914")}\n}\n`,Zc=`\n:root{\n    ${Ge("#65bd60")}\n    --sl-font-sans: Arial;\n}\n`,Jc=`\n:root{\n    ${Ge("black")}\n    --sl-font-sans: Georgia, 'Times New Roman', serif;\n}\n`,Xc=`\n:root{\n    ${Ge("#4225C4")};\n}\n\n`,Yc=Object.freeze({__proto__:null,Default:"\n // No CSS\n",Orangey:Wc,Netflix:Uc,SaaSquatchCorporate:Zc,NYTimes:Jc,Klip:Xc});function Kc(e){return e instanceof Map?e.clear=e.delete=e.set=function(){throw new Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=function(){throw new Error("set is read-only")}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach((function(t){var r=e[t];"object"!=typeof r||Object.isFrozen(r)||Kc(r)})),e}var Qc=Kc;Qc.default=Kc;class em{constructor(e){void 0===e.data&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}}function tm(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function rm(e,...t){const r=Object.create(null);for(const t in e)r[t]=e[t];return t.forEach((function(e){for(const t in e)r[t]=e[t]})),r}const nm=e=>!!e.kind;class am{constructor(e,t){this.buffer="",this.classPrefix=t.classPrefix,e.walk(this)}addText(e){this.buffer+=tm(e)}openNode(e){if(!nm(e))return;let t=e.kind;e.sublanguage||(t=`${this.classPrefix}${t}`),this.span(t)}closeNode(e){nm(e)&&(this.buffer+="</span>")}value(){return this.buffer}span(e){this.buffer+=`<span class="${e}">`}}class im{constructor(){this.rootNode={children:[]},this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){this.top.children.push(e)}openNode(e){const t={kind:e,children:[]};this.add(t),this.stack.push(t)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,t){return"string"==typeof t?e.addText(t):t.children&&(e.openNode(t),t.children.forEach((t=>this._walk(e,t))),e.closeNode(t)),e}static _collapse(e){"string"!=typeof e&&e.children&&(e.children.every((e=>"string"==typeof e))?e.children=[e.children.join("")]:e.children.forEach((e=>{im._collapse(e)})))}}class sm extends im{constructor(e){super(),this.options=e}addKeyword(e,t){""!==e&&(this.openNode(t),this.addText(e),this.closeNode())}addText(e){""!==e&&this.add(e)}addSublanguage(e,t){const r=e.root;r.kind=t,r.sublanguage=!0,this.add(r)}toHTML(){return new am(this,this.options).value()}finalize(){return!0}}function om(e){return e?"string"==typeof e?e:e.source:null}const lm=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./,dm="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",um={begin:"\\\\[\\s\\S]",relevance:0},cm={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[um]},mm={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[um]},pm={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/},hm=function(e,t,r={}){const n=rm({className:"comment",begin:e,end:t,contains:[]},r);return n.contains.push(pm),n.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):",relevance:0}),n},fm=hm("//","$"),gm=hm("/\\*","\\*/"),bm=hm("#","$");var vm=Object.freeze({__proto__:null,MATCH_NOTHING_RE:/\b\B/,IDENT_RE:"[a-zA-Z]\\w*",UNDERSCORE_IDENT_RE:"[a-zA-Z_]\\w*",NUMBER_RE:"\\b\\d+(\\.\\d+)?",C_NUMBER_RE:dm,BINARY_NUMBER_RE:"\\b(0b[01]+)",RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",SHEBANG:(e={})=>{const t=/^#![ ]*\//;return e.binary&&(e.begin=function(...e){return e.map((e=>om(e))).join("")}(t,/.*\b/,e.binary,/\b.*/)),rm({className:"meta",begin:t,end:/$/,relevance:0,"on:begin":(e,t)=>{0!==e.index&&t.ignoreMatch()}},e)},BACKSLASH_ESCAPE:um,APOS_STRING_MODE:cm,QUOTE_STRING_MODE:mm,PHRASAL_WORDS_MODE:pm,COMMENT:hm,C_LINE_COMMENT_MODE:fm,C_BLOCK_COMMENT_MODE:gm,HASH_COMMENT_MODE:bm,NUMBER_MODE:{className:"number",begin:"\\b\\d+(\\.\\d+)?",relevance:0},C_NUMBER_MODE:{className:"number",begin:dm,relevance:0},BINARY_NUMBER_MODE:{className:"number",begin:"\\b(0b[01]+)",relevance:0},CSS_NUMBER_MODE:{className:"number",begin:"\\b\\d+(\\.\\d+)?(%|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},REGEXP_MODE:{begin:/(?=\/[^/\n]*\/)/,contains:[{className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[um,{begin:/\[/,end:/\]/,relevance:0,contains:[um]}]}]},TITLE_MODE:{className:"title",begin:"[a-zA-Z]\\w*",relevance:0},UNDERSCORE_TITLE_MODE:{className:"title",begin:"[a-zA-Z_]\\w*",relevance:0},METHOD_GUARD:{begin:"\\.\\s*[a-zA-Z_]\\w*",relevance:0},END_SAME_AS_BEGIN:function(e){return Object.assign(e,{"on:begin":(e,t)=>{t.data._beginMatch=e[1]},"on:end":(e,t)=>{t.data._beginMatch!==e[1]&&t.ignoreMatch()}})}});function ym(e,t){"."===e.input[e.index-1]&&t.ignoreMatch()}function wm(e,t){t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=ym,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,void 0===e.relevance&&(e.relevance=0))}function $m(e){Array.isArray(e.illegal)&&(e.illegal=function(...e){return"("+e.map((e=>om(e))).join("|")+")"}(...e.illegal))}function xm(e){if(e.match){if(e.begin||e.end)throw new Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function Cm(e){void 0===e.relevance&&(e.relevance=1)}const qm=["of","and","for","in","not","or","if","then","parent","list","value"];function Dm(e,t,r="keyword"){const n={};return"string"==typeof e?a(r,e.split(" ")):Array.isArray(e)?a(r,e):Object.keys(e).forEach((function(r){Object.assign(n,Dm(e[r],t,r))})),n;function a(e,r){t&&(r=r.map((e=>e.toLowerCase()))),r.forEach((function(t){const r=t.split("|");n[r[0]]=[e,Em(r[0],r[1])]}))}}function Em(e,t){return t?Number(t):function(e){return qm.includes(e.toLowerCase())}(e)?0:1}function km(e,{}){function t(t,r){return new RegExp(om(t),"m"+(e.case_insensitive?"i":"")+(r?"g":""))}class r{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(e,t){t.position=this.position++,this.matchIndexes[this.matchAt]=t,this.regexes.push([t,e]),this.matchAt+=function(e){return new RegExp(e.toString()+"|").exec("").length-1}(e)+1}compile(){0===this.regexes.length&&(this.exec=()=>null);const e=this.regexes.map((e=>e[1]));this.matcherRe=t(function(e,t="|"){let r=0;return e.map((e=>{r+=1;const t=r;let n=om(e),a="";for(;n.length>0;){const e=lm.exec(n);if(!e){a+=n;break}a+=n.substring(0,e.index),n=n.substring(e.index+e[0].length),"\\"===e[0][0]&&e[1]?a+="\\"+String(Number(e[1])+t):(a+=e[0],"("===e[0]&&r++)}return a})).map((e=>`(${e})`)).join(t)}(e),!0),this.lastIndex=0}exec(e){this.matcherRe.lastIndex=this.lastIndex;const t=this.matcherRe.exec(e);if(!t)return null;const r=t.findIndex(((e,t)=>t>0&&void 0!==e)),n=this.matchIndexes[r];return t.splice(0,r),Object.assign(t,n)}}class n{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(e){if(this.multiRegexes[e])return this.multiRegexes[e];const t=new r;return this.rules.slice(e).forEach((([e,r])=>t.addRule(e,r))),t.compile(),this.multiRegexes[e]=t,t}resumingScanAtSamePosition(){return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(e,t){this.rules.push([e,t]),"begin"===t.type&&this.count++}exec(e){const t=this.getMatcher(this.regexIndex);t.lastIndex=this.lastIndex;let r=t.exec(e);if(this.resumingScanAtSamePosition())if(r&&r.index===this.lastIndex);else{const t=this.getMatcher(0);t.lastIndex=this.lastIndex+1,r=t.exec(e)}return r&&(this.regexIndex+=r.position+1,this.regexIndex===this.count&&this.considerAll()),r}}if(e.compilerExtensions||(e.compilerExtensions=[]),e.contains&&e.contains.includes("self"))throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");return e.classNameAliases=rm(e.classNameAliases||{}),function r(a,i){const s=a;if(a.isCompiled)return s;[xm].forEach((e=>e(a,i))),e.compilerExtensions.forEach((e=>e(a,i))),a.__beforeBegin=null,[wm,$m,Cm].forEach((e=>e(a,i))),a.isCompiled=!0;let o=null;if("object"==typeof a.keywords&&(o=a.keywords.$pattern,delete a.keywords.$pattern),a.keywords&&(a.keywords=Dm(a.keywords,e.case_insensitive)),a.lexemes&&o)throw new Error("ERR: Prefer `keywords.$pattern` to `mode.lexemes`, BOTH are not allowed. (see mode reference) ");return o=o||a.lexemes||/\w+/,s.keywordPatternRe=t(o,!0),i&&(a.begin||(a.begin=/\B|\b/),s.beginRe=t(a.begin),a.endSameAsBegin&&(a.end=a.begin),a.end||a.endsWithParent||(a.end=/\B|\b/),a.end&&(s.endRe=t(a.end)),s.terminatorEnd=om(a.end)||"",a.endsWithParent&&i.terminatorEnd&&(s.terminatorEnd+=(a.end?"|":"")+i.terminatorEnd)),a.illegal&&(s.illegalRe=t(a.illegal)),a.contains||(a.contains=[]),a.contains=[].concat(...a.contains.map((function(e){return function(e){return e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map((function(t){return rm(e,{variants:null},t)}))),e.cachedVariants?e.cachedVariants:Am(e)?rm(e,{starts:e.starts?rm(e.starts):null}):Object.isFrozen(e)?rm(e):e}("self"===e?a:e)}))),a.contains.forEach((function(e){r(e,s)})),a.starts&&r(a.starts,i),s.matcher=function(e){const t=new n;return e.contains.forEach((e=>t.addRule(e.begin,{rule:e,type:"begin"}))),e.terminatorEnd&&t.addRule(e.terminatorEnd,{type:"end"}),e.illegal&&t.addRule(e.illegal,{type:"illegal"}),t}(s),s}(e)}function Am(e){return!!e&&(e.endsWithParent||Am(e.starts))}function Sm(e){const t={props:["language","code","autodetect"],data:function(){return{detectedLanguage:"",unknownLanguage:!1}},computed:{className(){return this.unknownLanguage?"":"hljs "+this.detectedLanguage},highlighted(){if(!this.autoDetect&&!e.getLanguage(this.language))return console.warn(`The language "${this.language}" you specified could not be found.`),this.unknownLanguage=!0,tm(this.code);let t={};return this.autoDetect?(t=e.highlightAuto(this.code),this.detectedLanguage=t.language):(t=e.highlight(this.language,this.code,this.ignoreIllegals),this.detectedLanguage=this.language),t.value},autoDetect(){return!this.language||(e=this.autodetect,Boolean(e||""===e));var e},ignoreIllegals:()=>!0},render(e){return e("pre",{},[e("code",{class:this.className,domProps:{innerHTML:this.highlighted}})])}};return{Component:t,VuePlugin:{install(e){e.component("highlightjs",t)}}}}const Tm={"after:highlightElement":({el:e,result:t,text:r})=>{const n=Pm(e);if(!n.length)return;const a=document.createElement("div");a.innerHTML=t.value,t.value=function(e,t,r){let n=0,a="";const i=[];function s(){return e.length&&t.length?e[0].offset!==t[0].offset?e[0].offset<t[0].offset?e:t:"start"===t[0].event?e:t:e.length?e:t}function o(e){a+="<"+Fm(e)+[].map.call(e.attributes,(function(e){return" "+e.nodeName+'="'+tm(e.value)+'"'})).join("")+">"}function l(e){a+="</"+Fm(e)+">"}function d(e){("start"===e.event?o:l)(e.node)}for(;e.length||t.length;){let t=s();if(a+=tm(r.substring(n,t[0].offset)),n=t[0].offset,t===e){i.reverse().forEach(l);do{d(t.splice(0,1)[0]),t=s()}while(t===e&&t.length&&t[0].offset===n);i.reverse().forEach(o)}else"start"===t[0].event?i.push(t[0].node):i.pop(),d(t.splice(0,1)[0])}return a+tm(r.substr(n))}(n,Pm(a),r)}};function Fm(e){return e.nodeName.toLowerCase()}function Pm(e){const t=[];return function e(r,n){for(let a=r.firstChild;a;a=a.nextSibling)3===a.nodeType?n+=a.nodeValue.length:1===a.nodeType&&(t.push({event:"start",offset:n,node:a}),n=e(a,n),Fm(a).match(/br|hr|img|input/)||t.push({event:"stop",offset:n,node:a}));return n}(e,0),t}const Rm={},Im=e=>{console.error(e)},Nm=(e,...t)=>{console.log(`WARN: ${e}`,...t)},Bm=(e,t)=>{Rm[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),Rm[`${e}/${t}`]=!0)},_m=tm,Om=rm,Lm=Symbol("nomatch");var jm=function(e){const t=Object.create(null),r=Object.create(null),n=[];let a=!0;const i=/(^(<[^>]+>|\t|)+|\n)/gm,s="Could not find the language '{}', did you forget to load/include a language module?",o={disableAutodetect:!0,name:"Plain text",contains:[]};let l={noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:null,__emitter:sm};function d(e){return l.noHighlightRe.test(e)}function u(e,t,r,n){let a="",i="";"object"==typeof t?(a=e,r=t.ignoreIllegals,i=t.language,n=void 0):(Bm("10.7.0","highlight(lang, code, ...args) has been deprecated."),Bm("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),i=e,a=t);const s={code:a,language:i};C("before:highlight",s);const o=s.result?s.result:c(s.language,s.code,r,n);return o.code=s.code,C("after:highlight",o),o}function c(e,r,i,o){function d(e,t){const r=y.case_insensitive?t[0].toLowerCase():t[0];return Object.prototype.hasOwnProperty.call(e.keywords,r)&&e.keywords[r]}function u(){null!=C.subLanguage?function(){if(""===E)return;let e=null;if("string"==typeof C.subLanguage){if(!t[C.subLanguage])return void D.addText(E);e=c(C.subLanguage,E,!0,q[C.subLanguage]),q[C.subLanguage]=e.top}else e=m(E,C.subLanguage.length?C.subLanguage:null);C.relevance>0&&(k+=e.relevance),D.addSublanguage(e.emitter,e.language)}():function(){if(!C.keywords)return void D.addText(E);let e=0;C.keywordPatternRe.lastIndex=0;let t=C.keywordPatternRe.exec(E),r="";for(;t;){r+=E.substring(e,t.index);const n=d(C,t);if(n){const[e,a]=n;D.addText(r),r="",k+=a,e.startsWith("_")?r+=t[0]:D.addKeyword(t[0],y.classNameAliases[e]||e)}else r+=t[0];e=C.keywordPatternRe.lastIndex,t=C.keywordPatternRe.exec(E)}r+=E.substr(e),D.addText(r)}(),E=""}function p(e){return e.className&&D.openNode(y.classNameAliases[e.className]||e.className),C=Object.create(e,{parent:{value:C}}),C}function h(e,t,r){let n=function(e,t){const r=e&&e.exec(t);return r&&0===r.index}(e.endRe,r);if(n){if(e["on:end"]){const r=new em(e);e["on:end"](t,r),r.isMatchIgnored&&(n=!1)}if(n){for(;e.endsParent&&e.parent;)e=e.parent;return e}}if(e.endsWithParent)return h(e.parent,t,r)}function f(e){return 0===C.matcher.regexIndex?(E+=e[0],1):(T=!0,0)}function g(e){const t=e[0],n=r.substr(e.index),a=h(C,e,n);if(!a)return Lm;const i=C;i.skip?E+=t:(i.returnEnd||i.excludeEnd||(E+=t),u(),i.excludeEnd&&(E=t));do{C.className&&D.closeNode(),C.skip||C.subLanguage||(k+=C.relevance),C=C.parent}while(C!==a.parent);return a.starts&&(a.endSameAsBegin&&(a.starts.endRe=a.endRe),p(a.starts)),i.returnEnd?0:t.length}let b={};function v(t,n){const s=n&&n[0];if(E+=t,null==s)return u(),0;if("begin"===b.type&&"end"===n.type&&b.index===n.index&&""===s){if(E+=r.slice(n.index,n.index+1),!a){const t=new Error("0 width match regex");throw t.languageName=e,t.badRule=b.rule,t}return 1}if(b=n,"begin"===n.type)return function(e){const t=e[0],r=e.rule,n=new em(r),a=[r.__beforeBegin,r["on:begin"]];for(const r of a)if(r&&(r(e,n),n.isMatchIgnored))return f(t);return r&&r.endSameAsBegin&&(r.endRe=new RegExp(t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")),r.skip?E+=t:(r.excludeBegin&&(E+=t),u(),r.returnBegin||r.excludeBegin||(E=t)),p(r),r.returnBegin?0:t.length}(n);if("illegal"===n.type&&!i){const e=new Error('Illegal lexeme "'+s+'" for mode "'+(C.className||"<unnamed>")+'"');throw e.mode=C,e}if("end"===n.type){const e=g(n);if(e!==Lm)return e}if("illegal"===n.type&&""===s)return 1;if(S>1e5&&S>3*n.index)throw new Error("potential infinite loop, way more iterations than matches");return E+=s,s.length}const y=w(e);if(!y)throw Im(s.replace("{}",e)),new Error('Unknown language: "'+e+'"');const $=km(y,{plugins:n});let x="",C=o||$;const q={},D=new l.__emitter(l);!function(){const e=[];for(let t=C;t!==y;t=t.parent)t.className&&e.unshift(t.className);e.forEach((e=>D.openNode(e)))}();let E="",k=0,A=0,S=0,T=!1;try{for(C.matcher.considerAll();;){S++,T?T=!1:C.matcher.considerAll(),C.matcher.lastIndex=A;const e=C.matcher.exec(r);if(!e)break;const t=v(r.substring(A,e.index),e);A=e.index+t}return v(r.substr(A)),D.closeAllNodes(),D.finalize(),x=D.toHTML(),{relevance:Math.floor(k),value:x,language:e,illegal:!1,emitter:D,top:C}}catch(t){if(t.message&&t.message.includes("Illegal"))return{illegal:!0,illegalBy:{msg:t.message,context:r.slice(A-100,A+100),mode:t.mode},sofar:x,relevance:0,value:_m(r),emitter:D};if(a)return{illegal:!1,relevance:0,value:_m(r),emitter:D,language:e,top:C,errorRaised:t};throw t}}function m(e,r){r=r||l.languages||Object.keys(t);const n=function(e){const t={relevance:0,emitter:new l.__emitter(l),value:_m(e),illegal:!1,top:o};return t.emitter.addText(e),t}(e),a=r.filter(w).filter(x).map((t=>c(t,e,!1)));a.unshift(n);const i=a.sort(((e,t)=>{if(e.relevance!==t.relevance)return t.relevance-e.relevance;if(e.language&&t.language){if(w(e.language).supersetOf===t.language)return 1;if(w(t.language).supersetOf===e.language)return-1}return 0})),[s,d]=i,u=s;return u.second_best=d,u}const p={"before:highlightElement":({el:e})=>{l.useBR&&(e.innerHTML=e.innerHTML.replace(/\n/g,"").replace(/<br[ /]*>/g,"\n"))},"after:highlightElement":({result:e})=>{l.useBR&&(e.value=e.value.replace(/\n/g,"<br>"))}},h=/^(<[^>]+>|\t)+/gm,f={"after:highlightElement":({result:e})=>{l.tabReplace&&(e.value=e.value.replace(h,(e=>e.replace(/\t/g,l.tabReplace))))}};function g(e){let t=null;const n=function(e){let t=e.className+" ";t+=e.parentNode?e.parentNode.className:"";const r=l.languageDetectRe.exec(t);if(r){const t=w(r[1]);return t||(Nm(s.replace("{}",r[1])),Nm("Falling back to no-highlight mode for this block.",e)),t?r[1]:"no-highlight"}return t.split(/\s+/).find((e=>d(e)||w(e)))}(e);if(d(n))return;C("before:highlightElement",{el:e,language:n}),t=e;const a=t.textContent,i=n?u(a,{language:n,ignoreIllegals:!0}):m(a);C("after:highlightElement",{el:e,result:i,text:a}),e.innerHTML=i.value,function(e,t,n){const a=t?r[t]:n;e.classList.add("hljs"),a&&e.classList.add(a)}(e,n,i.language),e.result={language:i.language,re:i.relevance,relavance:i.relevance},i.second_best&&(e.second_best={language:i.second_best.language,re:i.second_best.relevance,relavance:i.second_best.relevance})}const b=()=>{b.called||(b.called=!0,Bm("10.6.0","initHighlighting() is deprecated.  Use highlightAll() instead."),document.querySelectorAll("pre code").forEach(g))};let v=!1;function y(){"loading"!==document.readyState?document.querySelectorAll("pre code").forEach(g):v=!0}function w(e){return e=(e||"").toLowerCase(),t[e]||t[r[e]]}function $(e,{languageName:t}){"string"==typeof e&&(e=[e]),e.forEach((e=>{r[e.toLowerCase()]=t}))}function x(e){const t=w(e);return t&&!t.disableAutodetect}function C(e,t){const r=e;n.forEach((function(e){e[r]&&e[r](t)}))}"undefined"!=typeof window&&window.addEventListener&&window.addEventListener("DOMContentLoaded",(function(){v&&y()}),!1),Object.assign(e,{highlight:u,highlightAuto:m,highlightAll:y,fixMarkup:function(e){return Bm("10.2.0","fixMarkup will be removed entirely in v11.0"),Bm("10.2.0","Please see https://github.com/highlightjs/highlight.js/issues/2534"),t=e,l.tabReplace||l.useBR?t.replace(i,(e=>"\n"===e?l.useBR?"<br>":e:l.tabReplace?e.replace(/\t/g,l.tabReplace):e)):t;var t},highlightElement:g,highlightBlock:function(e){return Bm("10.7.0","highlightBlock will be removed entirely in v12.0"),Bm("10.7.0","Please use highlightElement now."),g(e)},configure:function(e){e.useBR&&(Bm("10.3.0","'useBR' will be removed entirely in v11.0"),Bm("10.3.0","Please see https://github.com/highlightjs/highlight.js/issues/2559")),l=Om(l,e)},initHighlighting:b,initHighlightingOnLoad:function(){Bm("10.6.0","initHighlightingOnLoad() is deprecated.  Use highlightAll() instead."),v=!0},registerLanguage:function(r,n){let i=null;try{i=n(e)}catch(e){if(Im("Language definition for '{}' could not be registered.".replace("{}",r)),!a)throw e;Im(e),i=o}i.name||(i.name=r),t[r]=i,i.rawDefinition=n.bind(null,e),i.aliases&&$(i.aliases,{languageName:r})},unregisterLanguage:function(e){delete t[e];for(const t of Object.keys(r))r[t]===e&&delete r[t]},listLanguages:function(){return Object.keys(t)},getLanguage:w,registerAliases:$,requireLanguage:function(e){Bm("10.4.0","requireLanguage will be removed entirely in v11."),Bm("10.4.0","Please see https://github.com/highlightjs/highlight.js/pull/2844");const t=w(e);if(t)return t;throw new Error("The '{}' language is required, but not loaded.".replace("{}",e))},autoDetection:x,inherit:Om,addPlugin:function(e){!function(e){e["before:highlightBlock"]&&!e["before:highlightElement"]&&(e["before:highlightElement"]=t=>{e["before:highlightBlock"](Object.assign({block:t.el},t))}),e["after:highlightBlock"]&&!e["after:highlightElement"]&&(e["after:highlightElement"]=t=>{e["after:highlightBlock"](Object.assign({block:t.el},t))})}(e),n.push(e)},vuePlugin:Sm(e).VuePlugin}),e.debugMode=function(){a=!1},e.safeMode=function(){a=!0},e.versionString="10.7.3";for(const e in vm)"object"==typeof vm[e]&&Qc(vm[e]);return Object.assign(e,vm),e.addPlugin(p),e.addPlugin(Tm),e.addPlugin(f),e}({});jm.registerLanguage("gherkin",(function(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]}}));const Mm=({story:e},r)=>{var n;let a,i=null===(n=e.parent.parameters)||void 0===n?void 0:n.scenario;try{a=jm.highlight("gherkin",i)}catch(e){}return t("div",null,t("details",null,t("summary",null,"Specs"),a&&t("pre",{innerHTML:a.value})),r)},Vm=[Ss,Ts,Fs,Is,Gs,Ks,ro,Ro,No,Lo,Vs,Hs,Us,jo,ll,dl,ul,hl,yl,ql,Sl,Bl,Ll,jl,Hl,Kl,id,Xd,Kd,Nd,Qd,eu,pu,Bu,Mu,Vu,zu,Hu,Uu,Xu,Tc,Jo,tl,Qo,Nc,Bc,Lc,zc,Hc],Gm=class{constructor(t){e(this,t),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const{class:e,children:n}=function(e,r){var n=r.h,a=void 0===n?t:n,i=r.title,o=void 0===i?"Stencilbook":i,l=r.homepage,d=void 0===l?a("h3",null,"Select a story!"):l,u=r.addons,c=void 0===u?[]:u,m=h((function(){return e.map(As).reduce(ks,{_:[]})}),e),p=s(void 0),f=p[0],g=p[1],b=null==f?void 0:f.key,v=s("desktop"),y=v[0],w=v[1],$=s(!0),x=$[0],C=$[1],q=s(!1),D=q[0],E=q[1],k=function(){return a("div",{class:"dynamic-display-wrapper"},a("div",{class:"button-wrapper"},a("button",{class:"desktop"===y?"active":"",onClick:function(){return w("desktop")}},"Desktop"),a("button",{class:"tablet"===y?"active":"",onClick:function(){return w("tablet")}},"Tablet"),a("button",{class:"mobile"===y?"active":"",onClick:function(){return w("mobile")}},"Mobile")),a("p",null,"Note: Currently doesn't test breakpoints, use the native tester for now"),a("hr",null),a("button",{class:D?"active":"",onClick:function(){return E((function(e){return!e}))}},"Toggle Dark Background"),a("hr",null),a("button",{class:x?"active":"",onClick:function(){return C((function(e){return!e}))}},"Toggle Sidebar"))},A="mobile"===y?"375px":"tablet"===y?"768px":"1124px",S=ws(qs||(qs=xs(["\n    max-width: ",";\n    margin-left: ",";\n  "])),A,x?"250px":"0px"),T=ws(Ds||(Ds=xs(["\n    display: none;\n  "])));document.body.style.backgroundColor=D?"#232323":"#fafafa";var F=function(e){var t=e.selected,r=c.reduce((function(e,r){return function(){return a(r,{story:$s({},t)},a(e,null))}}),null==t?void 0:t.story);return a(r,null)},P=function(){return a("div",{class:"story-book-outer-div"},a("div",{class:"story-div "+(x?"":T)},a("div",{class:"header",onClick:function(){g(void 0)}},a("h2",null,o)),a("ul",{class:"parentStoryList"},Object.keys(m).sort().map((function(e){return a("div",{class:"group-wrapper"},"_"!==e&&a("h4",{class:"group-header"},e),m[e].map((function(t){return a("li",{class:"parentStory"},a("details",{style:{marginBottom:"10px"}},a("summary",{style:{outline:"none"}},t.story.title),t.subs&&Object.keys(t.subs).map((function(r){var n=e+"/"+r,i=t.subs[r],s=i.storyName||di(r);return a("div",{class:"subStory "+(b===n?"selected":"")},a("a",{onClick:function(){return function(e,t,r,n){g({key:t,story:e,parent:r,label:n})}(i,n,t.story,s)}},s))}))))})))})))),a(k,null),a("div",{class:"component "+S},!b&&d,b&&a("div",null,a("h3",null,f.label),a(F,{selected:f}))))};return{class:Es,children:a(P,null),View:P,selected:f}}(Vm,{h:t,title:"Mint Components",addons:[Mm,ue,Ns]}),[a,i]=s("Default"),[o,l]=s(!0),d=Object.keys(Yc),u=Yc[a];return t(r,{class:e,onClick:{}},t("div",{style:{position:"absolute",top:"0",right:"0",zIndex:"999999"}},"Branding:",t("select",{onChange:e=>i(e.target.value)},d.map((e=>t("option",{selected:e===a},e)))),t("div",null,t("div",null)),t(zm,null),t("br",null),t("input",{type:"checkbox",id:"checkerboard",onClick:()=>l(!o),onChange:()=>document.documentElement.style.setProperty("--checker-color-1",o?"#ebebeb":"#ffffff00")}),t("label",{htmlFor:"checkerboard"},"Checkerboard?")),t("style",null,u),t("style",null,"\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"),n)}};function zm(){return t("span",null,t(Hm,null),t(Hm,{type:"success"}),t(Hm,{type:"warning"}),t(Hm,{type:"danger"}),t(Hm,{type:"neutral"}))}function Hm({type:e="primary"}){return t("span",{style:{background:`var(--sl-color-${e}-500)`,width:"1em",marginRight:"2px",padding:"0 4px"},title:e},e.charAt(0))}const Wm=class{constructor(t){e(this,t),this.colspan=1,this.padding="15px 10px"}render(){return t(r,{style:{display:"contents"}},t("td",{colSpan:this.colspan,style:{padding:this.padding}},t("slot",null)))}},Um=class{constructor(t){e(this,t),this.border="1px solid #EAEAEA"}render(){return t(r,{style:{display:"contents"}},t("tr",{style:{border:this.border}},t("slot",null)))}},Zm=class{constructor(t){e(this,t),this.ignored=!0,this.rewardAmount="0",this.rewardUnit="Points",this.cardTitle="Title Text",this.description="Description Text",this.repeatable=!1,this.finite=0,this.showProgressBar=!1,this.goal=1,this.steps=!1,this.showExpiry=!1,this.rewardDuration="/",this.completedText="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",this.buttonText="Complete Action",this.buttonLink="https://example.com/",this.openNewTab=!1,this.statType="/programGoals/count/Referral-Started%2Freferrals",a(this)}disconnectedCallback(){}render(){const{props:e}=x()?oe(this):se(this),{value:r,loading:n}=e;return t(iu,Object.assign({progress:r,loading:n},j(this)))}},Jm=u("sq:global"),Xm=class{constructor(t){e(this,t),this.ignored=!0,a(this)}disconnectedCallback(){}componentWillLoad(){try{g("\n  sqm-text {\n    display: block;\n  }\n\n  sqm-text h1 {\n    font-size: var(--sl-font-size-xx-large);\n    font-weight: 600;\n    color: var(--sl-color-gray-800);\n    margin: 0;\n  }\n\n  sqm-text h2 {\n    font-size: var(--sl-font-size-x-large);\n    font-weight: 600;\n    color: var(--sl-color-gray-800);\n    margin: 0;\n  }\n\n  sqm-text h3 {\n    font-size: var(--sl-font-size-large);\n    font-weight: 600;\n    color: var(--sl-color-gray-800);\n    margin: 0;\n  }\n\n  sqm-text h4 {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--sl-color-gray-800);\n    margin: 0;\n  }\n\n  sqm-text p {\n    font-size: var(--sl-font-size-small);\n    font-weight: 400;\n    color: var(--sl-color-gray-800);\n    margin: 0;\n  }\n\n  sqm-text p[light] {\n    font-size: var(--sl-font-size-x-small);\n    font-weight: 400;\n    color: var(--sl-color-gray-600);\n    margin: 0;\n  }\n")}catch(e){Jm(e)}}render(){return t("slot",null)}};function Ym(e){return t(r,null,e.loading?e.loadingText:e.username)}const Km=Q`
   query getUserName {
     viewer {
       ... on User {