@saasquatch/mint-components 1.6.2-24 → 1.6.2-25

package/dist/mint-components/{p-39ba1181.entry.js → p-eee9d6c7.entry.js}

@@ -70,7 +70,7 @@ import{r as t,h as e,c as s}from"./p-64c3217a.js";import{m as a,f as n,i as r,o
       }
     }
   }
-`,Pt=class{constructor(e){t(this,e),this.hideViewer=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.ignored=!0,a(this),G(this)}disconnectedCallback(){}render(){const t={empty:e(qt,null),loadingstate:e(At,null),usersheading:this.usersheading,statsheading:this.statsheading,rankheading:this.rankheading,rankType:this.rankType,leaderboardType:this.leaderboardType,maxRows:this.maxRows,programId:this.programId,anonymousUser:this.anonymousUser,interval:this.interval,hideViewer:this.hideViewer,showRank:this.showRank},s={...t,demoData:this.demoData},a=h()?function(t){var s,a;const n=(null===(a=null===(s=t.demoData)||void 0===s?void 0:s.data)||void 0===a?void 0:a.leaderboard)||[{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",textValue:"73",rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",textValue:"64",rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",textValue:"55",rank:4,rowNumber:4},{textValue:"46",rank:5,rowNumber:5}];return _({states:{loading:!1,hasLeaders:!0,styles:{usersheading:t.usersheading?t.usersheading:"Top referrers",statsheading:t.statsheading?t.statsheading:"New customers",rankheading:t.rankheading?t.rankheading:"Rank",anonymousUser:t.anonymousUser?t.anonymousUser:"Anonymous User",showRank:t.showRank,hideViewer:t.hideViewer}},data:{rankType:"rowNumber",leaderboard:n},elements:{empty:e(qt,null),loadingstate:e(At,null)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(s):function(t){var e,s,a,n,r,i,o,l,d,c;const u=b(),h=null!==(e=t.programId)&&void 0!==e?e:u,m=v(),p=y(),f=h?{type:t.leaderboardType,filter:{programId_eq:h}}:{type:t.leaderboardType,filter:{}};t.interval&&(f.filter.interval=t.interval),p&&(f.locale=p),t.maxRows>0&&(f.limit=t.maxRows);const{data:x,loading:w}=g(_t,f,!(null==m?void 0:m.jwt)),{data:k}=g(Nt,f,!(null==m?void 0:m.jwt)),C=null==(I=null===(s=null==x?void 0:x.userLeaderboard)||void 0===s?void 0:s.rows)?void 0:I.flatMap((e=>{var s,a;return{textValue:e.textValue,firstName:e.firstName,lastInitial:e.lastInitial,rank:null===(s=e.rank)||void 0===s?void 0:s[t.rankType],rowNumber:null===(a=e.rank)||void 0===a?void 0:a.rowNumber}})),S=null==C?void 0:C.sort((function(t,e){return t.rank-e.rank})),E={textValue:null===(n=null===(a=null==k?void 0:k.viewer)||void 0===a?void 0:a.leaderboardRank)||void 0===n?void 0:n.textValue,firstName:null===(r=null==k?void 0:k.viewer)||void 0===r?void 0:r.firstName,lastInitial:null===(i=null==k?void 0:k.viewer)||void 0===i?void 0:i.lastInitial,rank:null===(l=null===(o=null==k?void 0:k.viewer)||void 0===o?void 0:o.leaderboardRank)||void 0===l?void 0:l[t.rankType],rowNumber:null===(c=null===(d=null==k?void 0:k.viewer)||void 0===d?void 0:d.leaderboardRank)||void 0===c?void 0:c.rowNumber};var I;return{states:{loading:w,hasLeaders:(null==S?void 0:S.length)>0,styles:t},data:{leaderboard:S,rankType:t.rankType,viewerRank:E},elements:{empty:t.empty,loadingstate:t.loadingstate}}}(t);return e(K,Object.assign({},a))}};function qt(){return e("slot",{name:"empty"},e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"}))}function At(){return e("slot",{name:"loading"},e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))))}const Vt=class{constructor(e){t(this,e),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",a(this)}disconnectedCallback(){}render(){const{states:t}=h()?_({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){return{states:{registrationFormState:i(L),content:{lastNameLabel:t.lastNameLabel,firstNameLabel:t.firstNameLabel}}}}(this);return e(X,{states:t})}};function Tt(t){const{states:s}=t,{styles:a}=s;return s.includeDropdown?e("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},e("sl-button",{slot:"trigger",caret:!0,onClick:t.callbacks.rerender,exportparts:"base: dropdownbutton-base"},a.menuLabel),e("sl-menu",{ref:e=>{void 0===t.ref.current&&(t.ref.current=e,t.callbacks.rerender())}},e("slot",null))):""}const Ft=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const t=h()?function(t){return _({states:{includeDropdown:!0,styles:{...t,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},t.demoData||{},{arrayMerge:(t,e)=>e})}(A(this)):function(t){const e=o(),[,s]=x(),a=v();return n((()=>{var t;null===(t=e.current)||void 0===t||t.addEventListener("sl-select",(t=>function(t){w.push(t.detail.item.value)}(t)))}),[e.current]),{states:{includeDropdown:void 0!==((null==a?void 0:a.id)||(null==a?void 0:a.accountId)||(null==a?void 0:a.jwt)),styles:{menuLabel:t.menuLabel}},callbacks:{rerender:s},ref:e}}(A(this));return e(s,{slot:"sqm-navigation-menu"},e(Tt,Object.assign({},t)))}};Ft.style=":host{display:block}:host([hidden]){display:none}.HeaderWrapper{width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--sl-spacing-small) var(--sl-spacing-large);-ms-flex-align:center;align-items:center;background-color:var(--sqm-header-background)}@media screen and (max-width: 499px){.HeaderWrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end;padding:0 var(--sl-spacing-x-small)}}";const Lt=class{constructor(e){t(this,e),this.ignored=!0,this.modalChangePasswordHeader="Change Password",this.cancelText="Cancel",this.changePasswordButtonText="Change Password",this.passwordFieldLabel="New Password",this.confirmPasswordFieldLabel="Confirm New Password",this.successMessage="Your password has been updated.",this.portalChangePasswordHeader="Password",this.portalChangePasswordButtonText="Change your password...",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s}=h()?function(t){const[e,s]=r(!1);return _({states:{open:e,error:"",content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText}},callbacks:{setOpen:t=>s(t),submit:t=>console.log("Submit",t)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,s,a,n,i,o,l;const[d,{loading:c,errors:u}]=k(),[h,m]=r(!1),[p,g]=r(""),[f,b]=r(!1),y=v();return{states:{open:h,loading:c,success:f,error:p||(null===(n=null===(a=null===(s=null===(e=null==u?void 0:u.response)||void 0===e?void 0:e.errors)||void 0===s?void 0:s[0])||void 0===a?void 0:a.extensions)||void 0===n?void 0:n.message)||(null===(l=null===(o=null===(i=null==u?void 0:u.response)||void 0===i?void 0:i.errors)||void 0===o?void 0:o[0])||void 0===l?void 0:l.message),content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText}},data:{},callbacks:{setOpen:m,submit:async t=>{var e,s;b(!1);const a=null===(e=t.detail)||void 0===e?void 0:e.formData;if(null==a||a.forEach(((t,e)=>{R.set(a,e,t)})),!(null==y?void 0:y.jwt))return void g("Please log in again to change your password.");if(a.password!==a.confirmPassword)return void g("Passwords do not match.");g("");const n={password:a.password},r=await d(n);r instanceof Error||!(null===(s=r.changeManagedIdentityPassword)||void 0===s?void 0:s.success)||b(!0)}}}}(this);return e(Y,{states:t,callbacks:s})}},Dt=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const t=e("slot",{name:"footer"}),s=e("slot",{name:"header"}),a=h()?function(t,s,a){return _({data:{footer:t||e("span",null,"example@example.com"),header:s||e("div",{style:{display:"flex",flexDirection:"column"}},e("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),e("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},a.demoData||{},{arrayMerge:(t,e)=>e})}(t,s,this):function(t,e){const[,s]=x();return{data:{footer:t,header:e},callbacks:{rerender:s}}}(t,s);return e(J,Object.assign({},a),e("slot",null))}},jt=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Sign In",this.forgotPasswordPath="/forgotPassword",this.forgotPasswordLabel="Forgot Password?",this.registerLabel="Register",this.registerPath="/register",this.pageLabel="Sign in to your account",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s}=h()?_({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:async()=>{console.log("submit")}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,s,a,n,i,o,l;const[d,{loading:c,errors:u}]=C(),[h,m]=r(""),p=new URLSearchParams(w.location.search),v=p.get("nextPage");return{states:{loading:c,error:(null===(n=null===(a=null===(s=null===(e=null==u?void 0:u.response)||void 0===e?void 0:e.errors)||void 0===s?void 0:s[0])||void 0===a?void 0:a.extensions)||void 0===n?void 0:n.message)||(null===(l=null===(o=null===(i=null==u?void 0:u.response)||void 0===i?void 0:i.errors)||void 0===o?void 0:o[0])||void 0===l?void 0:l.message)||h,registerPath:t.registerPath,forgotPasswordPath:t.forgotPasswordPath},callbacks:{submit:async e=>{var s,a;m("");let n=e.detail.formData;null==n||n.forEach(((t,e)=>{R.set(n,e,t)}));const r={email:n.email,password:n.password},i=await d(r);if(i instanceof Error)((null==i?void 0:i.message)||(null===(s=null==i?void 0:i.response)||void 0===s?void 0:s.error))&&m("Network request failed.");else if(null===(a=i.authenticateManagedIdentityWithEmailAndPassword)||void 0===a?void 0:a.token){p.delete("nextPage");const e=T(v||t.nextPage);w.push(e.href)}}}}}(this),a={forgotPasswordButton:e("slot",{name:"forgotPassword"},e("a",{onClick:()=>w.push(t.forgotPasswordPath)},this.forgotPasswordLabel)),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>w.push(t.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return e(Q,{states:t,callbacks:s,content:a})}},zt=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Register",this.loginLabel="Sign in",this.confirmPasswordLabel="Confirm Password",this.confirmPassword=!1,this.disablePasswordValidation=!1,this.hideInputs=!1,this.pageLabel="Register",this.loginPath="/login",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s,refs:a}=h()?_({states:{error:"",loading:!1,confirmPassword:!0,hideInputs:(r=this).hideInputs||!1,customPasswordField:!1,loginPath:r.loginPath,disablePasswordValidation:r.disablePasswordValidation},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},r.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,s,a,r,i,l,d,c,h;const m=o(null),{registrationFormState:p,setRegistrationFormState:v}=D({}),[g,{loading:f,errors:b}]=S();n((()=>{if(!m.current)return;const t=m.current;return t.addEventListener("sl-input",y),()=>{t.removeEventListener("sl-input",y)}}),[m.current]);const y=u((t=>{var e,s;if("tel"!==(null===(s=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===s?void 0:s.toLowerCase()))return;const a=new F("US");t.target.value=a.input(t.target.value)}),[]);let x="";return x=(null===(e=null==b?void 0:b.response)||void 0===e?void 0:e.error)||(null==b?void 0:b.message)&&!(null===(s=null==b?void 0:b.response)||void 0===s?void 0:s.errors.length)?"Network request failed":(null===(l=null===(i=null===(r=null===(a=null==b?void 0:b.response)||void 0===a?void 0:a.errors)||void 0===r?void 0:r[0])||void 0===i?void 0:i.extensions)||void 0===l?void 0:l.message)||(null===(h=null===(c=null===(d=null==b?void 0:b.response)||void 0===d?void 0:d.errors)||void 0===c?void 0:c[0])||void 0===h?void 0:h.message)||(null==p?void 0:p.error),{states:{loading:f,error:x,registrationFormState:p,confirmPassword:t.confirmPassword,hideInputs:t.hideInputs,loginPath:t.loginPath,disablePasswordValidation:!t.disablePasswordValidation},callbacks:{submit:async e=>{var s;let a=e.target.getFormControls(),n={},r={};if(null==a||a.forEach((t=>{if(!t.name)return;const e=t.name,s=t.value;if(R.set(n,e,s),t.required&&!s&&R.set(r,e,"Cannot be empty"),"function"==typeof t.validationError){const a=(0,t.validationError)({control:t,key:e,value:s});a&&R.set(r,e,a)}})),(t.confirmPassword||n.confirmPassword)&&n.password!==n.confirmPassword&&(r={...r,confirmPassword:"Passwords do not match."}),Object.keys(r).length)return void v({loading:!1,error:"",validationErrors:r});v({loading:!0,error:"",validationErrors:{}});const{email:i,password:o}=n;delete n.email,delete n.password,delete n.confirmPassword,n={...n};const l={email:i,password:o,formData:n,redirectPath:t.redirectPath};try{const e=await g(l);if(e instanceof Error)throw e;v({loading:!1,error:"",validationErrors:{}}),(null===(s=e.registerManagedIdentityWithEmailAndPassword)||void 0===s?void 0:s.token)&&w.push(t.nextPage)}catch(t){v({loading:!1,error:"Network request failed.",validationErrors:{}})}},inputFunction:y},refs:{formRef:m}}}(this);var r;const i={formData:e("slot",{name:"formData"}),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>w.push(t.loginPath)},this.loginLabel)),terms:e("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel};return e(tt,{states:t,callbacks:s,content:i,refs:a})}};function $t(t,s){const a=N({Container:{color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),n=a.toString();return e("div",{class:a.classes.Container},e("style",{type:"text/css"},n,"\n  ::slotted(*){\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    ::slotted(*){\n      display: block;\n    }\n  }"),e("div",{class:a.classes.Header},e("div",{class:a.classes.Header},t.header)),e("div",{class:a.classes.Grid},s))}const Bt=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){return e($t,Object.assign({},A(this)),e("slot",null))}};function Ht(t){const s=N({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:"#FFF",color:"var(--sl-color-primary-300)",fontSize:"26px",textAlign:"center",lineHeight:"72px"}}),a=s.toString();return e("div",{class:s.classes.Container},e("style",{type:"text/css"},a),e("div",null,t.imageUrl?e("img",{class:s.classes.Media,src:t.imageUrl}):e("div",{class:s.classes.Media},e("sl-icon",{name:t.icon}))),e("div",{class:s.classes.Text},e("div",{class:s.classes.Header},t.header),e("div",{class:s.classes.Description},t.description)))}const Ot=class{constructor(e){t(this,e),a(this)}disconnectedCallback(){}render(){return e(Ht,Object.assign({},A(this)))}},Ut=l("sq:useProgramMenu"),Wt=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const{data:t,ref:a}=function(t){const e=b(),s=m();Ut({programId:e,props:t});const a=o(),[,r]=x();return n((()=>{var t;null===(t=a.current)||void 0===t||t.addEventListener("sl-select",(t=>{s.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:t.detail.item.value,bubbles:!0,composed:!0}))}))}),[a.current]),{data:{programId:e},callbacks:{rerender:r},ref:a}}(A(this));return e(s,{style:{display:"contents"}},e("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:t=>a.current=t},e("slot",null)))}},Zt=N({Container:{display:"flex",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)","& .left":{boxSizing:"border-box",width:"50%",padding:"var(--sl-spacing-large)",paddingRight:"var(--sl-spacing-medium)","@media (max-width: 499px)":{width:"100%",padding:"0",marginBottom:"var(--sl-spacing-xx-large)"}},"& .right":{boxSizing:"border-box",width:"50%",padding:"var(--sl-spacing-large)",paddingLeft:"var(--sl-spacing-medium)","@media (max-width: 499px)":{width:"100%",padding:"0"}},border:"1px solid var(--sl-color-neutral-300)",borderRadius:"var(--sl-border-radius-large)","@media (max-width: 499px)":{flexDirection:"column",border:"none"}}}),Gt=Zt.toString();function Kt(t){return e("div",null,e("style",{type:"text/css"},Gt,"\n    :host{\n      display: block;   \n    }\n  "),e("div",{class:Zt.classes.Container},e("div",{class:"left",style:{alignSelf:t.verticalAlignment}},t.slots.left),e("div",{class:"right",style:{alignSelf:t.verticalAlignment}},t.slots.right)))}const Xt=class{constructor(e){t(this,e),this.ignored=!0,this.verticalAlignment="start",a(this)}disconnectedCallback(){}render(){const t={left:e("slot",{name:"left"}),right:e("slot",{name:"right"})};return e(Kt,Object.assign({},A(this),{slots:t}),e("slot",null))}},Yt=p.gql`
+`,Pt=class{constructor(e){t(this,e),this.hideViewer=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.ignored=!0,a(this),G(this)}disconnectedCallback(){}render(){const t={empty:e(qt,null),loadingstate:e(At,null),usersheading:this.usersheading,statsheading:this.statsheading,rankheading:this.rankheading,rankType:this.rankType,leaderboardType:this.leaderboardType,maxRows:this.maxRows,programId:this.programId,anonymousUser:this.anonymousUser,interval:this.interval,hideViewer:this.hideViewer,showRank:this.showRank},s={...t,demoData:this.demoData},a=h()?function(t){var s,a;const n=(null===(a=null===(s=t.demoData)||void 0===s?void 0:s.data)||void 0===a?void 0:a.leaderboard)||[{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",textValue:"73",rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",textValue:"64",rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",textValue:"55",rank:4,rowNumber:4},{textValue:"46",rank:5,rowNumber:5}];return _({states:{loading:!1,hasLeaders:!0,styles:{usersheading:t.usersheading?t.usersheading:"Top referrers",statsheading:t.statsheading?t.statsheading:"New customers",rankheading:t.rankheading?t.rankheading:"Rank",anonymousUser:t.anonymousUser?t.anonymousUser:"Anonymous User",showRank:t.showRank,hideViewer:t.hideViewer}},data:{rankType:"rowNumber",leaderboard:n},elements:{empty:e(qt,null),loadingstate:e(At,null)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(s):function(t){var e,s,a,n,r,i,o,l,d,c;const u=b(),h=null!==(e=t.programId)&&void 0!==e?e:u,m=v(),p=y(),f=h?{type:t.leaderboardType,filter:{programId_eq:h}}:{type:t.leaderboardType,filter:{}};t.interval&&(f.filter.interval=t.interval),p&&(f.locale=p),t.maxRows>0&&(f.limit=t.maxRows);const{data:x,loading:w}=g(_t,f,!(null==m?void 0:m.jwt)),{data:k}=g(Nt,f,!(null==m?void 0:m.jwt)),C=null==(I=null===(s=null==x?void 0:x.userLeaderboard)||void 0===s?void 0:s.rows)?void 0:I.flatMap((e=>{var s,a;return{textValue:e.textValue,firstName:e.firstName,lastInitial:e.lastInitial,rank:null===(s=e.rank)||void 0===s?void 0:s[t.rankType],rowNumber:null===(a=e.rank)||void 0===a?void 0:a.rowNumber}})),S=null==C?void 0:C.sort((function(t,e){return t.rank-e.rank})),E={textValue:null===(n=null===(a=null==k?void 0:k.viewer)||void 0===a?void 0:a.leaderboardRank)||void 0===n?void 0:n.textValue,firstName:null===(r=null==k?void 0:k.viewer)||void 0===r?void 0:r.firstName,lastInitial:null===(i=null==k?void 0:k.viewer)||void 0===i?void 0:i.lastInitial,rank:null===(l=null===(o=null==k?void 0:k.viewer)||void 0===o?void 0:o.leaderboardRank)||void 0===l?void 0:l[t.rankType],rowNumber:null===(c=null===(d=null==k?void 0:k.viewer)||void 0===d?void 0:d.leaderboardRank)||void 0===c?void 0:c.rowNumber};var I;return{states:{loading:w,hasLeaders:(null==S?void 0:S.length)>0,styles:t},data:{leaderboard:S,rankType:t.rankType,viewerRank:E},elements:{empty:t.empty,loadingstate:t.loadingstate}}}(t);return e(K,Object.assign({},a))}};function qt(){return e("slot",{name:"empty"},e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"}))}function At(){return e("slot",{name:"loading"},e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))))}const Vt=class{constructor(e){t(this,e),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",a(this)}disconnectedCallback(){}render(){const{states:t}=h()?_({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){return{states:{registrationFormState:i(L),content:{lastNameLabel:t.lastNameLabel,firstNameLabel:t.firstNameLabel}}}}(this);return e(X,{states:t})}};function Tt(t){const{states:s}=t,{styles:a}=s;return s.includeDropdown?e("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},e("sl-button",{slot:"trigger",caret:!0,onClick:t.callbacks.rerender,exportparts:"base: dropdownbutton-base"},a.menuLabel),e("sl-menu",{ref:e=>{void 0===t.ref.current&&(t.ref.current=e,t.callbacks.rerender())}},e("slot",null))):""}const Ft=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const t=h()?function(t){return _({states:{includeDropdown:!0,styles:{...t,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},t.demoData||{},{arrayMerge:(t,e)=>e})}(A(this)):function(t){const e=o(),[,s]=x(),a=v();return n((()=>{var t;null===(t=e.current)||void 0===t||t.addEventListener("sl-select",(t=>function(t){w.push(t.detail.item.value)}(t)))}),[e.current]),{states:{includeDropdown:void 0!==((null==a?void 0:a.id)||(null==a?void 0:a.accountId)||(null==a?void 0:a.jwt)),styles:{menuLabel:t.menuLabel}},callbacks:{rerender:s},ref:e}}(A(this));return e(s,{slot:"sqm-navigation-menu"},e(Tt,Object.assign({},t)))}};Ft.style=":host{display:block}:host([hidden]){display:none}.HeaderWrapper{width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--sl-spacing-small) var(--sl-spacing-large);-ms-flex-align:center;align-items:center;background-color:var(--sqm-header-background)}@media screen and (max-width: 499px){.HeaderWrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end;padding:0 var(--sl-spacing-x-small)}}";const Lt=class{constructor(e){t(this,e),this.ignored=!0,this.modalChangePasswordHeader="Change Password",this.cancelText="Cancel",this.changePasswordButtonText="Change Password",this.passwordFieldLabel="New Password",this.confirmPasswordFieldLabel="Confirm New Password",this.successMessage="Your password has been updated.",this.portalChangePasswordHeader="Password",this.portalChangePasswordButtonText="Change your password...",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s}=h()?function(t){const[e,s]=r(!1);return _({states:{open:e,error:"",content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText}},callbacks:{setOpen:t=>s(t),submit:t=>console.log("Submit",t)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,s,a,n,i,o,l;const[d,{loading:c,errors:u}]=k(),[h,m]=r(!1),[p,g]=r(""),[f,b]=r(!1),y=v();return{states:{open:h,loading:c,success:f,error:p||(null===(n=null===(a=null===(s=null===(e=null==u?void 0:u.response)||void 0===e?void 0:e.errors)||void 0===s?void 0:s[0])||void 0===a?void 0:a.extensions)||void 0===n?void 0:n.message)||(null===(l=null===(o=null===(i=null==u?void 0:u.response)||void 0===i?void 0:i.errors)||void 0===o?void 0:o[0])||void 0===l?void 0:l.message),content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText}},data:{},callbacks:{setOpen:m,submit:async t=>{var e,s;b(!1);const a=null===(e=t.detail)||void 0===e?void 0:e.formData;if(null==a||a.forEach(((t,e)=>{R.set(a,e,t)})),!(null==y?void 0:y.jwt))return void g("Please log in again to change your password.");if(a.password!==a.confirmPassword)return void g("Passwords do not match.");g("");const n={password:a.password},r=await d(n);r instanceof Error||!(null===(s=r.changeManagedIdentityPassword)||void 0===s?void 0:s.success)||b(!0)}}}}(this);return e(Y,{states:t,callbacks:s})}},Dt=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const t=e("slot",{name:"footer"}),s=e("slot",{name:"header"}),a=h()?function(t,s,a){return _({data:{footer:t||e("span",null,"example@example.com"),header:s||e("div",{style:{display:"flex",flexDirection:"column"}},e("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),e("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},a.demoData||{},{arrayMerge:(t,e)=>e})}(t,s,this):function(t,e){const[,s]=x();return{data:{footer:t,header:e},callbacks:{rerender:s}}}(t,s);return e(J,Object.assign({},a),e("slot",null))}},jt=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Sign In",this.forgotPasswordPath="/forgotPassword",this.forgotPasswordLabel="Forgot Password?",this.registerLabel="Register",this.registerPath="/register",this.pageLabel="Sign in to your account",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s}=h()?_({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:async()=>{console.log("submit")}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,s,a,n,i,o,l;const[d,{loading:c,errors:u}]=C(),[h,m]=r(""),p=new URLSearchParams(w.location.search),v=p.get("nextPage");return{states:{loading:c,error:(null===(n=null===(a=null===(s=null===(e=null==u?void 0:u.response)||void 0===e?void 0:e.errors)||void 0===s?void 0:s[0])||void 0===a?void 0:a.extensions)||void 0===n?void 0:n.message)||(null===(l=null===(o=null===(i=null==u?void 0:u.response)||void 0===i?void 0:i.errors)||void 0===o?void 0:o[0])||void 0===l?void 0:l.message)||h,registerPath:t.registerPath,forgotPasswordPath:t.forgotPasswordPath},callbacks:{submit:async e=>{var s,a;m("");let n=e.detail.formData;null==n||n.forEach(((t,e)=>{R.set(n,e,t)}));const r={email:n.email,password:n.password},i=await d(r);if(i instanceof Error)((null==i?void 0:i.message)||(null===(s=null==i?void 0:i.response)||void 0===s?void 0:s.error))&&m("Network request failed.");else if(null===(a=i.authenticateManagedIdentityWithEmailAndPassword)||void 0===a?void 0:a.token){p.delete("nextPage");const e=T(v||t.nextPage);w.push(e.href)}}}}}(this),a={forgotPasswordButton:e("slot",{name:"forgotPassword"},e("a",{onClick:()=>w.push(t.forgotPasswordPath)},this.forgotPasswordLabel)),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>w.push(t.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return e(Q,{states:t,callbacks:s,content:a})}},zt=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Register",this.loginLabel="Sign in",this.confirmPasswordLabel="Confirm Password",this.confirmPassword=!1,this.disablePasswordValidation=!1,this.hideInputs=!1,this.pageLabel="Register",this.loginPath="/login",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s,refs:a}=h()?_({states:{error:"",loading:!1,confirmPassword:!0,hideInputs:(r=this).hideInputs||!1,customPasswordField:!1,loginPath:r.loginPath,disablePasswordValidation:r.disablePasswordValidation},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},r.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,s,a,r,i,l,d,c,h;const m=o(null),{registrationFormState:p,setRegistrationFormState:v}=D({}),[g,{loading:f,errors:b}]=S();n((()=>{if(!m.current)return;const t=m.current;return t.addEventListener("sl-input",y),()=>{t.removeEventListener("sl-input",y)}}),[m.current]);const y=u((t=>{var e,s;if("tel"!==(null===(s=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===s?void 0:s.toLowerCase()))return;const a=new F("US");t.target.value=a.input(t.target.value)}),[]);let x="";return x=(null===(e=null==b?void 0:b.response)||void 0===e?void 0:e.error)||(null==b?void 0:b.message)&&!(null===(s=null==b?void 0:b.response)||void 0===s?void 0:s.errors.length)?"Network request failed":(null===(l=null===(i=null===(r=null===(a=null==b?void 0:b.response)||void 0===a?void 0:a.errors)||void 0===r?void 0:r[0])||void 0===i?void 0:i.extensions)||void 0===l?void 0:l.message)||(null===(h=null===(c=null===(d=null==b?void 0:b.response)||void 0===d?void 0:d.errors)||void 0===c?void 0:c[0])||void 0===h?void 0:h.message)||(null==p?void 0:p.error),{states:{loading:f,error:x,registrationFormState:p,confirmPassword:t.confirmPassword,hideInputs:t.hideInputs,loginPath:t.loginPath,disablePasswordValidation:t.disablePasswordValidation},callbacks:{submit:async e=>{var s;let a=e.target.getFormControls(),n={},r={};if(null==a||a.forEach((t=>{if(!t.name)return;const e=t.name,s=t.value;if(R.set(n,e,s),t.required&&!s&&R.set(r,e,"Cannot be empty"),"function"==typeof t.validationError){const a=(0,t.validationError)({control:t,key:e,value:s});a&&R.set(r,e,a)}})),(t.confirmPassword||n.confirmPassword)&&n.password!==n.confirmPassword&&(r={...r,confirmPassword:"Passwords do not match."}),Object.keys(r).length)return void v({loading:!1,error:"",validationErrors:r});v({loading:!0,error:"",validationErrors:{}});const{email:i,password:o}=n;delete n.email,delete n.password,delete n.confirmPassword,n={...n};const l={email:i,password:o,formData:n,redirectPath:t.redirectPath};try{const e=await g(l);if(e instanceof Error)throw e;v({loading:!1,error:"",validationErrors:{}}),(null===(s=e.registerManagedIdentityWithEmailAndPassword)||void 0===s?void 0:s.token)&&w.push(t.nextPage)}catch(t){v({loading:!1,error:"Network request failed.",validationErrors:{}})}},inputFunction:y},refs:{formRef:m}}}(this);var r;const i={formData:e("slot",{name:"formData"}),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>w.push(t.loginPath)},this.loginLabel)),terms:e("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel};return e(tt,{states:t,callbacks:s,content:i,refs:a})}};function $t(t,s){const a=N({Container:{color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),n=a.toString();return e("div",{class:a.classes.Container},e("style",{type:"text/css"},n,"\n  ::slotted(*){\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    ::slotted(*){\n      display: block;\n    }\n  }"),e("div",{class:a.classes.Header},e("div",{class:a.classes.Header},t.header)),e("div",{class:a.classes.Grid},s))}const Bt=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){return e($t,Object.assign({},A(this)),e("slot",null))}};function Ht(t){const s=N({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:"#FFF",color:"var(--sl-color-primary-300)",fontSize:"26px",textAlign:"center",lineHeight:"72px"}}),a=s.toString();return e("div",{class:s.classes.Container},e("style",{type:"text/css"},a),e("div",null,t.imageUrl?e("img",{class:s.classes.Media,src:t.imageUrl}):e("div",{class:s.classes.Media},e("sl-icon",{name:t.icon}))),e("div",{class:s.classes.Text},e("div",{class:s.classes.Header},t.header),e("div",{class:s.classes.Description},t.description)))}const Ot=class{constructor(e){t(this,e),a(this)}disconnectedCallback(){}render(){return e(Ht,Object.assign({},A(this)))}},Ut=l("sq:useProgramMenu"),Wt=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const{data:t,ref:a}=function(t){const e=b(),s=m();Ut({programId:e,props:t});const a=o(),[,r]=x();return n((()=>{var t;null===(t=a.current)||void 0===t||t.addEventListener("sl-select",(t=>{s.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:t.detail.item.value,bubbles:!0,composed:!0}))}))}),[a.current]),{data:{programId:e},callbacks:{rerender:r},ref:a}}(A(this));return e(s,{style:{display:"contents"}},e("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:t=>a.current=t},e("slot",null)))}},Zt=N({Container:{display:"flex",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)","& .left":{boxSizing:"border-box",width:"50%",padding:"var(--sl-spacing-large)",paddingRight:"var(--sl-spacing-medium)","@media (max-width: 499px)":{width:"100%",padding:"0",marginBottom:"var(--sl-spacing-xx-large)"}},"& .right":{boxSizing:"border-box",width:"50%",padding:"var(--sl-spacing-large)",paddingLeft:"var(--sl-spacing-medium)","@media (max-width: 499px)":{width:"100%",padding:"0"}},border:"1px solid var(--sl-color-neutral-300)",borderRadius:"var(--sl-border-radius-large)","@media (max-width: 499px)":{flexDirection:"column",border:"none"}}}),Gt=Zt.toString();function Kt(t){return e("div",null,e("style",{type:"text/css"},Gt,"\n    :host{\n      display: block;   \n    }\n  "),e("div",{class:Zt.classes.Container},e("div",{class:"left",style:{alignSelf:t.verticalAlignment}},t.slots.left),e("div",{class:"right",style:{alignSelf:t.verticalAlignment}},t.slots.right)))}const Xt=class{constructor(e){t(this,e),this.ignored=!0,this.verticalAlignment="start",a(this)}disconnectedCallback(){}render(){const t={left:e("slot",{name:"left"}),right:e("slot",{name:"right"})};return e(Kt,Object.assign({},A(this),{slots:t}),e("slot",null))}},Yt=p.gql`
   query getUser($programId: ID) {
     viewer {
       ... on User {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.6.2-24",
+  "version": "1.6.2-25",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",