@saasquatch/mint-components 2.0.2 → 2.0.3-2

package/dist/mint-components/{p-ffc3cd7c.js → p-ee83de0e.js}

@@ -412,7 +412,7 @@ import{h as e,c as a,d as t,F as l,g as r}from"./p-c7c11325.js";import{i as s}fr
           }
         }
       }
-    `,{},(e=>{var a,t,l,r;const s=null===(r=null===(l=null===(t=null===(a=e.data)||void 0===a?void 0:a.viewer)||void 0===t?void 0:t.publisher)||void 0===l?void 0:l.payoutsAccount)||void 0===r?void 0:r.balance;return{value:s||0,statvalue:`${s||0}`}}))}},Y=[{name:"programGoals",route:"/(programGoals)/:metricType/:goalId"},{name:"customFields",route:"/(customFields)/:customField"},{name:"referralsCount",route:"/(referralsCount)/:status?"},{name:"referralsMonth",route:"/(referralsMonth)/:status?"},{name:"referralsWeek",route:"/(referralsWeek)/:status?"},{name:"rewardsCount",route:"/(rewardsCount)/:global?"},{name:"rewardsMonth",route:"/(rewardsMonth)/:global?"},{name:"rewardsWeek",route:"/(rewardsWeek)/:global?"},{name:"rewardsCountFiltered",route:"/(rewardsCountFiltered)/:statType([FUELTANK|INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?"},{name:"integrationRewardsCountFiltered",route:"/(integrationRewardsCountFiltered)/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?"},{name:"rewardsAssigned",route:"/(rewardsAssigned)/:statType/:unit/:global?"},{name:"rewardsExpired",route:"/(rewardsExpired)/:statType/:unit/:global?"},{name:"rewardsCancelled",route:"/(rewardsCancelled)/:statType/:unit/:global?"},{name:"rewardsPending",route:"/(rewardsPending)/:statType/:unit/:global?"},{name:"rewardsRedeemed",route:"/(rewardsRedeemed)/:statType/:unit/:global?"},{name:"rewardsRedeemedWeek",route:"/(rewardsRedeemedWeek)/:statType/:unit/:global?"},{name:"rewardsRedeemedMonth",route:"/(rewardsRedeemedMonth)/:statType/:unit/:global?"},{name:"rewardsAvailable",route:"/(rewardsAvailable)/:statType/:unit/:global?"},{name:"rewardBalance",route:"/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?"},{name:"traffic",route:"/(traffic)"},{name:"userStats",route:"/(userStats)/:statId"},{name:"payoutBalance",route:"/(payoutBalance)"}],J=Y.map((e=>H(e.route)));function ee(e){var a;const{statType:t,flexReverse:l,alignment:r,programId:s=d()}=e;V();const i=c(),n=u(),p=o((()=>J.find((e=>e.exec(t)))),[t]);if(!(null==p?void 0:p.exec(t)))return{props:{value:0,statvalue:"-",flexReverse:l,alignment:r,loading:!1,statTextColor:e.statTextColor,statFontSize:e.statFontSize,descriptionTextColor:e.descriptionTextColor,descriptionFontSize:e.descriptionFontSize,statFontWeight:e.statFontWeight},label:"BAD PROP TYPE"};const v=p.exec(t)[1],m=Y.find((e=>e.name===v)),g=[],f=H(null==m?void 0:m.route,g,{strict:!1,sensitive:!1,end:!0}).exec(t),b=g.map(((e,a)=>f[a+1]?decodeURIComponent(f[a+1]):void 0));b.shift();const h=K[v].label,x=(null==n?void 0:n.jwt)&&K[v].query(s,i,...b);return G("stat:",x),{props:{value:null==x?void 0:x.value,statvalue:null!==(a=null==x?void 0:x.statvalue)&&void 0!==a?a:"...",loading:null==x?void 0:x.loading,flexReverse:l,alignment:r,statTextColor:e.statTextColor,statFontSize:e.statFontSize,descriptionTextColor:e.descriptionTextColor,descriptionFontSize:e.descriptionFontSize,statFontWeight:e.statFontWeight},label:h}}function ae(e){const{statType:a}=e,t=o((()=>J.find((e=>e.exec(a)))),[a]);if(V(),!(null==t?void 0:t.exec(a)))return{props:{value:0,statvalue:"-",loading:!1,flexReverse:e.flexReverse,alignment:e.alignment,statTextColor:e.statTextColor,statFontSize:e.statFontSize,descriptionTextColor:e.descriptionTextColor,descriptionFontSize:e.descriptionFontSize},label:"BAD PROP TYPE"};const l=t.exec(a),r=K[l[1]].label;return{props:x({statvalue:"12345",value:0,flexReverse:e.flexReverse,alignment:e.alignment,statTextColor:e.statTextColor,statFontSize:e.statFontSize,descriptionTextColor:e.descriptionTextColor,descriptionFontSize:e.descriptionFontSize,statFontWeight:e.statFontWeight},e.demoData||{},{arrayMerge:(e,a)=>a}),label:null!=r?r:"Demo Label"}}function te(a,t){const l=y({Container:{columnGap:a.gap+"px",columnWidth:a.width+"px","& > div":{marginBottom:"24px"}}}),r=l.toString();return e("div",null,e("style",{type:"text/css"},r,"\n    :host{\n      display: block;   \n    }\n\n  "),e("div",{class:l.classes.Container,part:"sqm-base"},t))}const le=y({Description:{"& .icon":{color:"var(--sqm-text)","&:hover":{color:"var(--sqm-accent-color-icon)"}},"& 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(--sqm-text)",fontSize:"var(--sl-font-size-large)","& :hover":{color:"var(--sl-color-primary-700)"},transformOrigin:"50% 37%",transition:"transform var(--sl-transition-medium) ease",cursor:"pointer"},"& input:checked ~ .summary":{transition:"all var(--sl-transition-medium) ease",maxHeight:"300px",marginBottom:"var(--sl-spacing-x-large)"},"& input:checked ~ .summary[progress-bar]":{marginBottom:"var(--sl-spacing-xx-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)"}}}),re=le.toString();function se(a){const t=Math.random().toString(36).slice(2);return e("div",{style:{opacity:a.opacity}},e("style",{type:"text/css"},re),e("span",{class:le.classes.Description},e("input",{type:"checkbox",id:"details-"+t}),e("label",{class:"details",htmlFor:"details-"+t},e("sl-icon",{class:"icon",exportparts:"base: chevron-icon",name:"chevron-down"})),e("span",{class:"summary","progress-bar":a.progressBar},a.content.description)))}const ie=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"}),e("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"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9V10H14.5V9H1.5Z",fill:"#BE9720"}),e("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"})),oe=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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:"#C9C9C9"}),e("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:"#C9C9C9"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9V10H14.5V9H1.5Z",fill:"#A5A3A3"}),e("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:"#828282"})),ne=y({ProgressBar:{"& .progress-bar":{height:"0",marginTop:"var(--sl-spacing-large)",marginBottom:"var(--sl-spacing-xxx-large)",marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-small)",display:"grid",lineHeight:"45px",userSelect:"none"},"& .progress-bar.repeatable-steps":{marginLeft:"var(--sl-spacing-x-small)"},"&[data-steps]":{marginTop:"calc(-1*var(--sl-spacing-x-small))"},"&[data-steps]  .progress-bar":{marginTop:"var(--sl-spacing-medium)"},"&[data-expired]  .progress::after":{backgroundColor:"#bfbfbf"},"&[data-expired]  .filled::after":{backgroundColor:"#bfbfbf"},"&[data-complete] .filled::after .progress::after":{backgroundColor:"var(--sl-color-primary-200)"},"& .gift":{textAlign:"center",marginLeft:"-100px",marginRight:"-100px",position:"relative",top:"-18px"},"& .gift.start":{transform:"scale(80%)",top:"-20px"},"& .filled:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"var(--sqm-accent-color-icon)",background:"red"},"& .progress":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .progress::after":{content:'""',width:"12px",height:"12px",display:"flex",backgroundColor:"var(--sqm-accent-color-icon)",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"}}},{classNamePrefix:"sqm-prog-bar"}),de=ne.toString();function ce(a){const{progress:t=0,goal:l=1,steps:r=!1,progressBarUnit:s="",repeatable:i=!1,complete:o=!1,expired:n=!1,finite:d=0,opacity:c="1"}=a;let u=function(a,t,l){return a?t?function({progress:a,goal:t,finite:l,expired:r}){const s=[],i=[];let o=Math.floor(a/t);if(o<2){let l=1/t;for(let o=1;o<2*t+1;o++)i.push(l+"fr"),i.push("0fr"),o>a?o==t?(i.push("0fr"),s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty bg"},t)),s.push(e("div",{class:"gift"},e(oe,null)))):o==2*t?(i.push("0fr"),i.push("0fr"),s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty bg"},2*t)),s.push(e("div",{class:"gift"},e(oe,null)))):(s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty"},o))):o==t?(i.push("0fr"),s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress bg"},o)),s.push(e("div",{class:"gift"},e(r?oe:ie,null)))):(s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress"},o)))}else if(l&&o>=l){let n=1/t;o>2&&(i.push("0fr"),i.push("0fr"),s.push(e("div",{class:"progress bg"},t*(l-2))),s.push(e("div",{class:"gift start"},e(r?oe:ie,null))));for(let o=1;o<2*t+1;o++)i.push(n+"fr"),i.push("0fr"),o>a?o==t&&(i.push("0fr"),s.push(e("div",{class:"remain"})),s.push(e("div",{class:"progress bg"},t*(l-1))),s.push(e("div",{class:"gift"},e(oe,null)))):o==t?(i.push("0fr"),s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress bg"},t*(l-1))),s.push(e("div",{class:"gift"},e(r?oe:ie,null)))):o==2*t?(i.push("0fr"),i.push("0fr"),s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress bg"},t*l)),s.push(e("div",{class:"gift"},e(r?oe:ie,null)))):(s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress"},o+t*(l-2))))}else{let l=a%t+t,n=1/t;i.push("0fr"),i.push("0fr"),s.push(e("div",{class:"progress bg"},t*(o-1))),s.push(e("div",{class:"gift start"},e(r?oe:ie,null)));for(let a=1;a<2*t+1;a++)i.push(n+"fr"),i.push("0fr"),a<=t?a==t?(i.push("0fr"),s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress bg"},a+t*(o-1))),s.push(e("div",{class:"gift"},e(r?oe:ie,null)))):(s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress"},a+t*(o-1)))):a>l?a==2*t?(i.push("0fr"),i.push("0fr"),s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty bg"},a+t*(o-1))),s.push(e("div",{class:"gift"},e(oe,null)))):(s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty"},a+t*(o-1)))):(s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress"},a+t*(o-1))))}return{items:s,columns:i.join(" ")}}(l):function({progress:a,goal:t,progressBarUnit:l,finite:r,expired:s}){let i=Math.floor(a/t),o=a%t/t*.5;const n=[];let d="";return 0==i?(d=o+"fr 0fr "+(.5-o)+"fr 0fr 0fr 0.5fr 0fr 0fr",n.push(e("div",{class:"filled"})),n.push(e("div",{class:a==t?"progress top bg":"progress top"},l+a)),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+t)),n.push(e("div",{class:"gift"},e(a==t?s?oe:ie:oe,null))),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+2*t)),n.push(e("div",{class:"gift"},e(oe,null)))):1==i?(d="0.5fr 0fr 0fr "+o+"fr 0fr "+(.5-o)+"fr 0fr 0fr",n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t)),n.push(e("div",{class:"gift"},e(s?oe:ie,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:a==t?"progress top bg":"progress top"},a==t?"":l+a)),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+2*t)),n.push(e("div",{class:"gift"},e(oe,null)))):r&&i>=r?(i>2?(n.push(e("div",{class:"progress bg"},l+t*(r-2))),n.push(e("div",{class:"gift start"},e(s?oe:ie,null))),d="0fr 0fr 0.5fr 0fr 0fr 0.5fr 0fr 0fr"):d="0.5fr 0fr 0fr 0.5fr 0fr 0fr",n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t*(r-1))),n.push(e("div",{class:"gift"},e(s?oe:ie,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t*r)),n.push(e("div",{class:"gift"},e(s?oe:ie,null)))):(d="0fr 0fr 0.5fr 0fr 0fr "+o+"fr 0fr "+(.5-o)+"fr 0fr 0fr",n.push(e("div",{class:"progress bg"},l+t*(i-1))),n.push(e("div",{class:"gift start"},e(s?oe:ie,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t*i)),n.push(e("div",{class:"gift"},e(s?oe:ie,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:a==t*i?"progress top bg":"progress top"},a==t*i?"":l+a)),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+t*(i+1))),n.push(e("div",{class:"gift"},e(oe,null)))),{items:n,columns:d}}(l):t?function({progress:a,goal:t,expired:l}){const r=[],s=[];let i=1/t;for(let l=1;l<t;l++)s.push(i+"fr"),s.push("0fr"),l>a?(r.push(e("div",{class:"remain"})),r.push(e("div",{class:"empty"},l))):(r.push(e("div",{class:"filled"})),r.push(e("div",{class:"progress"},l)));return s.push(i+"fr"),s.push("0fr"),t<=a?(s.push("0fr"),r.push(e("div",{class:"filled"})),r.push(e("div",{class:"progress bg"},t)),r.push(e("div",{class:"gift"},e(l?oe:ie,null)))):(s.push("0fr"),r.push(e("div",{class:"remain"})),r.push(e("div",{class:"empty bg"},t)),r.push(e("div",{class:"gift"},e(oe,null)))),{items:r,columns:s.join(" ")}}(l):function({progress:a,goal:t,progressBarUnit:l,expired:r}){const s=[];let i="";const o=a/t;return i=ue(o,0,1)+"fr 0fr "+ue(1-o,0,1)+"fr 0fr 0fr",s.push(e("div",{class:"filled"})),s.push(e("div",{class:ue(a,0,t)==t?"progress top bg":"progress top"},ue(a,0,t)==t?"":l+ue(a,0,t))),s.push(e("div",{class:"remain"})),s.push(e("div",{class:"progress bg"},l+t)),s.push(e("div",{class:"gift"},ue(a,0,t)==t?e(r?oe:ie,null):e(oe,null))),{items:s,columns:i}}(l)}(i,r,a);const{columns:p,items:v}=u;return e("div",{class:ne.classes.ProgressBar,"data-expired":n,"data-complete":o,"data-steps":r,"data-done":l<=t,style:{opacity:c}},e("style",{type:"text/css"},de),e("div",{class:!Boolean(d)&&t>=2*l||Boolean(d)&&t>2*l?"progress-bar repeatable-steps":"progress-bar",style:{gridTemplateColumns:p,marginLeft:0!==t||r?"":"var(--sl-spacing-x-small)"}},v))}function ue(e,a,t){return Math.min(Math.max(e,a),t)}function pe(a){var t,l;const{callbacks:r,states:i,content:o}=a,n=y({TaskCard:{display:"inline-block",width:"100%","& .main":{position:"relative",boxSizing:"border-box",background:o.backgroundColor||"var(--sqm-portal-background)",border:`var(--sqm-border-thickness) solid ${o.borderColor||"var(--sqm-border-color)"}`,borderRadius:"var(--sqm-border-radius-normal)",boxShadow:"1px 2px 4px rgba(211, 211, 211, 0.4)",fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",color:o.textColor||"var(--sqm-text)"},"& .main.complete":{opacity:"0.8",borderColor:"var(--sqm-accent-color-border)"},"& .main.expired":{color:o.textColor||"var(--sqm-text)",opacity:"0.8"},"& .title":{fontSize:"var(--sl-font-size-medium)",color:o.textColor||"var(--sqm-text)"},"& .container":{margin:"var(--sl-spacing-medium)"},"& .container.subdued":{opacity:"0.45"},"& .container > div":{margin:"var(--sl-spacing-medium) 0"}},NotStarted:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:o.textColor||"var(--sqm-primary-color)",border:`var(--sqm-border-thickness, 1px) solid ${o.borderColor||"var(--sl-color-neutral-200)"}`,borderRadius:"var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",borderBottom:"none",background:o.backgroundColor||"var(--sl-color-primary-50)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:o.textColor||"var(--sqm-text)"}},Ended:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:o.textColor||"var(--sqm-warning-color-text)",border:`var(--sqm-border-thickness, 1px) solid ${o.borderColor||"var(--sl-color-neutral-200)"}`,borderRadius:"var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",borderBottom:"none",background:o.backgroundColor||"var(--sqm-warning-color-background)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:o.textColor||"var(--sqm-text)"}},Header:{display:"flex","& .icon":{position:"relative",top:"5%",alignSelf:"center",lineHeight:"0",color:"var(--sqm-accent-color-icon)",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:o.textColor||"var(--sqm-text)",lineHeight:"100%",marginRight:"var(--sl-spacing-xx-small)"},"& .text":{alignSelf:"end",textTransform:"uppercase",fontSize:"var(--sl-font-size-x-small)",color:o.textColor||"var(--sqm-text)",lineHeight:"var(--sl-font-size-medium)",marginRight:"var(--sl-spacing-xx-small)"},"& .end":{color:o.textColor||"var(--sqm-warning-color-text)",fontWeight:"var(--sl-font-weight-semibold)",marginBottom:"var(--sl-spacing-xx-small)"},"& .neutral":{color:o.textColor||"var(--sl-color-neutral-400)"}},Footer:{"&[data-subdue] .success":{color:o.textColor||"var(--sqm-accent-color-text)"},"&[data-subdue] .neutral":{color:o.textColor||"var(--sqm-text)"},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)",color:o.textColor||"var(--sqm-text)"},"& .success":{color:o.textColor||"var(--sqm-text)",fontWeight:"var(--sl-font-weight-semibold)"},"& .neutral":{color:o.textColor||"var(--sqm-text)"},"& .datetime":{display:"block",marginTop:"var(--sl-spacing-xx-small)"}}}),d=n.toString(),c=o.rewardDuration&&L.DateTime.fromISO(o.rewardDuration.split("/")[0]),u=o.rewardDuration&&L.DateTime.fromISO(o.rewardDuration.split("/")[1]),p=L.DateTime.now();if(o.displayDuration){const a=null===(t=o.displayDuration.split("/"))||void 0===t?void 0:t[0],r=null===(l=o.displayDuration.split("/"))||void 0===l?void 0:l[1],s=a?L.DateTime.fromISO(a):p,i=r?L.DateTime.fromISO(r):p;if(p<s||p>i)return e("span",null)}const v=e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"})),m=e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor"}),e("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"})),g=e("svg",{width:11,height:12,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"})),f=i.progress>=o.goal,b=o.showProgressBar?Math.floor(i.progress/o.goal):i.progress,h=f&&!1===o.repeatable||o.finite&&i.progress>=o.finite*o.goal,x=o.rewardDuration&&u<=p,w=o.rewardDuration&&p<=c,q=x||w;return e("div",{class:n.classes.TaskCard,part:"sqm-base"},e("style",{type:"text/css"},d,"\n\t:host{\n\t\tdisplay: block;\n\t\tmargin-bottom: var(--sl-spacing-large);\n\t}\n\n  "),!i.loading&&w&&e("div",{class:n.classes.NotStarted},e("span",{class:"icon"},e("sl-icon",{name:"info-circle-fill"})),s.formatMessage({id:"startsOnMessage",defaultMessage:o.startsOnMessage},{startDate:c.setLocale(C(i.locale)).toLocaleString(L.DateTime.DATETIME_MED)})),!i.loading&&x&&e("div",{class:n.classes.Ended},e("span",{class:"icon"},e("sl-icon",{exportparts:"base: task-card-icon",name:"exclamation-triangle-fill"})),s.formatMessage({id:"endedMessage",defaultMessage:o.endedMessage},{endDate:u.setLocale(C(i.locale)).toLocaleString(L.DateTime.DATETIME_MED)})),e("div",{part:"sqm-style-container",style:{borderRadius:q&&"0 0 var(--sqm-border-radius-normal) var(--sqm-border-radius-normal)"},class:q?"main expired":h?"main complete":"main"},e("div",{class:"container",part:"sqm-card-container","data-subdue":h||q},e("div",{class:n.classes.Header,style:{opacity:h||q?"0.45":"1"}},i.loading?e("sl-skeleton",{style:{width:"22%",margin:"0"}}):e("div",null,f&&e("span",{class:q?"icon neutral":"icon"},h?m:v),e("span",{part:"sqm-value",class:"value"},o.rewardAmount),e("span",{part:"sqm-unit",class:"text"},o.rewardUnit))),i.loading?e("sl-skeleton",{style:{width:"42%",margin:"var(--sl-spacing-medium) 0"}}):e("div",{class:"title",part:"sqm-title",style:{marginBottom:o.description?"":o.steps?"var(--sl-spacing-x-large)":o.showProgressBar?"var(--sl-spacing-xx-large)":"",opacity:h||q?"0.45":"1"}},o.cardTitle),i.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):o.description&&e(se,Object.assign({},a,{opacity:h||q?"0.45":"1"})),o.showProgressBar&&i.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):o.showProgressBar&&e(ce,Object.assign({},a.content,a.states,{opacity:h||q?"0.75":"1",complete:h,expired:q})),e("div",{class:n.classes.Footer,"data-subdue":h||q},i.loading?e("sl-skeleton",{style:{width:"25%",marginLeft:"auto"}}):e("div",{style:{display:"contents"}},e("span",{class:"text"},o.repeatable&&e("div",null,e("span",{class:b>0?q?"icon neutral":"icon success":"icon neutral","data-subdue":h||q},g),e("span",{class:b>0?q?"neutral":"success":"neutral","data-subdue":h||q},s.formatMessage({id:"completedMessage",defaultMessage:o.completedText},{finite:o.finite,count:o.finite?Math.min(b,o.finite):b}))),u&&!q&&e("span",{class:"datetime neutral","data-subdue":h||q},s.formatMessage({id:"expiryMessage",defaultMessage:o.expiryMessage},{endDate:u.setLocale(C(i.locale)).toLocaleString(L.DateTime.DATETIME_MED)}))),o.hideButton?"":e("sl-button",{exportparts:`base: ${o.buttonType||"primary"}button-base`,type:"primary",id:"sl-button",size:"small",onClick:r.onClick,loading:i.loadingEvent,disabled:h||q,style:{opacity:h||q?"0.45":"1"}},o.buttonText))))))}const ve={Wrapper:{...k,"max-width":"600px"},Column:E,HostBlock:$,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:I,ErrorStyle:T},me=y(ve),ge=me.toString();function fe(a){var t,l,r,s,i,o,n,d,c,u,p,v,m;const{states:g,refs:f,callbacks:b,content:h}=a;return g.error&&window.scrollTo({top:0,left:0,behavior:"smooth"}),e("div",{class:me.classes.Wrapper,part:"sqm-base"},e("style",{type:"text/css"},"\nsqm-portal-register {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\n\n:host{\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n",ge),e(A,{type:"h3"},h.pageLabel),e("sl-form",{class:me.classes.Column,"onSl-submit":b.submit,ref:e=>f.formRef.current=e,novalidate:!0},g.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},a.states.error)),h.formData,!g.hideInputs&&e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",type:"email",name:"/email",label:h.emailLabel||"Email",disabled:g.loading,required:!0,validationError:({value:e})=>e?e.includes("@")?void 0:h.invalidEmailErrorMessage:h.requiredFieldErrorMessage},(null===(l=null===(t=g.registrationFormState)||void 0===t?void 0:t.validationErrors)||void 0===l?void 0:l.email)?{class:me.classes.ErrorStyle,helpText:(null===(s=null===(r=g.registrationFormState)||void 0===r?void 0:r.validationErrors)||void 0===s?void 0:s.email)||h.requiredFieldErrorMessage}:[])),!g.hideInputs&&e("sqm-password-field",{fieldLabel:h.passwordLabel,"disable-validation":g.disablePasswordValidation,meetsRequirementsText:h.meetsRequirementsText,doesNotMeetRequirementsText:h.doesNotMeetRequirementsText,minErrorText:h.minErrorText,uppercaseErrorText:h.uppercaseErrorText,lowercaseErrorText:h.lowercaseErrorText,hasErrorText:h.hasErrorText}),h.passwordField,!g.hideInputs&&g.confirmPassword&&e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",type:"password",name:"/confirmPassword",label:h.confirmPasswordLabel,disabled:g.loading||(null===(i=g.registrationFormState)||void 0===i?void 0:i.disabled),required:!0},(null===(n=null===(o=g.registrationFormState)||void 0===o?void 0:o.initialData)||void 0===n?void 0:n.confirmPassword)?{value:null===(c=null===(d=g.registrationFormState)||void 0===d?void 0:d.initialData)||void 0===c?void 0:c.confirmPassword}:{},(null===(p=null===(u=g.registrationFormState)||void 0===u?void 0:u.validationErrors)||void 0===p?void 0:p.confirmPassword)?{class:me.classes.ErrorStyle,helpText:(null===(m=null===(v=g.registrationFormState)||void 0===v?void 0:v.validationErrors)||void 0===m?void 0:m.confirmPassword)||h.requiredFieldErrorMessage}:[])),h.terms,e("div",{class:me.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:g.loading,exportparts:"base: primarybutton-base",type:"primary"},h.submitLabel||"Register"),h.secondaryButton)))}w.setup(q());const be=w.createStyleSheet({ErrorStyle:{"&::part(control)":{borderColor:"var(--sl-color-danger-500)",outline:"var(--sl-color-danger-500)"},"&:host":{"--focus-ring":"0 0 0 var(--sl-focus-ring-width) red !important"}},ErrorMessageStyle:{margin:0,marginTop:"5px",color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)",fontFamily:"var(--sl-font-sans)",fontWeight:"var(--sl-font-weight-normal)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}}),he=be.toString();function xe(a){var t,l,r,i,o;const{states:n,content:d,callbacks:c}=a,u=null===(t=null==n?void 0:n.registrationFormState)||void 0===t?void 0:t.validationErrors;return e("div",{class:be.classes.FieldContainer,part:"sqm-base"},e("style",{type:"text/css"},"\n:host {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\nsl-checkbox::part(label){\n  font-size: var(--sl-input-label-font-size-small);\n  font-weight: var(--sl-font-weight-normal);\n  line-height: 20px;\n}\nsl-checkbox::part(base){\n  align-items: start;\n}\nsl-checkbox[checked]::part(control){\n  background-color: var(--sqm-input-border-color-focus);\n}\n\nsl-checkbox[checked]::part(checked-icon){\n  color: var(--sqm-input-background);\n}\n",he),e("sl-checkbox",Object.assign({exportparts:"label: input-label, base: input-base",name:`/${d.checkboxName}`,checked:n.checked,"onSl-change":e=>{e.target.value=e.target.checked,c.setChecked(e.target.value)}},d.checkboxOptional?[]:{required:!1},{disabled:(null===(l=n.registrationFormState)||void 0===l?void 0:l.loading)||(null===(r=n.registrationFormState)||void 0===r?void 0:r.disabled),validationError:({value:e})=>{if(!e&&!d.checkboxOptional)return d.errorMessage}},(null===(o=null===(i=n.registrationFormState)||void 0===i?void 0:i.validationErrors)||void 0===o?void 0:o[d.checkboxName])?{class:be.classes.ErrorStyle}:[]),s.formatMessage({id:d.checkboxName+"-message",defaultMessage:d.checkboxLabel},{labelLink:e("a",{href:d.checkboxLabelLink,target:"_blank"},d.checkboxLabelLinkText||d.checkboxLabelLink)})),(null==u?void 0:u[d.checkboxName])&&e("p",{class:be.classes.ErrorMessageStyle},d.errorMessage))}function Ce(a){const t=!a.loading&&a.error,l=y({HostBlock:$,couponCodeLabel:{margin:"var(--sl-spacing-x-small) 0",color:a.textColor||"var(--sqm-text-subdued)",fontSize:"var(--sl-font-size-small)"}}),r=l.toString();return e("div",null,e("style",{type:"text/css"},r,"\n  :host{\n    display: block;   \n    width: 100%;\n  }\n"),e("p",{class:l.classes.couponCodeLabel,style:{textAlign:a.textAlign}},a.couponCodeLabel),t?e("sqm-form-message",{type:a.errorType,exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},a.errorText)):e(M,Object.assign({},a)))}w.setup(q());const ye=w.createStyleSheet({ErrorStyle:{"--sl-input-border-color":"var(--sl-color-danger-500)","--sl-input-background-color":"var(--sl-color-danger-10)","--sl-input-border-color-focus":"var(--sl-color-danger-500)","--sl-input-border-color-hover":"var(--sl-color-danger-500)"},ErrorMessageStyle:{margin:0,color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-medium)"}}),we=ye.toString();function qe(a){var t,l,r,i,o,n,d;const{states:c,content:u}=a,p=null===(t=null==c?void 0:c.registrationFormState)||void 0===t?void 0:t.validationErrors;return e("div",{class:ye.classes.FieldContainer,part:"sqm-base"},e("style",{type:"text/css"},"\n:host {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\nsl-select::part(label){\n  font-size: var(--sl-input-label-font-size-small);\n  font-weight: var(--sl-font-weight-semibold);\n}\n",we),e("sl-select",Object.assign({exportparts:"label: input-label, base: input-base",label:u.dropdownLabel,name:`/${u.dropdownName}`},u.dropdownOptional?[]:{required:!0},{disabled:(null===(l=c.registrationFormState)||void 0===l?void 0:l.loading)||(null===(r=c.registrationFormState)||void 0===r?void 0:r.disabled)},(null===(o=null===(i=c.registrationFormState)||void 0===i?void 0:i.initialData)||void 0===o?void 0:o[u.dropdownName])?{value:null===(d=null===(n=c.registrationFormState)||void 0===n?void 0:n.initialData)||void 0===d?void 0:d[u.dropdownName]}:{},(null==p?void 0:p[u.dropdownName])?{class:ye.classes.ErrorStyle}:[]),u.selectOptions),(null==p?void 0:p[u.dropdownName])&&e("p",{class:ye.classes.ErrorMessageStyle},s.formatMessage({id:`errorMessage-${u.dropdownName}`,defaultMessage:u.errorMessage})))}const Re=a=>{var t,l,r,s;const{states:i,callbacks:o}=a,{text:n}=i,{errors:d}=i.formState;return i.showEdit?e("div",{class:`CardWrapper ${!i.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),e("form",{class:"FormWrapper",onSubmit:o.onSubmit},e("div",{class:"FormSection"},i.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},i.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:i.formState.firstName,onInput:o.onChange,label:n.firstnametext,disabled:i.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:i.formState.lastName,onInput:o.onChange,label:n.lastnametext,disabled:i.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),n.showregion&&i.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label, base: input-base",disabled:!0,value:i.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{type:"primary",loading:i.loading,disabled:i.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext),e("sl-button",{onClick:()=>{o.setShowEdit(!1)},type:"secondary",exportparts:"base: secondarybutton-base"},n.canceltext)))):e("div",{class:`CardWrapper FormWrapper ${!i.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("div",{class:"FormSection"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),e("div",null,e("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(t=i.user)||void 0===t?void 0:t.firstName," ",null===(l=i.user)||void 0===l?void 0:l.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=i.user)||void 0===r?void 0:r.email},null===(s=i.user)||void 0===s?void 0:s.email))),e("sl-button",{type:"primary",loading:i.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))};function Se(a){var t,l,r;const{states:i,data:o,elements:n}=a,{styles:d}=i,c=y({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse",background:d.background||"transparent",borderRadius:d.borderRadius?`${d.borderRadius}px`:"0"},"& th":{textAlign:"left",padding:"var(--sl-spacing-medium)",paddingTop:"0",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)"},"& tr:not(:first-child)":{borderTop:`var(--sqm-border-thickness) solid ${d.borderColor||"var(--sqm-border-color)"}`},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"left",padding:"0",color:d.textColor||"var(--sqm-text)",paddingLeft:"25%"},"& .highlight":{background:d.viewingUserHighlightColor||"var(--sqm-accent-color-background)","& td, th":{color:d.viewingUserHighlightTextColor||"var(--sqm-text)"}},"& td, th":{color:d.textColor||"var(--sqm-text)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"},"& .Rank":{whiteSpace:"nowrap"},"& .fullWidth":{width:"100%"}}}),u=c.toString(),p="\n  :host{\n    display: block;\n  }\n";if(i.isEssentials)return e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1715360191/squatch-assets/Leaderboard_Not_Available.svg","empty-state-header":"Leaderboards aren’t available on your plan","empty-state-text":"Contact {supportText} to upgrade your plan and start leveraging gamification in your program.","support-text":"Support"});if(i.loading)return e("div",{class:c.classes.Leaderboard,style:{width:d.width||"100%"}},e("style",{type:"text/css"},u,p),e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))));if(!i.hasLeaders)return n.empty;let v=!1;const m=e=>{if(!e.firstName&&!e.lastInitial)return d.anonymousUser;const{firstName:a,lastInitial:t}=e;return a&&t?`${a} ${t}`:a||t?a||t:d.anonymousUser},g=(e,a)=>{if(!e)return d.hideNames?`${d.viewingUserText}`:"-";const t=` - ${d.viewingUserText}`;return d.rankSuffix?s.formatMessage({id:"rank",defaultMessage:d.rankSuffix},{rank:e})+`${a&&d.hideNames?t:""}`:`${e} ${a&&d.hideNames?t:""}`};return e("div",{class:c.classes.Leaderboard,part:"sqm-base",style:{width:d.width||"100%"}},e("style",{type:"text/css"},u,p),e("table",{part:"sqm-table"},e("tr",null,d.showRank&&e("th",{class:"Rank "+(d.hideNames?"fullWidth":"")},d.rankheading),!d.hideNames&&e("th",{class:"User"},d.usersheading),e("th",{class:"Score"},d.statsheading)),null===(t=o.leaderboard)||void 0===t?void 0:t.map((a=>{var t,l;a.rowNumber===(null===(t=o.viewerRank)||void 0===t?void 0:t.rowNumber)&&(v=!0);const r=!d.hideViewer&&a.rowNumber===(null===(l=o.viewerRank)||void 0===l?void 0:l.rowNumber);return e("tr",{class:r?"highlight":""},d.showRank&&e("td",{class:"Rank"},g(a.rank,r)),!d.hideNames&&e("td",{class:"User"},m(a)),e("td",{class:"Score"},a.textValue))})),!v&&!d.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!v&&!d.hideViewer&&e("tr",{class:"highlight"},d.showRank&&e("td",{class:"Rank"},g(null===(l=o.viewerRank)||void 0===l?void 0:l.rank,!0)),!d.hideNames&&e("td",{class:"User"},m(o.viewerRank||{})),e("td",{class:"Score"},(null===(r=o.viewerRank)||void 0===r?void 0:r.textValue)||"0"))))}const $e=["var(--sl-spacing-xxx-small)","var(--sl-spacing-xx-small)","var(--sl-spacing-x-small)","var(--sl-spacing-small)","var(--sl-spacing-medium)","var(--sl-spacing-large)","var(--sl-spacing-x-large)","var(--sl-spacing-xx-large)","var(--sl-spacing-xxx-large)","var(--sl-spacing-xxxx-large)"],ke=e=>e?B(e)?e:`url(${e})`:"var(--sqm-portal-background)";function Ee(a){const{states:t,content:l}=a,{secondaryBackground:r="var(--sqm-portal-background)"}=t,s=(e,a)=>{var t={small:7,medium:8,large:9}[e];return D(650)?t-=2:D(767)&&(t-=1),a?$e[t-2]:$e[t]},i=e=>"small"==e?"1%":"medium"==e?"3%":"5%",o={TwoColumnContainer:{display:"flex","@media screen and (max-width: 650px)":{flexDirection:"wrap-reverse"==t.wrapDirection?"column-reverse":"column",justfiyContent:"center"}},ColumnPadding:{paddingTop:"none"==t.paddingSize?"0px":s(t.paddingSize),paddingBottom:"none"==t.paddingSize?"0px":s(t.paddingSize),paddingLeft:"none"==t.paddingSize?"0px":i(t.paddingSize),paddingRight:"none"==t.paddingSize?"0px":i(t.paddingSize)},ColumnWrapper:{"&:first-of-type":{background:`no-repeat center/cover ${ke(t.background)}`},"&:last-of-type":{background:`no-repeat center/cover ${ke(r)}`},"@media screen and (min-width: 650px)":{flex:"1 1 0"},minHeight:`${t.minHeight}px`,display:"block"},HideColumn:{"@media screen and (max-width: 650px)":{display:"none"}},SingleColumnContainer:{background:`no-repeat center/cover ${ke(t.background)}`,minHeight:`${t.minHeight}px`},Container:{width:"100%",maxWidth:"var(--sqm-max-width)",margin:"0 auto",flex:1,display:"flex",flexDirection:"column",minHeight:"100%"}},n=y(o),d=n.toString();return e("div",{class:n.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},"\n  :host{    \n    height: 100%;\n    display: contents;\n  }\n  sqm-hero{    \n    height: 100%;\n    display: contents;\n  }\n  img{\n      max-width: 100%;\n      height: auto;\n  }\n  \n",d),2==t.columns?e("div",{class:n.classes.TwoColumnContainer,part:"sqm-two-col-container"},e("div",{part:"sqm-two-col-primary-col",class:`${n.classes.ColumnWrapper} ${n.classes.ColumnPadding} ${"primary"===t.columnToHideInMobile?n.classes.HideColumn:""}`},l.primaryColumn),e("div",{part:"sqm-two-col-secondary-col",class:`${n.classes.ColumnWrapper} ${n.classes.ColumnPadding} ${"secondary"===t.columnToHideInMobile?n.classes.HideColumn:""}`},l.secondaryColumn)):e("div",{part:"sqm-single-col",class:`${n.classes.SingleColumnContainer} ${n.classes.ColumnPadding}`},l.primaryColumn))}const Ie={ErrorStyle:T,FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}};w.setup(q());const Te=w.createStyleSheet(Ie),Me=Te.toString();function Ve(a){var t,l,r,i,o,n,d;const{states:c,content:u}=a,p=null===(t=null==c?void 0:c.registrationFormState)||void 0===t?void 0:t.validationErrors;return e("div",{class:Te.classes.FieldContainer,part:"sqm-base"},e("style",{type:"text/css"},"\n:host {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\n",Me),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",name:`/${u.fieldName}`,type:u.fieldType,label:u.fieldLabel},u.fieldOptional?[]:{required:!0},{disabled:(null===(l=c.registrationFormState)||void 0===l?void 0:l.loading)||(null===(r=c.registrationFormState)||void 0===r?void 0:r.disabled)},(null===(o=null===(i=c.registrationFormState)||void 0===i?void 0:i.initialData)||void 0===o?void 0:o[u.fieldName])?{value:null===(d=null===(n=c.registrationFormState)||void 0===n?void 0:n.initialData)||void 0===d?void 0:d[u.fieldName]}:{},(null==p?void 0:p[u.fieldName])?{class:Te.classes.ErrorStyle,helpText:s.formatMessage({id:`errorMessage-${u.fieldName}`,defaultMessage:u.errorMessage||(null==p?void 0:p[u.fieldName])})}:[])))}const Le=y({ErrorStyle:T,FieldsContainer:{"& sl-input":{"margin-bottom":"var(--sl-spacing-large)"}}}),Ae=Le.toString();function He(a){var t,l,r,s,i,o,n,d,c,u,p,v,m;const{states:g}=a,f=null===(t=null==g?void 0:g.registrationFormState)||void 0===t?void 0:t.validationErrors;return e("div",{class:Le.classes.FieldsContainer},e("style",{type:"text/css"},"\n:host {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n  font-weight: var(--sl-font-weight-semibold);\n  color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textare::part(textarea-label):focus {\n  border-color: none;\n  border: var(--sqm-input-focus-border, var(--sqm-border-thickness) solid var(--sl-input-border-color-focus));\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n  background: var(--sqm-input-disabled-background, #f5f5f5);\n  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\nsl-input {\n  --sl-input-border-color-focus: var(--sqm-border-color-focus); \n}\n\n",Ae),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",name:"/firstName",type:"text",label:g.content.firstNameLabel,required:!g.optional,disabled:(null===(l=g.registrationFormState)||void 0===l?void 0:l.loading)||(null===(r=g.registrationFormState)||void 0===r?void 0:r.disabled)},(null===(i=null===(s=g.registrationFormState)||void 0===s?void 0:s.initialData)||void 0===i?void 0:i.firstName)?{value:null===(n=null===(o=g.registrationFormState)||void 0===o?void 0:o.initialData)||void 0===n?void 0:n.firstName}:{},(null==f?void 0:f.firstName)?{class:Le.classes.ErrorStyle,helpText:(null==f?void 0:f.firstName)||"Cannot be empty"}:[])),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",name:"/lastName",type:"text",label:g.content.lastNameLabel,required:!g.optional,disabled:(null===(d=g.registrationFormState)||void 0===d?void 0:d.loading)||(null===(c=g.registrationFormState)||void 0===c?void 0:c.disabled)},(null===(p=null===(u=g.registrationFormState)||void 0===u?void 0:u.initialData)||void 0===p?void 0:p.lastName)?{value:null===(m=null===(v=g.registrationFormState)||void 0===v?void 0:v.initialData)||void 0===m?void 0:m.lastName}:{},(null==f?void 0:f.lastName)?{class:Le.classes.ErrorStyle,helpText:(null==f?void 0:f.lastName)||"Cannot be empty"}:[])))}function Be(a){const{states:t,callbacks:l}=a,{text:r,formState:s}=t,{error:i}=s,o=y({Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-x-small)",padding:"0 var(--sl-spacing-xxx-large) var(--sl-spacing-xxx-large)"},SubmitButton:{marginBottom:"var(--sl-spacing-medium)"},Error:{"&::part(erroralert-base)":{"margin-bottom":"15px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"15px"}}}),n=o.toString();return e("div",{class:o.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},n),e(A,Object.assign({},{type:"h2"}),r.emailPreferencesHeader),e("sl-form",{"onSl-submit":l.onSubmit},e(xe,{states:{checked:t.formState.marketingEmailOptIn},content:{checkboxLabel:r.marketingCheckboxLabel,checkboxName:"marketingEmailOptIn"},callbacks:{setChecked:l.setChecked}}),e("sl-button",{class:o.classes.SubmitButton,type:"primary",submit:!0,loading:t.loading,disabled:t.submitDisabled},r.submitChangeButtonText),i&&e("sqm-form-message",{class:o.classes.Error,type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},i)),t.success&&e("sqm-form-message",{class:o.classes.Success,type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},t.text.successMessage))))}function De(a){const t=y({RowContainer:{display:"flex","& > :not(:last-child)":{"margin-right":"var(--sl-spacing-large)"}},Container:{display:"flex","flex-direction":"column","align-items":"center","font-size":"var(--sl-font-size-small)",color:"var(--sqm-text-subdued)","padding-top":`var(--sl-spacing-${a.paddingTop})`,"padding-right":`var(--sl-spacing-${a.paddingRight})`,"padding-bottom":`var(--sl-spacing-${a.paddingBottom})`,"padding-left":`var(--sl-spacing-${a.paddingLeft})`,"row-gap":"var(--sl-spacing-small)","& a:hover":{color:"var(--sqm-text)"}},SupportText:{textAlign:"center",margin:0},PoweredByLink:{color:"var(--sqm-text-subdued)","font-size":"var(--sl-font-size-small)",display:"flex",alignItems:"center",svg:{marginTop:"2px",shapeRendering:"geometricprecision"},"&:hover, &:hover *":{color:"var(--sqm-text)"}}}),l=t.toString();return e("div",{class:t.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},"\n  :host{\n    margin: 0 auto;\n    width: 100%;\n  }\n  a{\n    cursor:pointer;\n    color: var(--sqm-text-subdued);\n    text-decoration: none ;\n  }\n",l),e("div",{class:t.classes.RowContainer},a.faqLink&&e("a",{target:"_blank",href:a.faqLink},a.faqText),a.termsLink&&e("a",{target:"_blank",href:a.termsLink},a.termsText)),!a.hideSupportText&&e("p",{class:t.classes.SupportText},s.formatMessage({id:"supportFooter",defaultMessage:a.supportText},{email:e("a",{target:"_blank",href:`mailto:${a.supportEmail}`},a.supportEmail)})),!a.hidePoweredBy&&e("a",{class:t.classes.PoweredByLink,target:"_blank",href:a.poweredByLink},"Powered by ",e(j,{color:"currentColor"})))}function Fe(a){const{states:t,callbacks:l,content:r}=a,s={FormWrapper:{...k,background:r.backgroundColor||"var(--sqm-portal-background)",borderRadius:r.borderRadius||"var(--sqm-border-radius-normal)",border:r.border||"var(--sqm-border-thickness) solid var(--sqm-border-color)"},Column:{...E},ButtonsContainer:I,SecondaryButton:{margin:"auto",display:"block",cursor:"pointer"}},i=y(s),o=i.toString();return e("div",{class:i.classes.FormWrapper,part:"sqm-base"},e("style",{type:"text/css"},"\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n",o),e(A,{type:"h3"},r.messageSlot),e("sl-form",{class:i.classes.Column,"onSl-submit":l.submit},a.states.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},a.states.error)),a.states.success&&e("sqm-form-message",{type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},r.successAlertText)),e("sl-input",{exportparts:"label: input-label, base: input-base",type:"email",name:"/email",label:r.emailLabel||"Email",disabled:t.loading,required:!0}),e("div",{class:i.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},r.submitLabel||"Reset Password"),e("sl-button",{type:"secondary",exportparts:"base: secondarybutton-base",class:i.classes.SecondaryButton,disabled:t.loading,onClick:()=>m.push(t.loginPath)},r.loginText))))}function _e(a,t){const{data:l,notFullScreen:r,border:s}=a,i=y({HostBlock:$,Frame:{display:"flex","flex-direction":"column","box-sizing":"border-box","&:nth-child(2)":{background:a.backgroundColor}},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:a.headerAndFooterBackgroundColor,display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box",borderTop:s,"margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center",borderBottom:s,background:a.headerAndFooterBackgroundColor,"@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),o=i.toString();return e("div",{style:{minHeight:r?"100%":"100vh"},class:i.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},o),e("div",{class:i.classes.HeaderWrapper,part:"sqm-header"},l.header,e("slot",{name:"sqm-navigation-menu"})),t,e("div",{class:i.classes.FooterWrapper,part:"sqm-footer"},l.footer))}function ze(a){const{states:t,data:l}=a,{content:r}=t,s=y({Container:{position:"relative",width:r.iframeWidth,height:r.iframeHeight},IFrame:{position:"absolute",width:"100%",height:"100%",border:"0",top:"0",left:"0",right:"0"}}),i=s.toString();return e("div",{class:s.classes.Container},e("style",{type:"text/css"},i),e("iframe",{class:s.classes.IFrame,src:`${r.iframeSrc}?rsCode=${l.shareCode}`}))}const Pe=()=>e("svg",{width:12,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"})),Ue=()=>e("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"}),e("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"})),We=()=>e("svg",{width:156,height:157,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M37.18 73.862v7.966h89.663v-7.966H37.18Z",fill:"#E9BB30"}),e("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"}),e("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"}),e("path",{d:"M75.086 74.224h13.85v7.604h-13.85v-7.604Z",fill:"#DD4747"}),e("g",{filter:"url(#a)"},e("ellipse",{cx:82.008,cy:141.207,rx:36.813,ry:5.793,fill:"#E0DDDD","fill-opacity":.8})),e("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"}),e("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"}),e("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"}),e("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"}),e("defs",null,e("filter",{id:"a",x:35.195,y:125.414,width:93.625,height:31.586,filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},e("feFlood",{"flood-opacity":0,result:"BackgroundImageFix"}),e("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e("feGaussianBlur",{stdDeviation:5,result:"effect1_foregroundBlur_653_17907"}))));function Ze({active:a,completed:t,incomplete:l,stage:r}){return e("div",{style:{display:"flex"}},e("div",{style:{backgroundColor:t?"var(--sqm-success-color-icon)":l?"var(--sqm-border-color)":"white",border:a?"1px solid var(--sqm-success-color-border)":l?"1px solid var(--sqm-border-color)":"1px solid var(--sqm-success-color-border)",borderRadius:"50%",width:"23px",height:"23px",margin:"-11px",zIndex:"1",boxSizing:"content-box"}},t?e("div",{style:{top:"-10.5%",left:"23.5%",position:"relative"}},e(Pe,null)):e("div",{style:{color:a?"var(--sqm-success-color-border)":"var(--sqm-text-subdued)",width:"23px",lineHeight:"24px",textAlign:"center",position:"relative"}},r+1)))}function Ne({incomplete:a=!1,active:t=!1,invisible:l=!1}){return e("div",{style:{content:"''",flex:"0.5 0.5 0",height:"4px",borderRadius:"4px",background:a||t?"var(--sqm-border-color)":"var(--sqm-success-color-icon)",position:"relative",bottom:"0",left:"0",display:"flex",justifyContent:"center",columnGap:"50px",marginRight:"-2px",boxSizing:"content-box",opacity:l?"0":"1"}})}function Oe({active:a,completed:t,incomplete:l,stage:r}){return[e(Ne,{incomplete:l,invisible:0===r}),e(Ze,{active:a,completed:t,incomplete:l,stage:r}),e(Ne,{incomplete:l,active:a,invisible:2===r})]}function je({stageCount:a,currentStage:t}){return e("div",{style:{display:"flex",columnGap:"-2px"}},Array.from(Array(a).keys()).map((a=>e(Oe,{active:t===a,completed:t>a,incomplete:t<a,stage:a}))))}const Ge=y({HostBlock:$,Container:{minWidth:"300px",position:"relative"},FullImage:{objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex",margin:"0 auto"},Select:{"&::part(base)":{borderRadius:"var(--sqm-input-border-radius)"},"&::part(label)":{color:"var(--sqm-input-label-color)"},"&::part(menu)":{maxHeight:"450px"},"& sl-menu-item::part(checked-icon)":{top:"8px",color:"var(--sqm-text)"},"& sl-menu-item::part(base)":{flexDirection:"column",color:"var(--sqm-input-color)"},"& sl-menu-item::part(base):hover":{backgroundColor:"var(--sqm-input-border-color-hover)"},"& sl-menu-item::part(base):focus":{background:"var(--sqm-accent-color-background)"}},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(--sqm-text-subdued)"}}},CardLayout:{display:"flex",width:"100%",borderRadius:"3px",background:"rgba(0, 0, 0, 0)"},Card:{display:"flex",userSelect:"none",height:"120px","&::part(base)":{background:"var(--sqm-portal-background)",border:"var(--sqm-border-thickness) solid var(--sqm-border-color)",borderRadius:"var(--sqm-border-radius-normal)",boxShadow:"none",width:"100%"},"&::part(body)":{display:"flex",padding:0},"& .selected":{borderRadius:"var(--sqm-border-radius-normal)",position:"relative",top:"-2%",left:"100%",color:"var(--sqm-primary-color)",margin:"-9px"}},Title:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",margin:"var(--sl-spacing-large) 0"},Image:{padding:"var(--sl-spacing-small)",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:"var(--sl-spacing-small)",paddingLeft:"0","& .title":{fontSize:"var(--sl-font-size-medium)",lineHeight:"var(--sl-line-height-dense)",fontWeight:"600",color:"var(--sqm-text)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .amount":{fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-x-small)",color:"var(--sqm-text-subdued)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .error":{fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-x-small)",fontWeight:"600",color:"var(--sqm-warning-color-icon)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-xx-small)"}}},ChooseAmount:{maxWidth:"800px",margin:"auto","& .wrapper":{display:"flex",gap:"var(--sl-spacing-xx-large)","@media (max-width: 799px)":{flexDirection:"column"}},"& .image":{width:"50%",objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex","@media (max-width: 799px)":{width:"auto"}},"& .text":{width:"50%",maxWidth:"400px","@media (max-width: 799px)":{width:"auto",margin:"auto"}},"& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sqm-text)"},"& .points":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sqm-accent-color-text)"},"& .description":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sqm-text-subdued)",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)"},"& sl-menu-item[disabled]::part(label)":{color:"var(--sqm-text-subdued)"},"& sl-menu-item[disabled]":{"& .step-cost":{color:"var(--sqm-text-subdued)"},"& .step-value":{color:"var(--sqm-text-subdued)"}}},SelectItem:{display:"flex",flexDirection:"column","&::part(label)":{color:"var(--sqm-text)",margin:"0"},"& .step-cost":{color:"var(--sqm-text-subdued)",marginBottom:"var(--sl-spacing-x-small)"},"& .step-unavailable":{fontSize:"var(--sl-font-size-small)",color:"var(--sqm-warning-color-text)",margin:"0"}},Success:{textAlign:"center","& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sqm-text)"},"& .description":{color:"var(--sqm-text-subued)",maxWidth:"350px",margin:"0 auto",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-xx-large)",marginTop:"var(--sl-spacing-xx-small)"},"& .promo":{maxWidth:"350px",margin:"-30px auto var(--sl-spacing-xxx-large) auto",textAlign:"left",color:"var(--sqm-text-subdued)"}},Grid:{display:"grid",justifyContent:"center",gap:"20px",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))"},Confirmation:{maxWidth:"800px",margin:"auto","& .wrapper":{display:"flex","@media (max-width: 499px)":{flexDirection:"column"}},"& .reward-item-container":{"@media (max-width: 499px)":{display:"flex",flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"}},"& .reward-item-container .reward-title":{paddingBottom:"var(--sl-spacing-medium)",lineHeight:"20px","@media (max-width: 499px)":{paddingBottom:"none",paddingLeft:"var(--sl-spacing-small)"}},"& .padding":{padding:"var(--sl-spacing-medium) 0","@media (max-width: 499px)":{padding:"var(--sl-spacing-small) 0"}},"& .field":{width:"30%",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sqm-text-subdued)",textAlign:"left",paddingRight:"var(--sl-spacing-xxx-large)","@media (max-width: 499px)":{width:"100%",paddingRight:"0",paddingBottom:"0"}},"& .value":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)"},"& .top-border":{borderTop:"var(--sqm-border-thickness) solid var(--sqm-border-color)"},"& .image":{width:"200px","@media (max-width: 499px)":{width:"100px"}}},Button:{display:"flex",flexWrap:"wrap-reverse",margin:"var(--sl-spacing-medium) 0","& .cancel":{marginLeft:"auto",marginRight:"var(--sl-spacing-medium)","@media (max-width: 499px)":{width:"100%",marginRight:"0",marginTop:"var(--sl-spacing-small)"}},"& .continue":{"@media (max-width: 499px)":{width:"100%"}},"& .continue.right":{marginLeft:"auto"},"& .continue.center":{margin:"0 auto"}},Confetti:{pointerEvents:"none",position:"absolute",width:"100%",height:"100%",top:"0%",left:"0%",zIndex:"1"}}),Xe=Ge.toString(),Qe=["chooseReward","chooseAmount","confirmation","success"];function Ke(a){const{states:l,data:r,callbacks:i,refs:o}=a,{selectedItem:n,selectedStep:d}=l,c={chooseReward:l.content.text.chooseRewardTitle,chooseAmount:l.content.text.chooseAmountTitle,confirmation:l.content.text.confirmationTitle};const u={chooseReward:()=>{return[e("div",{part:"choose-reward-container"},e("div",{class:Ge.classes.Title},l.content.text.rewardTitle),l.loading||l.queryError?e("div",{class:Ge.classes.Grid,part:"loading-container"},[...Array(l.content.text.skeletonCardNum)].map((()=>e("div",null,e("sl-card",{class:Ge.classes.Card},e("div",{class:Ge.classes.CardLayout},e("div",null,e("sl-skeleton",{style:{width:"100px",height:"100px",margin:"9px","--border-radius":"var(--sqm-border-radius-normal)"}})),e("div",{style:{margin:"var(--sl-spacing-small) var(--sl-spacing-small) 0 0",width:"100%"}},e("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),e("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),e("sl-skeleton",{style:{width:"45%"}})))))))):e("div",{class:Ge.classes.Grid},null===(a=r.exchangeList)||void 0===a?void 0:a.map((a=>{var r,o,d,c,u;return e("div",{key:a.key,style:{boxShadow:a.key===(null==n?void 0:n.key)?"0 0 0 2px var(--sqm-primary-color)":"none",borderRadius:"var(--sqm-border-radius-normal)",borderColor:"none"}},e("sl-card",{exportparts:"base: exchange-card-container",class:Ge.classes.Card,style:{cursor:a.unavailableReasonCode?"not-allowed":"pointer"},onClick:()=>a.available&&i.setExchangeState({selectedItem:a})},a.key===(null==n?void 0:n.key)&&e("div",{class:"selected"},e(Ue,null)),e("div",{style:{display:"flex",width:"100%",height:"120px",borderRadius:"3px",background:a.unavailableReasonCode?"rgba(0, 0, 0, 0.05)":"rgba(0, 0, 0, 0)"}},e("div",{class:Ge.classes.Image,style:{opacity:a.unavailableReasonCode?"0.5":"1"}},e("img",{class:a.unavailableReasonCode?"image subdued":"image",src:(null==a?void 0:a.imageUrl)||t("./assets/Reward-image.png")})),e("div",{class:Ge.classes.TextArea,style:{opacity:a.unavailableReasonCode?"0.5":"1"}},e("div",{class:"title",style:{"-webkit-line-clamp":a.unavailableReasonCode?"1":"2"}},null!==(r=a.name)&&void 0!==r?r:""),e("div",{class:"amount",style:{"-webkit-line-clamp":a.unavailableReasonCode?"1":"2"}},s.formatMessage({id:"sourceAmountMessage",defaultMessage:null===(d=null===(o=l.content)||void 0===o?void 0:o.text)||void 0===d?void 0:d.sourceAmountMessage},{ruleType:a.ruleType,sourceValue:a.prettySourceValue,sourceMinValue:a.prettySourceMinValue,sourceMaxValue:a.prettySourceMaxValue})),a.unavailableReasonCode&&e("div",{class:"error"},e("sl-icon",{class:"icon",name:"exclamation-triangle-fill"}),s.formatMessage({id:"unavailableCode",defaultMessage:null===(u=null===(c=l.content)||void 0===c?void 0:c.text)||void 0===u?void 0:u.notAvailableError},{unavailableReasonCode:a.unavailableReasonCode,sourceUnit:a.sourceUnit,sourceValue:a.prettySourceValue||a.prettySourceMinValue}))))))}))),e("div",{class:Ge.classes.Button},e("sl-button",{exportparts:"base: primarybutton-base",type:"primary",class:"continue right",size:"large",onClick:()=>i.setStage("chooseAmount"),loading:l.loading,disabled:!l.selectedItem},l.content.text.continueText)))];var a},chooseAmount:()=>function(){var a,r,o,d;const c=function(){var a,t,r;const o=l.selectedItem;return o&&"FIXED_GLOBAL_REWARD"!==(null==o?void 0:o.ruleType)?(null===(a=o.steps)||void 0===a?void 0:a.length)?e("sl-select",{style:{width:"auto"},label:null===(t=null==l?void 0:l.content)||void 0===t?void 0:t.text.selectText,class:Ge.classes.Select,value:l.selectedStep,"onSl-select":e=>{var a,t,l,r,s;return i.setExchangeState({amount:null===(l=null===(t=null===(a=e.detail)||void 0===a?void 0:a.item)||void 0===t?void 0:t.value)||void 0===l?void 0:l.sourceValue,selectedStep:null===(s=null===(r=e.detail)||void 0===r?void 0:r.item)||void 0===s?void 0:s.value})}},null===(r=o.steps)||void 0===r?void 0:r.map((a=>{var t,r;return e("sl-menu-item",{value:a,disabled:!a.available,class:Ge.classes.SelectItem},a.prettyDestinationValue,e("br",null),e("div",{class:"step-cost",slot:"suffix"},a.prettySourceValue,a.unavailableReasonCode&&e("p",{class:"step-unavailable"},s.formatMessage({id:"unavailableCode",defaultMessage:null===(r=null===(t=l.content)||void 0===t?void 0:t.text)||void 0===r?void 0:r.notAvailableError},{unavailableReasonCode:a.unavailableReasonCode,sourceUnit:o.sourceUnit,sourceValue:a.prettySourceValue||o.prettySourceMinValue}))))}))):e("p",null,s.formatMessage({id:"notEnoughError",defaultMessage:l.content.text.notEnoughError},{sourceUnit:o.sourceUnit})):e("span",{class:"points"},null==o?void 0:o.prettySourceValue)}(),u="FIXED_GLOBAL_REWARD"!==(null===(a=l.selectedItem)||void 0===a?void 0:a.ruleType)&&c&&!l.amount;return e("div",null,e("div",{class:Ge.classes.ChooseAmount,part:"choose-amount-container"},e("div",{class:"wrapper"},e("img",{class:"image",src:(null==n?void 0:n.imageUrl)||t("./assets/Reward-image.png")}),e("div",{class:"text"},e("div",{class:"title"},null!==(r=null==n?void 0:n.name)&&void 0!==r?r:""),"FIXED_GLOBAL_REWARD"===(null===(o=l.selectedItem)||void 0===o?void 0:o.ruleType)?e("div",{class:"points"},c):e("div",{class:"description"},null==n?void 0:n.description),"FIXED_GLOBAL_REWARD"===(null===(d=l.selectedItem)||void 0===d?void 0:d.ruleType)?e("div",{class:"description"},null==n?void 0:n.description):e("div",null,c),e("div",{class:"space"}))),e("div",{class:Ge.classes.Button},e("sl-button",{exportparts:"base: secondarybutton-base",class:"cancel",size:"large",type:"secondary",onClick:()=>i.resetState()},l.content.text.cancelText),e("sl-button",{exportparts:"base: primarybutton-base",class:"continue",size:"large",type:"primary",onClick:()=>i.setStage("confirmation"),disabled:u},l.content.text.continueToConfirmationText))))}(),confirmation:()=>function(){const a=(null==d?void 0:d.prettySourceValue)||(null==n?void 0:n.prettySourceValue),r=null==d?void 0:d.prettyDestinationValue;return e("div",null,e("div",{class:Ge.classes.Confirmation,part:"confirmation-container"},e("div",{class:Ge.classes.Title},l.content.text.redeemTitle),e("div",{class:"wrapper"},e("div",{class:"field"},l.content.text.rewardNameTitle),e("div",{class:"reward-item-container"},e("div",{class:"reward-title"},null==n?void 0:n.name),e("img",{class:"image",src:(null==n?void 0:n.imageUrl)||t("./assets/Reward-image.png")}))),e("div",{class:"wrapper padding"},e("div",{class:"field"})),r&&e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},l.content.text.rewardAmountTitle),e("div",null,r)),e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},l.content.text.costTitle),e("div",{class:"value"},a)),e("div",{class:Ge.classes.Button},e("sl-button",{class:"cancel",type:"secondary",size:"large",onClick:()=>i.setStage("chooseAmount")},l.content.text.backText),e("sl-button",{class:"continue",size:"large",type:"primary",loading:l.loading,onClick:i.exchangeReward},l.content.text.redeemText))))}(),success:()=>{return e("div",{class:Ge.classes.Success,part:"success-container"},e(We,null),e(p,null),e("div",{class:"title"},null===(a=l.content.text)||void 0===a?void 0:a.rewardRedeemedText),e("div",{class:"description"},s.formatMessage({id:"successMessage",defaultMessage:l.content.text.redemptionSuccessText},{sourceValue:null!==(o=null===(t=l.selectedItem)||void 0===t?void 0:t.prettySourceValue)&&void 0!==o?o:null===(n=l.selectedStep)||void 0===n?void 0:n.prettySourceValue,destinationValue:(null===(d=l.selectedStep)||void 0===d?void 0:d.prettyDestinationValue)||(null===(c=l.selectedItem)||void 0===c?void 0:c.name)||(null===(u=l.selectedItem)||void 0===u?void 0:u.globalRewardKey)})),(null==r?void 0:r.fuelTankCode)&&e("div",{class:"promo"},l.content.text.promoCode,e(M,{copyString:r.fuelTankCode,tooltiptext:null===(v=null==l?void 0:l.content)||void 0===v?void 0:v.text.tooltipText,open:l.open,onClick:i.copyFuelTankCode})),e("div",{class:Ge.classes.Button},e("sl-button",{class:"continue center",type:"primary",size:"large",onClick:()=>i.resetState(!0)},l.content.text.doneText)));var a,t,o,n,d,c,u,v}}[l.redeemStage];function p(){return e("canvas",{ref:e=>{(null==o?void 0:o.canvasRef)&&(o.canvasRef.current=e)},id:"my-canvas",class:Ge.classes.Confetti})}return l.noExchangeOptions?l.content.text.empty:e("div",{class:Ge.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},Xe),e("div",null,function(){const a=Qe.indexOf(l.redeemStage);return e("div",{class:Ge.classes.ProgressBar},e("div",{class:"text-area"},Object.keys(c).map((t=>Qe.indexOf(t)<=a?e("span",{class:"text"},c[t]):e("span",{class:"text subdued"},c[t])))),e(je,{stageCount:3,currentStage:a}))}(),l.exchangeError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),l.content.text.redemptionError),l.queryError&&!l.exchangeError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),l.content.text.queryError),u&&u(),"success"===l.redeemStage))}const Ye=(a,t="chooseReward",l=null,r=null,s=!1,i=!1,o=null,n=!1,d=!1)=>({states:{content:{text:{notAvailableError:"{unavailableReasonCode, select, NOT_CHAMPION {CUSTOM ERROR MESSAGE } US_TAX {Exceeds tax limit for this year} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {unavailableReasonCode} }",chooseRewardTitle:"Rewards",chooseAmountTitle:"Select",confirmationTitle:"Confirm",rewardTitle:"Choose a reward",cancelText:"Cancel",backText:"Back",continueText:"Continue",continueToConfirmationText:"Continue to confirmation",redeemText:"Redeem",redeemTitle:"Confirm and redeem",redemptionSuccessText:"Redeemed {sourceValue} for {destinationValue}",doneText:"Done",tooltipText:"Copied!",selectText:"Select amount to receive",sourceAmountMessage:"{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",rewardRedeemedText:"Reward redeemed",redemptionError:"An error occured trying to redeem this reward. Please try again",queryError:"Unable to load reward exchange list. Please try again",promoCode:"Promo code",skeletonCardNum:8,rewardNameTitle:"Reward Name",rewardAmountTitle:"Reward Amount",costTitle:"Cost",notEnoughError:"Sorry not enough!",empty:e("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"})}},queryError:d,redeemStage:t,amount:0,exchangeError:s,loading:i,selectedItem:l,selectedStep:r,noExchangeOptions:n,open:!1},data:{exchangeList:a,fuelTankCode:o},callbacks:{exchangeReward:null,resetState:null,setStage:null,setExchangeState:null,copyFuelTankCode:null},refs:null}),Je={key:"reward",name:"Demo Reward",description:"Description of reward. Lorem ipsum dolor sit amet, consectetur adipiscing. Id nec semper sapien dignissim rhoncus nunc.",imageUrl:"https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png",available:!0,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:[{prettyDestinationValue:"Reward Step 1",prettySourceValue:"50 Points",available:!0,unavailableReasonCode:null,destinationValue:10,sourceValue:1,globalRewardKey:"reward1",rewardInput:{accountId:"zach",userId:"zach"}},{prettyDestinationValue:"Reward Step 2",prettySourceValue:"100 Points",available:!1,unavailableReasonCode:"Not enough points",destinationValue:10,sourceValue:1,globalRewardKey:"reward1",rewardInput:{accountId:"zach",userId:"zach"}}]},ea={available:!1,unavailableReasonCode:"INSUFFICIENT_REDEEMABLE_CREDIT"},aa={key:"r1"},ta=e=>({imageUrl:e}),la=e=>({name:e}),ra=e=>({description:e}),sa=e=>({prettySourceValue:e}),ia=(e,a,t)=>({ruleType:"VARIABLE_CREDIT_REWARD",sourceMinValue:e,prettySourceMinValue:e+" "+t,sourceMaxValue:a,prettySourceMaxValue:a+" "+t}),oa=[{...Je,...la("Free swag with a promo code"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png"),...sa("40 Points")},{...Je,...aa,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points")},{...Je,...la("$50 Store credit"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),...sa("100 Points")},{...Je,...la("Variable amount of store credit"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000240/squatch-assets/Jn2fE0s.png"),...ia(20,100,"Points")}],na=[{...Je,...la("Free swag with a promo code"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png"),...sa("40 SaaSquatch Points")},{...Je,...aa,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points")},{...Je,...la("A very exclusive gift box"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/93BvEgH.png"),...sa("30 SaaSquatch Points")},{...Je,...la("$50 Store credit"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),...sa("100 SaaSquatch Points")},{...Je,...la("Variable amount of store credit"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000240/squatch-assets/Jn2fE0s.png"),...ia(20,100,"Points")},{...Je,...ea,...la("A very rare cactus"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000224/squatch-assets/hhlF2Ey.png"),...sa("2000 SaaSquatch Points")},{...Je,available:!1,unavailableReasonCode:"US_TAX",...la("$1000 Store credit with a really super long name in the front page"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000273/squatch-assets/y9HSls1.png"),...sa("2000 SaaSquatch Long Points")},{...Je,...ea,...la("A holiday gift box"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/dWEdB3p.png"),...sa("100 SaaSquatch Points")}],da={...Ye(na)},ca={...Ye(oa,"chooseReward",Je)},ua={...Ye([{...Je,...ea,...la("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/dWEdB3p.png"),...sa("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")},{...Je,...la("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000273/squatch-assets/y9HSls1.png"),...sa("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")},{...Je,...la("Suuuuuuuuper aweeeeesssssoooommme reward!!!!!!"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),...sa("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")},...na])},pa={...Ye([{...Je,available:!1,unavailableReasonCode:"NOT_CHAMPION",...la("A very rare cactus"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000224/squatch-assets/hhlF2Ey.png"),...sa("2000 SaaSquatch Points")},...na])},va={...Ye(na,"chooseReward",{...Je,...aa,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points")})},ma=(e,a,t,l,r=!0,s=null)=>({destinationValue:e,prettyDestinationValue:a+e,sourceValue:t,prettySourceValue:t+" "+l,available:r,unavailableReasonCode:s}),ga={...Ye(na,"chooseAmount",{...Je,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points"),steps:[ma(20,"$",40,"Points"),ma(30,"$",60,"Points"),ma(40,"$",80,"Points"),ma(50,"$",100,"Points"),ma(60,"$",120,"Points")]})},fa={...Ye(na,"chooseAmount",{...Je,...la("Visa® Prepaid Card USD"),...ra(""),...ta("https://i.imgur.com/veHErQX.png"),...ia(20,80,"Points"),steps:[ma(20,"$",40,"Points"),ma(30,"$",60,"Points"),ma(40,"$",80,"Points"),ma(50,"$",100,"Points"),ma(60,"$",120,"Points")]})},ba={...Ye(na,"chooseAmount",{...Je,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points"),steps:[ma(20,"$",40,"Points"),ma(30,"$",60,"Points"),ma(40,"$",80,"Points",!1,"INSUFFICIENT_REDEEMABLE_CREDIT"),ma(50,"$",100,"Points",!1,"INSUFFICIENT_REDEEMABLE_CREDIT"),ma(60,"$",120,"Points",!1,"INSUFFICIENT_REDEEMABLE_CREDIT")]})},ha={...Ye(na,"chooseAmount",{...Je,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points"),steps:[ma(20,"$",40,"Points"),ma(30,"$",60,"Points"),ma(40,"$",80,"Points",!1,"US_TAX"),ma(50,"$",100,"Points",!1,"US_TAX"),ma(60,"$",120,"Points",!1,"US_TAX")]})},xa={...Ye(na,"chooseAmount",{...Je,...la("Free swag with a promo code"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),...sa("40 SaaSquatch Points")})},Ca={...Ye(na,"chooseAmount",{...Je,...ra(""),...la("Free swag with a promo code"),...ta("https://i.imgur.com/n7vC4BR.png"),...sa("40 SaaSquatch Points")})},ya={...Ye(na,"confirmation",{...Je,...la("Free swag with a promo code"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),...sa("40 SaaSquatch Points")})},wa={...Ye(na,"confirmation",{...Je,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points")},ma(20,"$",40,"Points"))},qa={...Ye(na,"confirmation",{...Je,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points")},ma(20,"$",40,"Points"),!0)},Ra={...Ye(void 0,"chooseReward",void 0,void 0,void 0,void 0,void 0,void 0,!0)},Sa={...Ye(na,"success",{...Je,...la("Free swag with a promo code"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),...sa("40 SaaSquatch Points")},void 0,void 0,void 0,"4ah2-hh46-gk7r")},$a={...Ye(na,"success",{...Je,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/93BvEgH.png"),...ia(20,80,"Points")},ma(20,"$",40,"Points"))},ka={...Ye(null,"chooseReward",null,null,!1,!0)},Ea={...Ye(null,"chooseReward",null,null,!1,!1,null,!0)},Ia=p.gql`
+    `,{},(e=>{var a,t,l,r;const s=null===(r=null===(l=null===(t=null===(a=e.data)||void 0===a?void 0:a.viewer)||void 0===t?void 0:t.publisher)||void 0===l?void 0:l.payoutsAccount)||void 0===r?void 0:r.balance;return{value:s||0,statvalue:`${s||0}`}}))}},Y=[{name:"programGoals",route:"/(programGoals)/:metricType/:goalId"},{name:"customFields",route:"/(customFields)/:customField"},{name:"referralsCount",route:"/(referralsCount)/:status?"},{name:"referralsMonth",route:"/(referralsMonth)/:status?"},{name:"referralsWeek",route:"/(referralsWeek)/:status?"},{name:"rewardsCount",route:"/(rewardsCount)/:global?"},{name:"rewardsMonth",route:"/(rewardsMonth)/:global?"},{name:"rewardsWeek",route:"/(rewardsWeek)/:global?"},{name:"rewardsCountFiltered",route:"/(rewardsCountFiltered)/:statType([FUELTANK|INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?"},{name:"integrationRewardsCountFiltered",route:"/(integrationRewardsCountFiltered)/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?"},{name:"rewardsAssigned",route:"/(rewardsAssigned)/:statType/:unit/:global?"},{name:"rewardsExpired",route:"/(rewardsExpired)/:statType/:unit/:global?"},{name:"rewardsCancelled",route:"/(rewardsCancelled)/:statType/:unit/:global?"},{name:"rewardsPending",route:"/(rewardsPending)/:statType/:unit/:global?"},{name:"rewardsRedeemed",route:"/(rewardsRedeemed)/:statType/:unit/:global?"},{name:"rewardsRedeemedWeek",route:"/(rewardsRedeemedWeek)/:statType/:unit/:global?"},{name:"rewardsRedeemedMonth",route:"/(rewardsRedeemedMonth)/:statType/:unit/:global?"},{name:"rewardsAvailable",route:"/(rewardsAvailable)/:statType/:unit/:global?"},{name:"rewardBalance",route:"/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?"},{name:"traffic",route:"/(traffic)"},{name:"userStats",route:"/(userStats)/:statId"},{name:"payoutBalance",route:"/(payoutBalance)"}],J=Y.map((e=>H(e.route)));function ee(e){var a;const{statType:t,flexReverse:l,alignment:r,programId:s=d()}=e;V();const i=c(),n=u(),p=o((()=>J.find((e=>e.exec(t)))),[t]);if(!(null==p?void 0:p.exec(t)))return{props:{value:0,statvalue:"-",flexReverse:l,alignment:r,loading:!1,statTextColor:e.statTextColor,statFontSize:e.statFontSize,descriptionTextColor:e.descriptionTextColor,descriptionFontSize:e.descriptionFontSize,statFontWeight:e.statFontWeight},label:"BAD PROP TYPE"};const v=p.exec(t)[1],m=Y.find((e=>e.name===v)),g=[],f=H(null==m?void 0:m.route,g,{strict:!1,sensitive:!1,end:!0}).exec(t),b=g.map(((e,a)=>f[a+1]?decodeURIComponent(f[a+1]):void 0));b.shift();const h=K[v].label,x=(null==n?void 0:n.jwt)&&K[v].query(s,i,...b);return G("stat:",x),{props:{value:null==x?void 0:x.value,statvalue:null!==(a=null==x?void 0:x.statvalue)&&void 0!==a?a:"...",loading:null==x?void 0:x.loading,flexReverse:l,alignment:r,statTextColor:e.statTextColor,statFontSize:e.statFontSize,descriptionTextColor:e.descriptionTextColor,descriptionFontSize:e.descriptionFontSize,statFontWeight:e.statFontWeight},label:h}}function ae(e){const{statType:a}=e,t=o((()=>J.find((e=>e.exec(a)))),[a]);if(V(),!(null==t?void 0:t.exec(a)))return{props:{value:0,statvalue:"-",loading:!1,flexReverse:e.flexReverse,alignment:e.alignment,statTextColor:e.statTextColor,statFontSize:e.statFontSize,descriptionTextColor:e.descriptionTextColor,descriptionFontSize:e.descriptionFontSize},label:"BAD PROP TYPE"};const l=t.exec(a),r=K[l[1]].label;return{props:x({statvalue:"12345",value:0,flexReverse:e.flexReverse,alignment:e.alignment,statTextColor:e.statTextColor,statFontSize:e.statFontSize,descriptionTextColor:e.descriptionTextColor,descriptionFontSize:e.descriptionFontSize,statFontWeight:e.statFontWeight},e.demoData||{},{arrayMerge:(e,a)=>a}),label:null!=r?r:"Demo Label"}}function te(a,t){const l=y({Container:{columnGap:a.gap+"px",columnWidth:a.width+"px","& > div":{marginBottom:"24px"}}}),r=l.toString();return e("div",null,e("style",{type:"text/css"},r,"\n    :host{\n      display: block;   \n    }\n\n  "),e("div",{class:l.classes.Container,part:"sqm-base"},t))}const le=y({Description:{"& .icon":{color:"var(--sqm-text)","&:hover":{color:"var(--sqm-accent-color-icon)"}},"& 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(--sqm-text)",fontSize:"var(--sl-font-size-large)","& :hover":{color:"var(--sl-color-primary-700)"},transformOrigin:"50% 37%",transition:"transform var(--sl-transition-medium) ease",cursor:"pointer"},"& input:checked ~ .summary":{transition:"all var(--sl-transition-medium) ease",maxHeight:"300px",marginBottom:"var(--sl-spacing-x-large)"},"& input:checked ~ .summary[progress-bar]":{marginBottom:"var(--sl-spacing-xx-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)"}}}),re=le.toString();function se(a){const t=Math.random().toString(36).slice(2);return e("div",{style:{opacity:a.opacity}},e("style",{type:"text/css"},re),e("span",{class:le.classes.Description},e("input",{type:"checkbox",id:"details-"+t}),e("label",{class:"details",htmlFor:"details-"+t},e("sl-icon",{class:"icon",exportparts:"base: chevron-icon",name:"chevron-down"})),e("span",{class:"summary","progress-bar":a.progressBar},a.content.description)))}const ie=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"}),e("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"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9V10H14.5V9H1.5Z",fill:"#BE9720"}),e("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"})),oe=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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:"#C9C9C9"}),e("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:"#C9C9C9"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9V10H14.5V9H1.5Z",fill:"#A5A3A3"}),e("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:"#828282"})),ne=y({ProgressBar:{"& .progress-bar":{height:"0",marginTop:"var(--sl-spacing-large)",marginBottom:"var(--sl-spacing-xxx-large)",marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-small)",display:"grid",lineHeight:"45px",userSelect:"none"},"& .progress-bar.repeatable-steps":{marginLeft:"var(--sl-spacing-x-small)"},"&[data-steps]":{marginTop:"calc(-1*var(--sl-spacing-x-small))"},"&[data-steps]  .progress-bar":{marginTop:"var(--sl-spacing-medium)"},"&[data-expired]  .progress::after":{backgroundColor:"#bfbfbf"},"&[data-expired]  .filled::after":{backgroundColor:"#bfbfbf"},"&[data-complete] .filled::after .progress::after":{backgroundColor:"var(--sl-color-primary-200)"},"& .gift":{textAlign:"center",marginLeft:"-100px",marginRight:"-100px",position:"relative",top:"-18px"},"& .gift.start":{transform:"scale(80%)",top:"-20px"},"& .filled:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"var(--sqm-accent-color-icon)",background:"red"},"& .progress":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .progress::after":{content:'""',width:"12px",height:"12px",display:"flex",backgroundColor:"var(--sqm-accent-color-icon)",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"}}},{classNamePrefix:"sqm-prog-bar"}),de=ne.toString();function ce(a){const{progress:t=0,goal:l=1,steps:r=!1,progressBarUnit:s="",repeatable:i=!1,complete:o=!1,expired:n=!1,finite:d=0,opacity:c="1"}=a;let u=function(a,t,l){return a?t?function({progress:a,goal:t,finite:l,expired:r}){const s=[],i=[];let o=Math.floor(a/t);if(o<2){let l=1/t;for(let o=1;o<2*t+1;o++)i.push(l+"fr"),i.push("0fr"),o>a?o==t?(i.push("0fr"),s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty bg"},t)),s.push(e("div",{class:"gift"},e(oe,null)))):o==2*t?(i.push("0fr"),i.push("0fr"),s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty bg"},2*t)),s.push(e("div",{class:"gift"},e(oe,null)))):(s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty"},o))):o==t?(i.push("0fr"),s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress bg"},o)),s.push(e("div",{class:"gift"},e(r?oe:ie,null)))):(s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress"},o)))}else if(l&&o>=l){let n=1/t;o>2&&(i.push("0fr"),i.push("0fr"),s.push(e("div",{class:"progress bg"},t*(l-2))),s.push(e("div",{class:"gift start"},e(r?oe:ie,null))));for(let o=1;o<2*t+1;o++)i.push(n+"fr"),i.push("0fr"),o>a?o==t&&(i.push("0fr"),s.push(e("div",{class:"remain"})),s.push(e("div",{class:"progress bg"},t*(l-1))),s.push(e("div",{class:"gift"},e(oe,null)))):o==t?(i.push("0fr"),s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress bg"},t*(l-1))),s.push(e("div",{class:"gift"},e(r?oe:ie,null)))):o==2*t?(i.push("0fr"),i.push("0fr"),s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress bg"},t*l)),s.push(e("div",{class:"gift"},e(r?oe:ie,null)))):(s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress"},o+t*(l-2))))}else{let l=a%t+t,n=1/t;i.push("0fr"),i.push("0fr"),s.push(e("div",{class:"progress bg"},t*(o-1))),s.push(e("div",{class:"gift start"},e(r?oe:ie,null)));for(let a=1;a<2*t+1;a++)i.push(n+"fr"),i.push("0fr"),a<=t?a==t?(i.push("0fr"),s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress bg"},a+t*(o-1))),s.push(e("div",{class:"gift"},e(r?oe:ie,null)))):(s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress"},a+t*(o-1)))):a>l?a==2*t?(i.push("0fr"),i.push("0fr"),s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty bg"},a+t*(o-1))),s.push(e("div",{class:"gift"},e(oe,null)))):(s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty"},a+t*(o-1)))):(s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress"},a+t*(o-1))))}return{items:s,columns:i.join(" ")}}(l):function({progress:a,goal:t,progressBarUnit:l,finite:r,expired:s}){let i=Math.floor(a/t),o=a%t/t*.5;const n=[];let d="";return 0==i?(d=o+"fr 0fr "+(.5-o)+"fr 0fr 0fr 0.5fr 0fr 0fr",n.push(e("div",{class:"filled"})),n.push(e("div",{class:a==t?"progress top bg":"progress top"},l+a)),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+t)),n.push(e("div",{class:"gift"},e(a==t?s?oe:ie:oe,null))),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+2*t)),n.push(e("div",{class:"gift"},e(oe,null)))):1==i?(d="0.5fr 0fr 0fr "+o+"fr 0fr "+(.5-o)+"fr 0fr 0fr",n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t)),n.push(e("div",{class:"gift"},e(s?oe:ie,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:a==t?"progress top bg":"progress top"},a==t?"":l+a)),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+2*t)),n.push(e("div",{class:"gift"},e(oe,null)))):r&&i>=r?(i>2?(n.push(e("div",{class:"progress bg"},l+t*(r-2))),n.push(e("div",{class:"gift start"},e(s?oe:ie,null))),d="0fr 0fr 0.5fr 0fr 0fr 0.5fr 0fr 0fr"):d="0.5fr 0fr 0fr 0.5fr 0fr 0fr",n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t*(r-1))),n.push(e("div",{class:"gift"},e(s?oe:ie,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t*r)),n.push(e("div",{class:"gift"},e(s?oe:ie,null)))):(d="0fr 0fr 0.5fr 0fr 0fr "+o+"fr 0fr "+(.5-o)+"fr 0fr 0fr",n.push(e("div",{class:"progress bg"},l+t*(i-1))),n.push(e("div",{class:"gift start"},e(s?oe:ie,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t*i)),n.push(e("div",{class:"gift"},e(s?oe:ie,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:a==t*i?"progress top bg":"progress top"},a==t*i?"":l+a)),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+t*(i+1))),n.push(e("div",{class:"gift"},e(oe,null)))),{items:n,columns:d}}(l):t?function({progress:a,goal:t,expired:l}){const r=[],s=[];let i=1/t;for(let l=1;l<t;l++)s.push(i+"fr"),s.push("0fr"),l>a?(r.push(e("div",{class:"remain"})),r.push(e("div",{class:"empty"},l))):(r.push(e("div",{class:"filled"})),r.push(e("div",{class:"progress"},l)));return s.push(i+"fr"),s.push("0fr"),t<=a?(s.push("0fr"),r.push(e("div",{class:"filled"})),r.push(e("div",{class:"progress bg"},t)),r.push(e("div",{class:"gift"},e(l?oe:ie,null)))):(s.push("0fr"),r.push(e("div",{class:"remain"})),r.push(e("div",{class:"empty bg"},t)),r.push(e("div",{class:"gift"},e(oe,null)))),{items:r,columns:s.join(" ")}}(l):function({progress:a,goal:t,progressBarUnit:l,expired:r}){const s=[];let i="";const o=a/t;return i=ue(o,0,1)+"fr 0fr "+ue(1-o,0,1)+"fr 0fr 0fr",s.push(e("div",{class:"filled"})),s.push(e("div",{class:ue(a,0,t)==t?"progress top bg":"progress top"},ue(a,0,t)==t?"":l+ue(a,0,t))),s.push(e("div",{class:"remain"})),s.push(e("div",{class:"progress bg"},l+t)),s.push(e("div",{class:"gift"},ue(a,0,t)==t?e(r?oe:ie,null):e(oe,null))),{items:s,columns:i}}(l)}(i,r,a);const{columns:p,items:v}=u;return e("div",{class:ne.classes.ProgressBar,"data-expired":n,"data-complete":o,"data-steps":r,"data-done":l<=t,style:{opacity:c}},e("style",{type:"text/css"},de),e("div",{class:!Boolean(d)&&t>=2*l||Boolean(d)&&t>2*l?"progress-bar repeatable-steps":"progress-bar",style:{gridTemplateColumns:p,marginLeft:0!==t||r?"":"var(--sl-spacing-x-small)"}},v))}function ue(e,a,t){return Math.min(Math.max(e,a),t)}function pe(a){var t,l;const{callbacks:r,states:i,content:o}=a,n=y({TaskCard:{display:"inline-block",width:"100%","& .main":{position:"relative",boxSizing:"border-box",background:o.backgroundColor||"var(--sqm-portal-background)",border:`var(--sqm-border-thickness) solid ${o.borderColor||"var(--sqm-border-color)"}`,borderRadius:"var(--sqm-border-radius-normal)",boxShadow:"1px 2px 4px rgba(211, 211, 211, 0.4)",fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",color:o.textColor||"var(--sqm-text)"},"& .main.complete":{opacity:"0.8",borderColor:"var(--sqm-accent-color-border)"},"& .main.expired":{color:o.textColor||"var(--sqm-text)",opacity:"0.8"},"& .title":{fontSize:"var(--sl-font-size-medium)",color:o.textColor||"var(--sqm-text)"},"& .container":{margin:"var(--sl-spacing-medium)"},"& .container.subdued":{opacity:"0.45"},"& .container > div":{margin:"var(--sl-spacing-medium) 0"}},NotStarted:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:o.textColor||"var(--sqm-primary-color)",border:`var(--sqm-border-thickness, 1px) solid ${o.borderColor||"var(--sl-color-neutral-200)"}`,borderRadius:"var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",borderBottom:"none",background:o.backgroundColor||"var(--sl-color-primary-50)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:o.textColor||"var(--sqm-text)"}},Ended:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:o.textColor||"var(--sqm-warning-color-text)",border:`var(--sqm-border-thickness, 1px) solid ${o.borderColor||"var(--sl-color-neutral-200)"}`,borderRadius:"var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",borderBottom:"none",background:o.backgroundColor||"var(--sqm-warning-color-background)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:o.textColor||"var(--sqm-text)"}},Header:{display:"flex","& .icon":{position:"relative",top:"5%",alignSelf:"center",lineHeight:"0",color:"var(--sqm-accent-color-icon)",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:o.textColor||"var(--sqm-text)",lineHeight:"100%",marginRight:"var(--sl-spacing-xx-small)"},"& .text":{alignSelf:"end",textTransform:"uppercase",fontSize:"var(--sl-font-size-x-small)",color:o.textColor||"var(--sqm-text)",lineHeight:"var(--sl-font-size-medium)",marginRight:"var(--sl-spacing-xx-small)"},"& .end":{color:o.textColor||"var(--sqm-warning-color-text)",fontWeight:"var(--sl-font-weight-semibold)",marginBottom:"var(--sl-spacing-xx-small)"},"& .neutral":{color:o.textColor||"var(--sl-color-neutral-400)"}},Footer:{"&[data-subdue] .success":{color:o.textColor||"var(--sqm-accent-color-text)"},"&[data-subdue] .neutral":{color:o.textColor||"var(--sqm-text)"},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)",color:o.textColor||"var(--sqm-text)"},"& .success":{color:o.textColor||"var(--sqm-text)",fontWeight:"var(--sl-font-weight-semibold)"},"& .neutral":{color:o.textColor||"var(--sqm-text)"},"& .datetime":{display:"block",marginTop:"var(--sl-spacing-xx-small)"}}}),d=n.toString(),c=o.rewardDuration&&L.DateTime.fromISO(o.rewardDuration.split("/")[0]),u=o.rewardDuration&&L.DateTime.fromISO(o.rewardDuration.split("/")[1]),p=L.DateTime.now();if(o.displayDuration){const a=null===(t=o.displayDuration.split("/"))||void 0===t?void 0:t[0],r=null===(l=o.displayDuration.split("/"))||void 0===l?void 0:l[1],s=a?L.DateTime.fromISO(a):p,i=r?L.DateTime.fromISO(r):p;if(p<s||p>i)return e("span",null)}const v=e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"})),m=e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor"}),e("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"})),g=e("svg",{width:11,height:12,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"})),f=i.progress>=o.goal,b=o.showProgressBar?Math.floor(i.progress/o.goal):i.progress,h=f&&!1===o.repeatable||o.finite&&i.progress>=o.finite*o.goal,x=o.rewardDuration&&u<=p,w=o.rewardDuration&&p<=c,q=x||w;return e("div",{class:n.classes.TaskCard,part:"sqm-base"},e("style",{type:"text/css"},d,"\n\t:host{\n\t\tdisplay: block;\n\t\tmargin-bottom: var(--sl-spacing-large);\n\t}\n\n  "),!i.loading&&w&&e("div",{class:n.classes.NotStarted},e("span",{class:"icon"},e("sl-icon",{name:"info-circle-fill"})),s.formatMessage({id:"startsOnMessage",defaultMessage:o.startsOnMessage},{startDate:c.setLocale(C(i.locale)).toLocaleString(L.DateTime.DATETIME_MED)})),!i.loading&&x&&e("div",{class:n.classes.Ended},e("span",{class:"icon"},e("sl-icon",{exportparts:"base: task-card-icon",name:"exclamation-triangle-fill"})),s.formatMessage({id:"endedMessage",defaultMessage:o.endedMessage},{endDate:u.setLocale(C(i.locale)).toLocaleString(L.DateTime.DATETIME_MED)})),e("div",{part:"sqm-style-container",style:{borderRadius:q&&"0 0 var(--sqm-border-radius-normal) var(--sqm-border-radius-normal)"},class:q?"main expired":h?"main complete":"main"},e("div",{class:"container",part:"sqm-card-container","data-subdue":h||q},e("div",{class:n.classes.Header,style:{opacity:h||q?"0.45":"1"}},i.loading?e("sl-skeleton",{style:{width:"22%",margin:"0"}}):e("div",null,f&&e("span",{class:q?"icon neutral":"icon"},h?m:v),e("span",{part:"sqm-value",class:"value"},o.rewardAmount),e("span",{part:"sqm-unit",class:"text"},o.rewardUnit))),i.loading?e("sl-skeleton",{style:{width:"42%",margin:"var(--sl-spacing-medium) 0"}}):e("div",{class:"title",part:"sqm-title",style:{marginBottom:o.description?"":o.steps?"var(--sl-spacing-x-large)":o.showProgressBar?"var(--sl-spacing-xx-large)":"",opacity:h||q?"0.45":"1"}},o.cardTitle),i.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):o.description&&e(se,Object.assign({},a,{opacity:h||q?"0.45":"1"})),o.showProgressBar&&i.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):o.showProgressBar&&e(ce,Object.assign({},a.content,a.states,{opacity:h||q?"0.75":"1",complete:h,expired:q})),e("div",{class:n.classes.Footer,"data-subdue":h||q},i.loading?e("sl-skeleton",{style:{width:"25%",marginLeft:"auto"}}):e("div",{style:{display:"contents"}},e("span",{class:"text"},o.repeatable&&e("div",null,e("span",{class:b>0?q?"icon neutral":"icon success":"icon neutral","data-subdue":h||q},g),e("span",{class:b>0?q?"neutral":"success":"neutral","data-subdue":h||q},s.formatMessage({id:"completedMessage",defaultMessage:o.completedText},{finite:o.finite,count:o.finite?Math.min(b,o.finite):b}))),u&&!q&&e("span",{class:"datetime neutral","data-subdue":h||q},s.formatMessage({id:"expiryMessage",defaultMessage:o.expiryMessage},{endDate:u.setLocale(C(i.locale)).toLocaleString(L.DateTime.DATETIME_MED)}))),o.hideButton?"":e("sl-button",{exportparts:`base: ${o.buttonType||"primary"}button-base`,type:"primary",id:"sl-button",size:"small",onClick:r.onClick,loading:i.loadingEvent,disabled:h||q,style:{opacity:h||q?"0.45":"1"}},o.buttonText))))))}const ve={Wrapper:{...k,"max-width":"600px"},Column:E,HostBlock:$,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:I,ErrorStyle:T},me=y(ve),ge=me.toString();function fe(a){var t,l,r,s,i,o,n,d,c,u,p,v,m;const{states:g,refs:f,callbacks:b,content:h}=a;return g.error&&window.scrollTo({top:0,left:0,behavior:"smooth"}),e("div",{class:me.classes.Wrapper,part:"sqm-base"},e("style",{type:"text/css"},"\nsqm-portal-register {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\n\n:host{\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n",ge),e(A,{type:"h3"},h.pageLabel),e("sl-form",{class:me.classes.Column,"onSl-submit":b.submit,ref:e=>f.formRef.current=e,novalidate:!0},g.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},a.states.error)),h.formData,!g.hideInputs&&e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",type:"email",name:"/email",label:h.emailLabel||"Email",disabled:g.loading,required:!0,validationError:({value:e})=>e?e.includes("@")?void 0:h.invalidEmailErrorMessage:h.requiredFieldErrorMessage},(null===(l=null===(t=g.registrationFormState)||void 0===t?void 0:t.validationErrors)||void 0===l?void 0:l.email)?{class:me.classes.ErrorStyle,helpText:(null===(s=null===(r=g.registrationFormState)||void 0===r?void 0:r.validationErrors)||void 0===s?void 0:s.email)||h.requiredFieldErrorMessage}:[])),!g.hideInputs&&e("sqm-password-field",{fieldLabel:h.passwordLabel,"disable-validation":g.disablePasswordValidation,meetsRequirementsText:h.meetsRequirementsText,doesNotMeetRequirementsText:h.doesNotMeetRequirementsText,minErrorText:h.minErrorText,uppercaseErrorText:h.uppercaseErrorText,lowercaseErrorText:h.lowercaseErrorText,hasErrorText:h.hasErrorText}),h.passwordField,!g.hideInputs&&g.confirmPassword&&e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",type:"password",name:"/confirmPassword",label:h.confirmPasswordLabel,disabled:g.loading||(null===(i=g.registrationFormState)||void 0===i?void 0:i.disabled),required:!0},(null===(n=null===(o=g.registrationFormState)||void 0===o?void 0:o.initialData)||void 0===n?void 0:n.confirmPassword)?{value:null===(c=null===(d=g.registrationFormState)||void 0===d?void 0:d.initialData)||void 0===c?void 0:c.confirmPassword}:{},(null===(p=null===(u=g.registrationFormState)||void 0===u?void 0:u.validationErrors)||void 0===p?void 0:p.confirmPassword)?{class:me.classes.ErrorStyle,helpText:(null===(m=null===(v=g.registrationFormState)||void 0===v?void 0:v.validationErrors)||void 0===m?void 0:m.confirmPassword)||h.requiredFieldErrorMessage}:[])),h.terms,e("div",{class:me.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:g.loading,exportparts:"base: primarybutton-base",type:"primary"},h.submitLabel||"Register"),h.secondaryButton)))}w.setup(q());const be=w.createStyleSheet({ErrorStyle:{"&::part(control)":{borderColor:"var(--sl-color-danger-500)",outline:"var(--sl-color-danger-500)"},"&:host":{"--focus-ring":"0 0 0 var(--sl-focus-ring-width) red !important"}},ErrorMessageStyle:{margin:0,marginTop:"5px",color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)",fontFamily:"var(--sl-font-sans)",fontWeight:"var(--sl-font-weight-normal)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}}),he=be.toString();function xe(a){var t,l,r,i,o;const{states:n,content:d,callbacks:c}=a,u=null===(t=null==n?void 0:n.registrationFormState)||void 0===t?void 0:t.validationErrors;return e("div",{class:be.classes.FieldContainer,part:"sqm-base"},e("style",{type:"text/css"},"\n:host {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\nsl-checkbox::part(label){\n  font-size: var(--sl-input-label-font-size-small);\n  font-weight: var(--sl-font-weight-normal);\n  line-height: 20px;\n}\nsl-checkbox::part(base){\n  align-items: start;\n}\nsl-checkbox[checked]::part(control){\n  background-color: var(--sqm-input-border-color-focus);\n}\n\nsl-checkbox[checked]::part(checked-icon){\n  color: var(--sqm-input-background);\n}\n",he),e("sl-checkbox",Object.assign({exportparts:"label: input-label, base: input-base",name:`/${d.checkboxName}`,checked:n.checked,"onSl-change":e=>{e.target.value=e.target.checked,c.setChecked(e.target.value)}},d.checkboxOptional?[]:{required:!1},{disabled:(null===(l=n.registrationFormState)||void 0===l?void 0:l.loading)||(null===(r=n.registrationFormState)||void 0===r?void 0:r.disabled),validationError:({value:e})=>{if(!e&&!d.checkboxOptional)return d.errorMessage}},(null===(o=null===(i=n.registrationFormState)||void 0===i?void 0:i.validationErrors)||void 0===o?void 0:o[d.checkboxName])?{class:be.classes.ErrorStyle}:[]),s.formatMessage({id:d.checkboxName+"-message",defaultMessage:d.checkboxLabel},{labelLink:e("a",{href:d.checkboxLabelLink,target:"_blank"},d.checkboxLabelLinkText||d.checkboxLabelLink)})),(null==u?void 0:u[d.checkboxName])&&e("p",{class:be.classes.ErrorMessageStyle},d.errorMessage))}function Ce(a){const t=!a.loading&&a.error,l=y({HostBlock:$,couponCodeLabel:{margin:"var(--sl-spacing-x-small) 0",color:a.textColor||"var(--sqm-text-subdued)",fontSize:"var(--sl-font-size-small)"}}),r=l.toString();return e("div",null,e("style",{type:"text/css"},r,"\n  :host{\n    display: block;   \n    width: 100%;\n  }\n"),e("p",{class:l.classes.couponCodeLabel,style:{textAlign:a.textAlign}},a.couponCodeLabel),t?e("sqm-form-message",{type:a.errorType,exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},a.errorText)):e(M,Object.assign({},a)))}w.setup(q());const ye=w.createStyleSheet({ErrorStyle:{"--sl-input-border-color":"var(--sl-color-danger-500)","--sl-input-background-color":"var(--sl-color-danger-10)","--sl-input-border-color-focus":"var(--sl-color-danger-500)","--sl-input-border-color-hover":"var(--sl-color-danger-500)"},ErrorMessageStyle:{margin:0,color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-medium)"}}),we=ye.toString();function qe(a){var t,l,r,i,o,n,d;const{states:c,content:u}=a,p=null===(t=null==c?void 0:c.registrationFormState)||void 0===t?void 0:t.validationErrors;return e("div",{class:ye.classes.FieldContainer,part:"sqm-base"},e("style",{type:"text/css"},"\n:host {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\nsl-select::part(label){\n  font-size: var(--sl-input-label-font-size-small);\n  font-weight: var(--sl-font-weight-semibold);\n}\n",we),e("sl-select",Object.assign({exportparts:"label: input-label, base: input-base",label:u.dropdownLabel,name:`/${u.dropdownName}`},u.dropdownOptional?[]:{required:!0},{disabled:(null===(l=c.registrationFormState)||void 0===l?void 0:l.loading)||(null===(r=c.registrationFormState)||void 0===r?void 0:r.disabled)},(null===(o=null===(i=c.registrationFormState)||void 0===i?void 0:i.initialData)||void 0===o?void 0:o[u.dropdownName])?{value:null===(d=null===(n=c.registrationFormState)||void 0===n?void 0:n.initialData)||void 0===d?void 0:d[u.dropdownName]}:{},(null==p?void 0:p[u.dropdownName])?{class:ye.classes.ErrorStyle}:[]),u.selectOptions),(null==p?void 0:p[u.dropdownName])&&e("p",{class:ye.classes.ErrorMessageStyle},s.formatMessage({id:`errorMessage-${u.dropdownName}`,defaultMessage:u.errorMessage})))}const Re=a=>{var t,l,r,s;const{states:i,callbacks:o}=a,{text:n}=i,{errors:d}=i.formState;return i.showEdit?e("div",{class:`CardWrapper ${!i.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),e("form",{class:"FormWrapper",onSubmit:o.onSubmit},e("div",{class:"FormSection"},i.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},i.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:i.formState.firstName,onInput:o.onChange,label:n.firstnametext,disabled:i.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:i.formState.lastName,onInput:o.onChange,label:n.lastnametext,disabled:i.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),n.showregion&&i.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label, base: input-base",disabled:!0,value:i.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{type:"primary",loading:i.loading,disabled:i.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext),e("sl-button",{onClick:()=>{o.setShowEdit(!1)},type:"secondary",exportparts:"base: secondarybutton-base"},n.canceltext)))):e("div",{class:`CardWrapper FormWrapper ${!i.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("div",{class:"FormSection"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),e("div",null,e("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(t=i.user)||void 0===t?void 0:t.firstName," ",null===(l=i.user)||void 0===l?void 0:l.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=i.user)||void 0===r?void 0:r.email},null===(s=i.user)||void 0===s?void 0:s.email))),e("sl-button",{type:"primary",loading:i.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))};function Se(a){var t,l,r;const{states:i,data:o,elements:n}=a,{styles:d}=i,c=y({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse",background:d.background||"transparent",borderRadius:d.borderRadius?`${d.borderRadius}px`:"0"},"& th":{textAlign:"left",padding:"var(--sl-spacing-medium)",paddingTop:"0",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)"},"& tr:not(:first-child)":{borderTop:`var(--sqm-border-thickness) solid ${d.borderColor||"var(--sqm-border-color)"}`},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"left",padding:"0",color:d.textColor||"var(--sqm-text)",paddingLeft:"25%"},"& .highlight":{background:d.viewingUserHighlightColor||"var(--sqm-accent-color-background)","& td, th":{color:d.viewingUserHighlightTextColor||"var(--sqm-text)"}},"& td, th":{color:d.textColor||"var(--sqm-text)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"},"& .Rank":{whiteSpace:"nowrap"},"& .fullWidth":{width:"100%"}}}),u=c.toString(),p="\n  :host{\n    display: block;\n  }\n";if(i.isEssentials)return e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1715360191/squatch-assets/Leaderboard_Not_Available.svg","empty-state-header":"Leaderboards aren’t available on your plan","empty-state-text":"Contact {supportText} to upgrade your plan and start leveraging gamification in your program.","support-text":"Support"});if(i.loading)return e("div",{class:c.classes.Leaderboard,style:{width:d.width||"100%"}},e("style",{type:"text/css"},u,p),e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))));if(!i.hasLeaders)return n.empty;let v=!1;const m=e=>{if(!e.firstName&&!e.lastInitial)return d.anonymousUser;const{firstName:a,lastInitial:t}=e;return a&&t?`${a} ${t}`:a||t?a||t:d.anonymousUser},g=(e,a)=>{if(!e)return d.hideNames?`${d.viewingUserText}`:"-";const t=` - ${d.viewingUserText}`;return d.rankSuffix?s.formatMessage({id:"rank",defaultMessage:d.rankSuffix},{rank:e})+`${a&&d.hideNames?t:""}`:`${e} ${a&&d.hideNames?t:""}`};return e("div",{class:c.classes.Leaderboard,part:"sqm-base",style:{width:d.width||"100%"}},e("style",{type:"text/css"},u,p),e("table",{part:"sqm-table"},e("tr",null,d.showRank&&e("th",{class:"Rank "+(d.hideNames?"fullWidth":"")},d.rankheading),!d.hideNames&&e("th",{class:"User"},d.usersheading),e("th",{class:"Score"},d.statsheading)),null===(t=o.leaderboard)||void 0===t?void 0:t.map((a=>{var t,l;a.rowNumber===(null===(t=o.viewerRank)||void 0===t?void 0:t.rowNumber)&&(v=!0);const r=!d.hideViewer&&a.rowNumber===(null===(l=o.viewerRank)||void 0===l?void 0:l.rowNumber);return e("tr",{class:r?"highlight":""},d.showRank&&e("td",{class:"Rank"},g(a.rank,r)),!d.hideNames&&e("td",{class:"User"},m(a)),e("td",{class:"Score"},a.textValue))})),!v&&!d.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!v&&!d.hideViewer&&e("tr",{class:"highlight"},d.showRank&&e("td",{class:"Rank"},g(null===(l=o.viewerRank)||void 0===l?void 0:l.rank,!0)),!d.hideNames&&e("td",{class:"User"},m(o.viewerRank||{})),e("td",{class:"Score"},(null===(r=o.viewerRank)||void 0===r?void 0:r.textValue)||"0"))))}const $e=["var(--sl-spacing-xxx-small)","var(--sl-spacing-xx-small)","var(--sl-spacing-x-small)","var(--sl-spacing-small)","var(--sl-spacing-medium)","var(--sl-spacing-large)","var(--sl-spacing-x-large)","var(--sl-spacing-xx-large)","var(--sl-spacing-xxx-large)","var(--sl-spacing-xxxx-large)"],ke=e=>e?B(e)?e:`url(${e})`:"var(--sqm-portal-background)";function Ee(a){const{states:t,content:l}=a,{secondaryBackground:r="var(--sqm-portal-background)"}=t,s=(e,a)=>{var t={small:7,medium:8,large:9}[e];return D(650)?t-=2:D(767)&&(t-=1),a?$e[t-2]:$e[t]},i=e=>"small"==e?"1%":"medium"==e?"3%":"5%",o={TwoColumnContainer:{display:"flex","@media screen and (max-width: 650px)":{flexDirection:"wrap-reverse"==t.wrapDirection?"column-reverse":"column",justfiyContent:"center"}},ColumnPadding:{paddingTop:"none"==t.paddingSize?"0px":s(t.paddingSize),paddingBottom:"none"==t.paddingSize?"0px":s(t.paddingSize),paddingLeft:"none"==t.paddingSize?"0px":i(t.paddingSize),paddingRight:"none"==t.paddingSize?"0px":i(t.paddingSize)},ColumnWrapper:{"&:first-of-type":{background:`no-repeat center/cover ${ke(t.background)}`},"&:last-of-type":{background:`no-repeat center/cover ${ke(r)}`},"@media screen and (min-width: 650px)":{flex:"1 1 0"},minHeight:`${t.minHeight}px`,display:"block"},HideColumn:{"@media screen and (max-width: 650px)":{display:"none"}},SingleColumnContainer:{background:`no-repeat center/cover ${ke(t.background)}`,minHeight:`${t.minHeight}px`},Container:{width:"100%",maxWidth:"var(--sqm-max-width)",margin:"0 auto",flex:1,display:"flex",flexDirection:"column",minHeight:"100%"}},n=y(o),d=n.toString();return e("div",{class:n.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},"\n  :host{    \n    height: 100%;\n    display: contents;\n  }\n  sqm-hero{    \n    height: 100%;\n    display: contents;\n  }\n  img{\n      max-width: 100%;\n      height: auto;\n  }\n  \n",d),2==t.columns?e("div",{class:n.classes.TwoColumnContainer,part:"sqm-two-col-container"},e("div",{part:"sqm-two-col-primary-col",class:`${n.classes.ColumnWrapper} ${n.classes.ColumnPadding} ${"primary"===t.columnToHideInMobile?n.classes.HideColumn:""}`},l.primaryColumn),e("div",{part:"sqm-two-col-secondary-col",class:`${n.classes.ColumnWrapper} ${n.classes.ColumnPadding} ${"secondary"===t.columnToHideInMobile?n.classes.HideColumn:""}`},l.secondaryColumn)):e("div",{part:"sqm-single-col",class:`${n.classes.SingleColumnContainer} ${n.classes.ColumnPadding}`},l.primaryColumn))}const Ie={ErrorStyle:T,FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}};w.setup(q());const Te=w.createStyleSheet(Ie),Me=Te.toString();function Ve(a){var t,l,r,i,o,n,d;const{states:c,content:u}=a,p=null===(t=null==c?void 0:c.registrationFormState)||void 0===t?void 0:t.validationErrors;return e("div",{class:Te.classes.FieldContainer,part:"sqm-base"},e("style",{type:"text/css"},"\n:host {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\n",Me),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",name:`/${u.fieldName}`,type:u.fieldType,label:u.fieldLabel},u.fieldOptional?[]:{required:!0},{disabled:(null===(l=c.registrationFormState)||void 0===l?void 0:l.loading)||(null===(r=c.registrationFormState)||void 0===r?void 0:r.disabled)},(null===(o=null===(i=c.registrationFormState)||void 0===i?void 0:i.initialData)||void 0===o?void 0:o[u.fieldName])?{value:null===(d=null===(n=c.registrationFormState)||void 0===n?void 0:n.initialData)||void 0===d?void 0:d[u.fieldName]}:{},(null==p?void 0:p[u.fieldName])?{class:Te.classes.ErrorStyle,helpText:s.formatMessage({id:`errorMessage-${u.fieldName}`,defaultMessage:u.errorMessage||(null==p?void 0:p[u.fieldName])})}:[])))}const Le=y({ErrorStyle:T,FieldsContainer:{"& sl-input":{"margin-bottom":"var(--sl-spacing-large)"}}}),Ae=Le.toString();function He(a){var t,l,r,s,i,o,n,d,c,u,p,v,m;const{states:g}=a,f=null===(t=null==g?void 0:g.registrationFormState)||void 0===t?void 0:t.validationErrors;return e("div",{class:Le.classes.FieldsContainer},e("style",{type:"text/css"},"\n:host {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n  font-weight: var(--sl-font-weight-semibold);\n  color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textare::part(textarea-label):focus {\n  border-color: none;\n  border: var(--sqm-input-focus-border, var(--sqm-border-thickness) solid var(--sl-input-border-color-focus));\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n  background: var(--sqm-input-disabled-background, #f5f5f5);\n  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\nsl-input {\n  --sl-input-border-color-focus: var(--sqm-border-color-focus); \n}\n\n",Ae),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",name:"/firstName",type:"text",label:g.content.firstNameLabel,required:!g.optional,disabled:(null===(l=g.registrationFormState)||void 0===l?void 0:l.loading)||(null===(r=g.registrationFormState)||void 0===r?void 0:r.disabled)},(null===(i=null===(s=g.registrationFormState)||void 0===s?void 0:s.initialData)||void 0===i?void 0:i.firstName)?{value:null===(n=null===(o=g.registrationFormState)||void 0===o?void 0:o.initialData)||void 0===n?void 0:n.firstName}:{},(null==f?void 0:f.firstName)?{class:Le.classes.ErrorStyle,helpText:(null==f?void 0:f.firstName)||"Cannot be empty"}:[])),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",name:"/lastName",type:"text",label:g.content.lastNameLabel,required:!g.optional,disabled:(null===(d=g.registrationFormState)||void 0===d?void 0:d.loading)||(null===(c=g.registrationFormState)||void 0===c?void 0:c.disabled)},(null===(p=null===(u=g.registrationFormState)||void 0===u?void 0:u.initialData)||void 0===p?void 0:p.lastName)?{value:null===(m=null===(v=g.registrationFormState)||void 0===v?void 0:v.initialData)||void 0===m?void 0:m.lastName}:{},(null==f?void 0:f.lastName)?{class:Le.classes.ErrorStyle,helpText:(null==f?void 0:f.lastName)||"Cannot be empty"}:[])))}function Be(a){const{states:t,callbacks:l}=a,{text:r,formState:s}=t,{error:i}=s,o=y({Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-x-small)",padding:"0 var(--sl-spacing-xxx-large) var(--sl-spacing-xxx-large)"},SubmitButton:{marginBottom:"var(--sl-spacing-medium)"},Error:{"&::part(erroralert-base)":{"margin-bottom":"15px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"15px"}}}),n=o.toString();return e("div",{class:o.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},n),e(A,Object.assign({},{type:"h2"}),r.emailPreferencesHeader),e("sl-form",{"onSl-submit":l.onSubmit},e(xe,{states:{checked:t.formState.marketingEmailOptIn},content:{checkboxLabel:r.marketingCheckboxLabel,checkboxName:"marketingEmailOptIn"},callbacks:{setChecked:l.setChecked}}),e("sl-button",{class:o.classes.SubmitButton,type:"primary",submit:!0,loading:t.loading,disabled:t.submitDisabled},r.submitChangeButtonText),i&&e("sqm-form-message",{class:o.classes.Error,type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},i)),t.success&&e("sqm-form-message",{class:o.classes.Success,type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},t.text.successMessage))))}function De(a){const t=y({RowContainer:{display:"flex","& > :not(:last-child)":{"margin-right":"var(--sl-spacing-large)"}},Container:{display:"flex","flex-direction":"column","align-items":"center","font-size":"var(--sl-font-size-small)",color:"var(--sqm-text-subdued)","padding-top":`var(--sl-spacing-${a.paddingTop})`,"padding-right":`var(--sl-spacing-${a.paddingRight})`,"padding-bottom":`var(--sl-spacing-${a.paddingBottom})`,"padding-left":`var(--sl-spacing-${a.paddingLeft})`,"row-gap":"var(--sl-spacing-small)","& a:hover":{color:"var(--sqm-text)"}},SupportText:{textAlign:"center",margin:0},PoweredByLink:{color:"var(--sqm-text-subdued)","font-size":"var(--sl-font-size-small)",display:"flex",alignItems:"center",svg:{marginTop:"2px",shapeRendering:"geometricprecision"},"&:hover, &:hover *":{color:"var(--sqm-text)"}}}),l=t.toString();return e("div",{class:t.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},"\n  :host {\n    margin: 0 auto;\n    width: 100%;\n  }\n  a {\n    cursor:pointer;\n    color: var(--sqm-text-subdued);\n    text-decoration: none;\n  }\n",l),e("div",{class:t.classes.RowContainer},a.faqLink&&e("a",{target:"_blank",href:a.faqLink},a.faqText),a.termsLink&&e("a",{target:"_blank",href:a.termsLink},a.termsText)),!a.hideSupportText&&e("p",{class:t.classes.SupportText},s.formatMessage({id:"supportFooter",defaultMessage:a.supportText},{email:e("a",{target:"_blank",href:`mailto:${a.supportEmail}`},a.supportEmail)})),!a.hidePoweredBy&&e("a",{class:t.classes.PoweredByLink,target:"_blank",href:a.poweredByLink},"Powered by ",e(j,{color:"currentColor"})))}function Fe(a){const{states:t,callbacks:l,content:r}=a,s={FormWrapper:{...k,background:r.backgroundColor||"var(--sqm-portal-background)",borderRadius:r.borderRadius||"var(--sqm-border-radius-normal)",border:r.border||"var(--sqm-border-thickness) solid var(--sqm-border-color)"},Column:{...E},ButtonsContainer:I,SecondaryButton:{margin:"auto",display:"block",cursor:"pointer"}},i=y(s),o=i.toString();return e("div",{class:i.classes.FormWrapper,part:"sqm-base"},e("style",{type:"text/css"},"\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n",o),e(A,{type:"h3"},r.messageSlot),e("sl-form",{class:i.classes.Column,"onSl-submit":l.submit},a.states.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},a.states.error)),a.states.success&&e("sqm-form-message",{type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},r.successAlertText)),e("sl-input",{exportparts:"label: input-label, base: input-base",type:"email",name:"/email",label:r.emailLabel||"Email",disabled:t.loading,required:!0}),e("div",{class:i.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},r.submitLabel||"Reset Password"),e("sl-button",{type:"secondary",exportparts:"base: secondarybutton-base",class:i.classes.SecondaryButton,disabled:t.loading,onClick:()=>m.push(t.loginPath)},r.loginText))))}function _e(a,t){const{data:l,notFullScreen:r,border:s}=a,i=y({HostBlock:$,Frame:{display:"flex","flex-direction":"column","box-sizing":"border-box","&:nth-child(2)":{background:a.backgroundColor}},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:a.headerAndFooterBackgroundColor,display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box",borderTop:s,"margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center",borderBottom:s,background:a.headerAndFooterBackgroundColor,"@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),o=i.toString();return e("div",{style:{minHeight:r?"100%":"100vh"},class:i.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},o),e("div",{class:i.classes.HeaderWrapper,part:"sqm-header"},l.header,e("slot",{name:"sqm-navigation-menu"})),t,e("div",{class:i.classes.FooterWrapper,part:"sqm-footer"},l.footer))}function ze(a){const{states:t,data:l}=a,{content:r}=t,s=y({Container:{position:"relative",width:r.iframeWidth,height:r.iframeHeight},IFrame:{position:"absolute",width:"100%",height:"100%",border:"0",top:"0",left:"0",right:"0"}}),i=s.toString();return e("div",{class:s.classes.Container},e("style",{type:"text/css"},i),e("iframe",{class:s.classes.IFrame,src:`${r.iframeSrc}?rsCode=${l.shareCode}`}))}const Pe=()=>e("svg",{width:12,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"})),Ue=()=>e("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"}),e("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"})),We=()=>e("svg",{width:156,height:157,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M37.18 73.862v7.966h89.663v-7.966H37.18Z",fill:"#E9BB30"}),e("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"}),e("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"}),e("path",{d:"M75.086 74.224h13.85v7.604h-13.85v-7.604Z",fill:"#DD4747"}),e("g",{filter:"url(#a)"},e("ellipse",{cx:82.008,cy:141.207,rx:36.813,ry:5.793,fill:"#E0DDDD","fill-opacity":.8})),e("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"}),e("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"}),e("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"}),e("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"}),e("defs",null,e("filter",{id:"a",x:35.195,y:125.414,width:93.625,height:31.586,filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},e("feFlood",{"flood-opacity":0,result:"BackgroundImageFix"}),e("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e("feGaussianBlur",{stdDeviation:5,result:"effect1_foregroundBlur_653_17907"}))));function Ze({active:a,completed:t,incomplete:l,stage:r}){return e("div",{style:{display:"flex"}},e("div",{style:{backgroundColor:t?"var(--sqm-success-color-icon)":l?"var(--sqm-border-color)":"white",border:a?"1px solid var(--sqm-success-color-border)":l?"1px solid var(--sqm-border-color)":"1px solid var(--sqm-success-color-border)",borderRadius:"50%",width:"23px",height:"23px",margin:"-11px",zIndex:"1",boxSizing:"content-box"}},t?e("div",{style:{top:"-10.5%",left:"23.5%",position:"relative"}},e(Pe,null)):e("div",{style:{color:a?"var(--sqm-success-color-border)":"var(--sqm-text-subdued)",width:"23px",lineHeight:"24px",textAlign:"center",position:"relative"}},r+1)))}function Ne({incomplete:a=!1,active:t=!1,invisible:l=!1}){return e("div",{style:{content:"''",flex:"0.5 0.5 0",height:"4px",borderRadius:"4px",background:a||t?"var(--sqm-border-color)":"var(--sqm-success-color-icon)",position:"relative",bottom:"0",left:"0",display:"flex",justifyContent:"center",columnGap:"50px",marginRight:"-2px",boxSizing:"content-box",opacity:l?"0":"1"}})}function Oe({active:a,completed:t,incomplete:l,stage:r}){return[e(Ne,{incomplete:l,invisible:0===r}),e(Ze,{active:a,completed:t,incomplete:l,stage:r}),e(Ne,{incomplete:l,active:a,invisible:2===r})]}function je({stageCount:a,currentStage:t}){return e("div",{style:{display:"flex",columnGap:"-2px"}},Array.from(Array(a).keys()).map((a=>e(Oe,{active:t===a,completed:t>a,incomplete:t<a,stage:a}))))}const Ge=y({HostBlock:$,Container:{minWidth:"300px",position:"relative"},FullImage:{objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex",margin:"0 auto"},Select:{"&::part(base)":{borderRadius:"var(--sqm-input-border-radius)"},"&::part(label)":{color:"var(--sqm-input-label-color)"},"&::part(menu)":{maxHeight:"450px"},"& sl-menu-item::part(checked-icon)":{top:"8px",color:"var(--sqm-text)"},"& sl-menu-item::part(base)":{flexDirection:"column",color:"var(--sqm-input-color)"},"& sl-menu-item::part(base):hover":{backgroundColor:"var(--sqm-input-border-color-hover)"},"& sl-menu-item::part(base):focus":{background:"var(--sqm-accent-color-background)"}},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(--sqm-text-subdued)"}}},CardLayout:{display:"flex",width:"100%",borderRadius:"3px",background:"rgba(0, 0, 0, 0)"},Card:{display:"flex",userSelect:"none",height:"120px","&::part(base)":{background:"var(--sqm-portal-background)",border:"var(--sqm-border-thickness) solid var(--sqm-border-color)",borderRadius:"var(--sqm-border-radius-normal)",boxShadow:"none",width:"100%"},"&::part(body)":{display:"flex",padding:0},"& .selected":{borderRadius:"var(--sqm-border-radius-normal)",position:"relative",top:"-2%",left:"100%",color:"var(--sqm-primary-color)",margin:"-9px"}},Title:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",margin:"var(--sl-spacing-large) 0"},Image:{padding:"var(--sl-spacing-small)",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:"var(--sl-spacing-small)",paddingLeft:"0","& .title":{fontSize:"var(--sl-font-size-medium)",lineHeight:"var(--sl-line-height-dense)",fontWeight:"600",color:"var(--sqm-text)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .amount":{fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-x-small)",color:"var(--sqm-text-subdued)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .error":{fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-x-small)",fontWeight:"600",color:"var(--sqm-warning-color-icon)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-xx-small)"}}},ChooseAmount:{maxWidth:"800px",margin:"auto","& .wrapper":{display:"flex",gap:"var(--sl-spacing-xx-large)","@media (max-width: 799px)":{flexDirection:"column"}},"& .image":{width:"50%",objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex","@media (max-width: 799px)":{width:"auto"}},"& .text":{width:"50%",maxWidth:"400px","@media (max-width: 799px)":{width:"auto",margin:"auto"}},"& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sqm-text)"},"& .points":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sqm-accent-color-text)"},"& .description":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sqm-text-subdued)",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)"},"& sl-menu-item[disabled]::part(label)":{color:"var(--sqm-text-subdued)"},"& sl-menu-item[disabled]":{"& .step-cost":{color:"var(--sqm-text-subdued)"},"& .step-value":{color:"var(--sqm-text-subdued)"}}},SelectItem:{display:"flex",flexDirection:"column","&::part(label)":{color:"var(--sqm-text)",margin:"0"},"& .step-cost":{color:"var(--sqm-text-subdued)",marginBottom:"var(--sl-spacing-x-small)"},"& .step-unavailable":{fontSize:"var(--sl-font-size-small)",color:"var(--sqm-warning-color-text)",margin:"0"}},Success:{textAlign:"center","& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sqm-text)"},"& .description":{color:"var(--sqm-text-subued)",maxWidth:"350px",margin:"0 auto",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-xx-large)",marginTop:"var(--sl-spacing-xx-small)"},"& .promo":{maxWidth:"350px",margin:"-30px auto var(--sl-spacing-xxx-large) auto",textAlign:"left",color:"var(--sqm-text-subdued)"}},Grid:{display:"grid",justifyContent:"center",gap:"20px",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))"},Confirmation:{maxWidth:"800px",margin:"auto","& .wrapper":{display:"flex","@media (max-width: 499px)":{flexDirection:"column"}},"& .reward-item-container":{"@media (max-width: 499px)":{display:"flex",flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"}},"& .reward-item-container .reward-title":{paddingBottom:"var(--sl-spacing-medium)",lineHeight:"20px","@media (max-width: 499px)":{paddingBottom:"none",paddingLeft:"var(--sl-spacing-small)"}},"& .padding":{padding:"var(--sl-spacing-medium) 0","@media (max-width: 499px)":{padding:"var(--sl-spacing-small) 0"}},"& .field":{width:"30%",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sqm-text-subdued)",textAlign:"left",paddingRight:"var(--sl-spacing-xxx-large)","@media (max-width: 499px)":{width:"100%",paddingRight:"0",paddingBottom:"0"}},"& .value":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)"},"& .top-border":{borderTop:"var(--sqm-border-thickness) solid var(--sqm-border-color)"},"& .image":{width:"200px","@media (max-width: 499px)":{width:"100px"}}},Button:{display:"flex",flexWrap:"wrap-reverse",margin:"var(--sl-spacing-medium) 0","& .cancel":{marginLeft:"auto",marginRight:"var(--sl-spacing-medium)","@media (max-width: 499px)":{width:"100%",marginRight:"0",marginTop:"var(--sl-spacing-small)"}},"& .continue":{"@media (max-width: 499px)":{width:"100%"}},"& .continue.right":{marginLeft:"auto"},"& .continue.center":{margin:"0 auto"}},Confetti:{pointerEvents:"none",position:"absolute",width:"100%",height:"100%",top:"0%",left:"0%",zIndex:"1"}}),Xe=Ge.toString(),Qe=["chooseReward","chooseAmount","confirmation","success"];function Ke(a){const{states:l,data:r,callbacks:i,refs:o}=a,{selectedItem:n,selectedStep:d}=l,c={chooseReward:l.content.text.chooseRewardTitle,chooseAmount:l.content.text.chooseAmountTitle,confirmation:l.content.text.confirmationTitle};const u={chooseReward:()=>{return[e("div",{part:"choose-reward-container"},e("div",{class:Ge.classes.Title},l.content.text.rewardTitle),l.loading||l.queryError?e("div",{class:Ge.classes.Grid,part:"loading-container"},[...Array(l.content.text.skeletonCardNum)].map((()=>e("div",null,e("sl-card",{class:Ge.classes.Card},e("div",{class:Ge.classes.CardLayout},e("div",null,e("sl-skeleton",{style:{width:"100px",height:"100px",margin:"9px","--border-radius":"var(--sqm-border-radius-normal)"}})),e("div",{style:{margin:"var(--sl-spacing-small) var(--sl-spacing-small) 0 0",width:"100%"}},e("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),e("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),e("sl-skeleton",{style:{width:"45%"}})))))))):e("div",{class:Ge.classes.Grid},null===(a=r.exchangeList)||void 0===a?void 0:a.map((a=>{var r,o,d,c,u;return e("div",{key:a.key,style:{boxShadow:a.key===(null==n?void 0:n.key)?"0 0 0 2px var(--sqm-primary-color)":"none",borderRadius:"var(--sqm-border-radius-normal)",borderColor:"none"}},e("sl-card",{exportparts:"base: exchange-card-container",class:Ge.classes.Card,style:{cursor:a.unavailableReasonCode?"not-allowed":"pointer"},onClick:()=>a.available&&i.setExchangeState({selectedItem:a})},a.key===(null==n?void 0:n.key)&&e("div",{class:"selected"},e(Ue,null)),e("div",{style:{display:"flex",width:"100%",height:"120px",borderRadius:"3px",background:a.unavailableReasonCode?"rgba(0, 0, 0, 0.05)":"rgba(0, 0, 0, 0)"}},e("div",{class:Ge.classes.Image,style:{opacity:a.unavailableReasonCode?"0.5":"1"}},e("img",{class:a.unavailableReasonCode?"image subdued":"image",src:(null==a?void 0:a.imageUrl)||t("./assets/Reward-image.png")})),e("div",{class:Ge.classes.TextArea,style:{opacity:a.unavailableReasonCode?"0.5":"1"}},e("div",{class:"title",style:{"-webkit-line-clamp":a.unavailableReasonCode?"1":"2"}},null!==(r=a.name)&&void 0!==r?r:""),e("div",{class:"amount",style:{"-webkit-line-clamp":a.unavailableReasonCode?"1":"2"}},s.formatMessage({id:"sourceAmountMessage",defaultMessage:null===(d=null===(o=l.content)||void 0===o?void 0:o.text)||void 0===d?void 0:d.sourceAmountMessage},{ruleType:a.ruleType,sourceValue:a.prettySourceValue,sourceMinValue:a.prettySourceMinValue,sourceMaxValue:a.prettySourceMaxValue})),a.unavailableReasonCode&&e("div",{class:"error"},e("sl-icon",{class:"icon",name:"exclamation-triangle-fill"}),s.formatMessage({id:"unavailableCode",defaultMessage:null===(u=null===(c=l.content)||void 0===c?void 0:c.text)||void 0===u?void 0:u.notAvailableError},{unavailableReasonCode:a.unavailableReasonCode,sourceUnit:a.sourceUnit,sourceValue:a.prettySourceValue||a.prettySourceMinValue}))))))}))),e("div",{class:Ge.classes.Button},e("sl-button",{exportparts:"base: primarybutton-base",type:"primary",class:"continue right",size:"large",onClick:()=>i.setStage("chooseAmount"),loading:l.loading,disabled:!l.selectedItem},l.content.text.continueText)))];var a},chooseAmount:()=>function(){var a,r,o,d;const c=function(){var a,t,r;const o=l.selectedItem;return o&&"FIXED_GLOBAL_REWARD"!==(null==o?void 0:o.ruleType)?(null===(a=o.steps)||void 0===a?void 0:a.length)?e("sl-select",{style:{width:"auto"},label:null===(t=null==l?void 0:l.content)||void 0===t?void 0:t.text.selectText,class:Ge.classes.Select,value:l.selectedStep,"onSl-select":e=>{var a,t,l,r,s;return i.setExchangeState({amount:null===(l=null===(t=null===(a=e.detail)||void 0===a?void 0:a.item)||void 0===t?void 0:t.value)||void 0===l?void 0:l.sourceValue,selectedStep:null===(s=null===(r=e.detail)||void 0===r?void 0:r.item)||void 0===s?void 0:s.value})}},null===(r=o.steps)||void 0===r?void 0:r.map((a=>{var t,r;return e("sl-menu-item",{value:a,disabled:!a.available,class:Ge.classes.SelectItem},a.prettyDestinationValue,e("br",null),e("div",{class:"step-cost",slot:"suffix"},a.prettySourceValue,a.unavailableReasonCode&&e("p",{class:"step-unavailable"},s.formatMessage({id:"unavailableCode",defaultMessage:null===(r=null===(t=l.content)||void 0===t?void 0:t.text)||void 0===r?void 0:r.notAvailableError},{unavailableReasonCode:a.unavailableReasonCode,sourceUnit:o.sourceUnit,sourceValue:a.prettySourceValue||o.prettySourceMinValue}))))}))):e("p",null,s.formatMessage({id:"notEnoughError",defaultMessage:l.content.text.notEnoughError},{sourceUnit:o.sourceUnit})):e("span",{class:"points"},null==o?void 0:o.prettySourceValue)}(),u="FIXED_GLOBAL_REWARD"!==(null===(a=l.selectedItem)||void 0===a?void 0:a.ruleType)&&c&&!l.amount;return e("div",null,e("div",{class:Ge.classes.ChooseAmount,part:"choose-amount-container"},e("div",{class:"wrapper"},e("img",{class:"image",src:(null==n?void 0:n.imageUrl)||t("./assets/Reward-image.png")}),e("div",{class:"text"},e("div",{class:"title"},null!==(r=null==n?void 0:n.name)&&void 0!==r?r:""),"FIXED_GLOBAL_REWARD"===(null===(o=l.selectedItem)||void 0===o?void 0:o.ruleType)?e("div",{class:"points"},c):e("div",{class:"description"},null==n?void 0:n.description),"FIXED_GLOBAL_REWARD"===(null===(d=l.selectedItem)||void 0===d?void 0:d.ruleType)?e("div",{class:"description"},null==n?void 0:n.description):e("div",null,c),e("div",{class:"space"}))),e("div",{class:Ge.classes.Button},e("sl-button",{exportparts:"base: secondarybutton-base",class:"cancel",size:"large",type:"secondary",onClick:()=>i.resetState()},l.content.text.cancelText),e("sl-button",{exportparts:"base: primarybutton-base",class:"continue",size:"large",type:"primary",onClick:()=>i.setStage("confirmation"),disabled:u},l.content.text.continueToConfirmationText))))}(),confirmation:()=>function(){const a=(null==d?void 0:d.prettySourceValue)||(null==n?void 0:n.prettySourceValue),r=null==d?void 0:d.prettyDestinationValue;return e("div",null,e("div",{class:Ge.classes.Confirmation,part:"confirmation-container"},e("div",{class:Ge.classes.Title},l.content.text.redeemTitle),e("div",{class:"wrapper"},e("div",{class:"field"},l.content.text.rewardNameTitle),e("div",{class:"reward-item-container"},e("div",{class:"reward-title"},null==n?void 0:n.name),e("img",{class:"image",src:(null==n?void 0:n.imageUrl)||t("./assets/Reward-image.png")}))),e("div",{class:"wrapper padding"},e("div",{class:"field"})),r&&e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},l.content.text.rewardAmountTitle),e("div",null,r)),e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},l.content.text.costTitle),e("div",{class:"value"},a)),e("div",{class:Ge.classes.Button},e("sl-button",{class:"cancel",type:"secondary",size:"large",onClick:()=>i.setStage("chooseAmount")},l.content.text.backText),e("sl-button",{class:"continue",size:"large",type:"primary",loading:l.loading,onClick:i.exchangeReward},l.content.text.redeemText))))}(),success:()=>{return e("div",{class:Ge.classes.Success,part:"success-container"},e(We,null),e(p,null),e("div",{class:"title"},null===(a=l.content.text)||void 0===a?void 0:a.rewardRedeemedText),e("div",{class:"description"},s.formatMessage({id:"successMessage",defaultMessage:l.content.text.redemptionSuccessText},{sourceValue:null!==(o=null===(t=l.selectedItem)||void 0===t?void 0:t.prettySourceValue)&&void 0!==o?o:null===(n=l.selectedStep)||void 0===n?void 0:n.prettySourceValue,destinationValue:(null===(d=l.selectedStep)||void 0===d?void 0:d.prettyDestinationValue)||(null===(c=l.selectedItem)||void 0===c?void 0:c.name)||(null===(u=l.selectedItem)||void 0===u?void 0:u.globalRewardKey)})),(null==r?void 0:r.fuelTankCode)&&e("div",{class:"promo"},l.content.text.promoCode,e(M,{copyString:r.fuelTankCode,tooltiptext:null===(v=null==l?void 0:l.content)||void 0===v?void 0:v.text.tooltipText,open:l.open,onClick:i.copyFuelTankCode})),e("div",{class:Ge.classes.Button},e("sl-button",{class:"continue center",type:"primary",size:"large",onClick:()=>i.resetState(!0)},l.content.text.doneText)));var a,t,o,n,d,c,u,v}}[l.redeemStage];function p(){return e("canvas",{ref:e=>{(null==o?void 0:o.canvasRef)&&(o.canvasRef.current=e)},id:"my-canvas",class:Ge.classes.Confetti})}return l.noExchangeOptions?l.content.text.empty:e("div",{class:Ge.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},Xe),e("div",null,function(){const a=Qe.indexOf(l.redeemStage);return e("div",{class:Ge.classes.ProgressBar},e("div",{class:"text-area"},Object.keys(c).map((t=>Qe.indexOf(t)<=a?e("span",{class:"text"},c[t]):e("span",{class:"text subdued"},c[t])))),e(je,{stageCount:3,currentStage:a}))}(),l.exchangeError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),l.content.text.redemptionError),l.queryError&&!l.exchangeError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),l.content.text.queryError),u&&u(),"success"===l.redeemStage))}const Ye=(a,t="chooseReward",l=null,r=null,s=!1,i=!1,o=null,n=!1,d=!1)=>({states:{content:{text:{notAvailableError:"{unavailableReasonCode, select, NOT_CHAMPION {CUSTOM ERROR MESSAGE } US_TAX {Exceeds tax limit for this year} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {unavailableReasonCode} }",chooseRewardTitle:"Rewards",chooseAmountTitle:"Select",confirmationTitle:"Confirm",rewardTitle:"Choose a reward",cancelText:"Cancel",backText:"Back",continueText:"Continue",continueToConfirmationText:"Continue to confirmation",redeemText:"Redeem",redeemTitle:"Confirm and redeem",redemptionSuccessText:"Redeemed {sourceValue} for {destinationValue}",doneText:"Done",tooltipText:"Copied!",selectText:"Select amount to receive",sourceAmountMessage:"{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",rewardRedeemedText:"Reward redeemed",redemptionError:"An error occured trying to redeem this reward. Please try again",queryError:"Unable to load reward exchange list. Please try again",promoCode:"Promo code",skeletonCardNum:8,rewardNameTitle:"Reward Name",rewardAmountTitle:"Reward Amount",costTitle:"Cost",notEnoughError:"Sorry not enough!",empty:e("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"})}},queryError:d,redeemStage:t,amount:0,exchangeError:s,loading:i,selectedItem:l,selectedStep:r,noExchangeOptions:n,open:!1},data:{exchangeList:a,fuelTankCode:o},callbacks:{exchangeReward:null,resetState:null,setStage:null,setExchangeState:null,copyFuelTankCode:null},refs:null}),Je={key:"reward",name:"Demo Reward",description:"Description of reward. Lorem ipsum dolor sit amet, consectetur adipiscing. Id nec semper sapien dignissim rhoncus nunc.",imageUrl:"https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png",available:!0,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:[{prettyDestinationValue:"Reward Step 1",prettySourceValue:"50 Points",available:!0,unavailableReasonCode:null,destinationValue:10,sourceValue:1,globalRewardKey:"reward1",rewardInput:{accountId:"zach",userId:"zach"}},{prettyDestinationValue:"Reward Step 2",prettySourceValue:"100 Points",available:!1,unavailableReasonCode:"Not enough points",destinationValue:10,sourceValue:1,globalRewardKey:"reward1",rewardInput:{accountId:"zach",userId:"zach"}}]},ea={available:!1,unavailableReasonCode:"INSUFFICIENT_REDEEMABLE_CREDIT"},aa={key:"r1"},ta=e=>({imageUrl:e}),la=e=>({name:e}),ra=e=>({description:e}),sa=e=>({prettySourceValue:e}),ia=(e,a,t)=>({ruleType:"VARIABLE_CREDIT_REWARD",sourceMinValue:e,prettySourceMinValue:e+" "+t,sourceMaxValue:a,prettySourceMaxValue:a+" "+t}),oa=[{...Je,...la("Free swag with a promo code"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png"),...sa("40 Points")},{...Je,...aa,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points")},{...Je,...la("$50 Store credit"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),...sa("100 Points")},{...Je,...la("Variable amount of store credit"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000240/squatch-assets/Jn2fE0s.png"),...ia(20,100,"Points")}],na=[{...Je,...la("Free swag with a promo code"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png"),...sa("40 SaaSquatch Points")},{...Je,...aa,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points")},{...Je,...la("A very exclusive gift box"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/93BvEgH.png"),...sa("30 SaaSquatch Points")},{...Je,...la("$50 Store credit"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),...sa("100 SaaSquatch Points")},{...Je,...la("Variable amount of store credit"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000240/squatch-assets/Jn2fE0s.png"),...ia(20,100,"Points")},{...Je,...ea,...la("A very rare cactus"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000224/squatch-assets/hhlF2Ey.png"),...sa("2000 SaaSquatch Points")},{...Je,available:!1,unavailableReasonCode:"US_TAX",...la("$1000 Store credit with a really super long name in the front page"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000273/squatch-assets/y9HSls1.png"),...sa("2000 SaaSquatch Long Points")},{...Je,...ea,...la("A holiday gift box"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/dWEdB3p.png"),...sa("100 SaaSquatch Points")}],da={...Ye(na)},ca={...Ye(oa,"chooseReward",Je)},ua={...Ye([{...Je,...ea,...la("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/dWEdB3p.png"),...sa("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")},{...Je,...la("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000273/squatch-assets/y9HSls1.png"),...sa("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")},{...Je,...la("Suuuuuuuuper aweeeeesssssoooommme reward!!!!!!"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),...sa("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")},...na])},pa={...Ye([{...Je,available:!1,unavailableReasonCode:"NOT_CHAMPION",...la("A very rare cactus"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000224/squatch-assets/hhlF2Ey.png"),...sa("2000 SaaSquatch Points")},...na])},va={...Ye(na,"chooseReward",{...Je,...aa,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points")})},ma=(e,a,t,l,r=!0,s=null)=>({destinationValue:e,prettyDestinationValue:a+e,sourceValue:t,prettySourceValue:t+" "+l,available:r,unavailableReasonCode:s}),ga={...Ye(na,"chooseAmount",{...Je,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points"),steps:[ma(20,"$",40,"Points"),ma(30,"$",60,"Points"),ma(40,"$",80,"Points"),ma(50,"$",100,"Points"),ma(60,"$",120,"Points")]})},fa={...Ye(na,"chooseAmount",{...Je,...la("Visa® Prepaid Card USD"),...ra(""),...ta("https://i.imgur.com/veHErQX.png"),...ia(20,80,"Points"),steps:[ma(20,"$",40,"Points"),ma(30,"$",60,"Points"),ma(40,"$",80,"Points"),ma(50,"$",100,"Points"),ma(60,"$",120,"Points")]})},ba={...Ye(na,"chooseAmount",{...Je,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points"),steps:[ma(20,"$",40,"Points"),ma(30,"$",60,"Points"),ma(40,"$",80,"Points",!1,"INSUFFICIENT_REDEEMABLE_CREDIT"),ma(50,"$",100,"Points",!1,"INSUFFICIENT_REDEEMABLE_CREDIT"),ma(60,"$",120,"Points",!1,"INSUFFICIENT_REDEEMABLE_CREDIT")]})},ha={...Ye(na,"chooseAmount",{...Je,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points"),steps:[ma(20,"$",40,"Points"),ma(30,"$",60,"Points"),ma(40,"$",80,"Points",!1,"US_TAX"),ma(50,"$",100,"Points",!1,"US_TAX"),ma(60,"$",120,"Points",!1,"US_TAX")]})},xa={...Ye(na,"chooseAmount",{...Je,...la("Free swag with a promo code"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),...sa("40 SaaSquatch Points")})},Ca={...Ye(na,"chooseAmount",{...Je,...ra(""),...la("Free swag with a promo code"),...ta("https://i.imgur.com/n7vC4BR.png"),...sa("40 SaaSquatch Points")})},ya={...Ye(na,"confirmation",{...Je,...la("Free swag with a promo code"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),...sa("40 SaaSquatch Points")})},wa={...Ye(na,"confirmation",{...Je,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points")},ma(20,"$",40,"Points"))},qa={...Ye(na,"confirmation",{...Je,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...ia(20,80,"Points")},ma(20,"$",40,"Points"),!0)},Ra={...Ye(void 0,"chooseReward",void 0,void 0,void 0,void 0,void 0,void 0,!0)},Sa={...Ye(na,"success",{...Je,...la("Free swag with a promo code"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),...sa("40 SaaSquatch Points")},void 0,void 0,void 0,"4ah2-hh46-gk7r")},$a={...Ye(na,"success",{...Je,...la("Visa® Prepaid Card USD"),...ta("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/93BvEgH.png"),...ia(20,80,"Points")},ma(20,"$",40,"Points"))},ka={...Ye(null,"chooseReward",null,null,!1,!0)},Ea={...Ye(null,"chooseReward",null,null,!1,!1,null,!0)},Ia=p.gql`
   query (
     $programId: ID
     $engagementMedium: UserEngagementMedium!

package/dist/types/components/sqm-header-logo/sqm-header-logo.d.ts

@@ -8,7 +8,22 @@ export declare class HeroImage {
    * @format url
    * @uiName Logo image
    */
-  imageUrl: string;
+  imageUrl?: string;
+  /**
+   * @uiName Logo text
+   * This text will be used as the logo only if no Logo image is selected above. The image takes precedence.
+   */
+  logoText?: string;
+  /**
+   * @uiName Logo text size (in px)
+   * @uiWidget number
+   */
+  logoTextSize?: number;
+  /**
+   * @uiWidget color
+   * @uiName Logo text color
+   */
+  logoTextColor?: string;
   /**
    * Page participants are navigated to after clicking the header logo.
    *
@@ -17,7 +32,7 @@ export declare class HeroImage {
    */
   nextPage: string;
   /**
-   * @uiName Logo height
+   * @uiName Logo height (in px)
    */
   height: number;
   constructor();

package/dist/types/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.d.ts

@@ -1,4 +1,28 @@
+import { CurrentTaxDocument } from "../../../saasquatch";
+import { TaxDocumentType } from "../data";
 import { IndirectTaxForm } from "./sqm-indirect-tax-form";
+export declare type ConnectPartnerResult = {
+  createImpactConnection: {
+    success: boolean;
+    validationErrors: {
+      field: string;
+      message: string;
+    }[];
+    user: {
+      id: string;
+      accountId: string;
+      impactConnection: {
+        connected: boolean;
+        publisher: {
+          brandedSignup: boolean;
+          requiredTaxDocumentType: TaxDocumentType | null;
+          currentTaxDocument: null | CurrentTaxDocument;
+        };
+      } | null;
+    } | null;
+  };
+};
+export declare const CONNECT_PARTNER: string;
 export declare function useIndirectTaxForm(props: IndirectTaxForm): {
   states: {
     step: string;

package/dist/types/components/tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories.d.ts

@@ -11,3 +11,10 @@ export declare const W9ThresholdReached: () => any;
 export declare const Hold: () => any;
 export declare const Loading: () => any;
 export declare const Error: () => any;
+export declare const NewPayeeReview: () => any;
+export declare const PaymentHoldOnChange: () => any;
+export declare const BeneficiaryNameInvalid: () => any;
+export declare const BeneficiaryNameMismatch: () => any;
+export declare const BankTaxNameMismatch: () => any;
+export declare const WithdrawalSettingsInvalid: () => any;
+export declare const PaymentReturned: () => any;

package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.d.ts

@@ -13,8 +13,12 @@ export interface PayoutStatusAlertViewProps {
   callbacks: {
     onClick: () => void;
     onTermsClick: () => void;
+    onPaymentInfoClick: () => void;
+    onNewFormClick: () => void;
   };
   text: {
+    editPaymentInformationButton: string;
+    newFormButton: string;
     informationRequiredHeader: string;
     informationRequiredDescription: string;
     informationRequiredButtonText: string;
@@ -29,6 +33,18 @@ export interface PayoutStatusAlertViewProps {
     verificationFailedInternalDescription: string;
     accountReviewHeader: string;
     accountReviewDescription: string;
+    paymentHoldOnChangeHeader: string;
+    paymentHoldOnChangeDescription: string;
+    beneficiaryNameInvalidHeader: string;
+    beneficiaryNameInvalidDescription: string;
+    beneficiaryNameMismatchHeader: string;
+    beneficiaryNameMismatchDescription: string;
+    bankTaxNameMismatchHeader: string;
+    bankTaxNameMismatchDescription: string;
+    withdrawalSettingsInvalidHeader: string;
+    withdrawalSettingsInvalidDescription: string;
+    paymentReturnedHeader: string;
+    paymentReturnedDescription: string;
     w9RequiredHeader: string;
     w9RequiredDescription: string;
     w9RequiredButtonText: string;