@saasquatch/mint-components 1.14.6-6 → 1.14.6-8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/cjs/{ShadowViewAddon-40f0bc74.js → ShadowViewAddon-d1dda2b0.js} +1 -0
  2. package/dist/cjs/sqm-big-stat_42.cjs.entry.js +42 -30
  3. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -2
  4. package/dist/collection/components/sqm-lead-form/LeadInputField.stories.js +0 -1
  5. package/dist/collection/components/sqm-lead-form/sqm-lead-form-view.js +1 -0
  6. package/dist/collection/components/sqm-lead-form/useLeadForm.js +20 -9
  7. package/dist/esm/{ShadowViewAddon-8a0d9e83.js → ShadowViewAddon-81771102.js} +1 -0
  8. package/dist/esm/sqm-big-stat_42.entry.js +42 -30
  9. package/dist/esm/sqm-stencilbook.entry.js +1 -2
  10. package/dist/esm-es5/{ShadowViewAddon-8a0d9e83.js → ShadowViewAddon-81771102.js} +1 -1
  11. package/dist/esm-es5/sqm-big-stat_42.entry.js +1 -1
  12. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  13. package/dist/mint-components/mint-components.esm.js +1 -1
  14. package/dist/mint-components/p-37996351.system.js +1 -1
  15. package/dist/mint-components/{p-4139feb5.js → p-460974bf.js} +1 -1
  16. package/dist/mint-components/{p-a7f1974f.system.entry.js → p-59970cb1.system.entry.js} +1 -1
  17. package/dist/mint-components/p-732849d6.system.entry.js +1 -0
  18. package/dist/mint-components/{p-ad6420a2.system.js → p-ad128614.system.js} +1 -1
  19. package/dist/mint-components/{p-21e6721e.entry.js → p-ba585a4b.entry.js} +2 -2
  20. package/dist/mint-components/{p-9e9953a8.entry.js → p-cbfa7a11.entry.js} +24 -16
  21. package/dist/types/components/sqm-lead-form/useLeadForm.d.ts +1 -1
  22. package/dist/types/global/android.d.ts +7 -0
  23. package/dist/types/global/demo.d.ts +2 -0
  24. package/dist/types/stories/features.d.ts +4 -0
  25. package/dist/types/stories/templates.d.ts +4 -0
  26. package/docs/docs.docx +0 -0
  27. package/package.json +1 -1
  28. package/dist/mint-components/p-f17bad5d.system.entry.js +0 -1
@@ -1,4 +1,4 @@
1
- import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,m as o,u as l,b as c,j as d}from"./p-cd651f81.js";import{i as u}from"./p-65069b66.js";import{i as h,_ as m,d as p,J as v,H as g,$ as f,w as b,B as y,u as x,L as w,y as k,j as E,r as C,V as I,Q as R,k as S}from"./p-94a876b9.js";import{j as _}from"./p-e7e129ac.js";import{c as N}from"./p-c1086930.js";import{g as T,a as M}from"./p-9ec99ced.js";import{c as q}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as A}from"./p-31015791.js";import{a as L}from"./p-4e451f75.js";import{u as D}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-c9f1dde7.js";import{p as P}from"./p-8d363802.js";import{R as F,u as O}from"./p-98698131.js";import{R as V,u as $}from"./p-f98a4354.js";import{P as j}from"./p-dbcb5359.js";import{u as U}from"./p-4e526a94.js";import{A as B}from"./p-121cdc60.js";import{i as z}from"./p-8c23d1b8.js";import{b as H,V as W,B as G,Q as K,J as Y,i as Z,K as Q,D as X,E as J,H as ee,I as te,O as re,W as se,L as ae,N as ie,C as ne,d as oe,h as le,P as ce,e as de,R as ue,X as he,j as me,a as pe,S as ve,u as ge,c as fe,T as be}from"./p-4139feb5.js";import"./p-a9f4ddb1.js";import{u as ye}from"./p-11dff275.js";const xe=class{constructor(t){e(this,t),this.flexReverse=!1,this.ignored=!0,s(this)}disconnectedCallback(){}render(){var e;const{props:r,label:s}=h()?H(this):W(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),i=t("slot",{name:"label"},a?t("slot",null):s);return t(G,Object.assign({},r,{labelSlot:i}))}},we=class{constructor(t){e(this,t),s(this)}disconnectedCallback(){}render(){var e,s;const i=null!==(e=function(e){if(e)try{return K(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",n=(null!==(s=this.brandFont)&&void 0!==s?s:"Nunito Sans").trim()||void 0;a((()=>{if(!n)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(n)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[n]);const o=null!=n?n:"";return t(r,null,t("style",null,`\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "${o}", arial;\n --sl-input-font-family: "${o}", arial;\n --sl-tooltip-font-family: "${o}", arial;\n font-family: "${o}", arial;\n\t\t\t\n ${i}\n\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),t("slot",null))}},ke=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,s(this)}disconnectedCallback(){}render(){return t(Y,Object.assign({},T(this)),t("slot",null))}};function Ee(e){var t;const r=i(F),[s,o]=n(!1);return a((()=>{var t,s;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(s=null==r?void 0:r.initialData)||void 0===s?void 0:s[e.checkboxName]))}),[null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:r,checked:s},callbacks:{setChecked:o}}}const Ce=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,s(this)}disconnectedCallback(){}render(){const e=M([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(V,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const r={...T(this)},{states:s,callbacks:a}=h()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ee(this);return t(Z,{states:s,content:r,callbacks:a})}},Ie=p.gql`
1
+ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,m as o,u as l,b as c,j as d}from"./p-cd651f81.js";import{i as u}from"./p-65069b66.js";import{i as h,_ as m,d as p,J as v,H as g,$ as f,w as b,B as y,u as x,L as w,y as k,j as E,r as C,V as I,Q as R,k as S}from"./p-94a876b9.js";import{j as _}from"./p-e7e129ac.js";import{c as N}from"./p-c1086930.js";import{g as T,a as M}from"./p-9ec99ced.js";import{c as q}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as A}from"./p-31015791.js";import{a as L}from"./p-4e451f75.js";import{u as D}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-c9f1dde7.js";import{p as P}from"./p-8d363802.js";import{R as F,u as O}from"./p-98698131.js";import{R as V,u as $}from"./p-f98a4354.js";import{P as j}from"./p-dbcb5359.js";import{u as U}from"./p-4e526a94.js";import{A as B}from"./p-121cdc60.js";import{i as z}from"./p-8c23d1b8.js";import{b as H,V as W,B as G,Q as K,J as Y,i as Z,K as Q,D as X,E as J,H as ee,I as te,O as re,W as se,L as ae,N as ie,C as ne,d as oe,h as le,P as ce,e as de,R as ue,X as he,j as me,a as pe,S as ve,u as ge,c as fe,T as be}from"./p-460974bf.js";import"./p-a9f4ddb1.js";import{u as ye}from"./p-11dff275.js";const xe=class{constructor(t){e(this,t),this.flexReverse=!1,this.ignored=!0,s(this)}disconnectedCallback(){}render(){var e;const{props:r,label:s}=h()?H(this):W(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),i=t("slot",{name:"label"},a?t("slot",null):s);return t(G,Object.assign({},r,{labelSlot:i}))}},we=class{constructor(t){e(this,t),s(this)}disconnectedCallback(){}render(){var e,s;const i=null!==(e=function(e){if(e)try{return K(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",n=(null!==(s=this.brandFont)&&void 0!==s?s:"Nunito Sans").trim()||void 0;a((()=>{if(!n)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(n)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[n]);const o=null!=n?n:"";return t(r,null,t("style",null,`\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "${o}", arial;\n --sl-input-font-family: "${o}", arial;\n --sl-tooltip-font-family: "${o}", arial;\n font-family: "${o}", arial;\n\t\t\t\n ${i}\n\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),t("slot",null))}},ke=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,s(this)}disconnectedCallback(){}render(){return t(Y,Object.assign({},T(this)),t("slot",null))}};function Ee(e){var t;const r=i(F),[s,o]=n(!1);return a((()=>{var t,s;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(s=null==r?void 0:r.initialData)||void 0===s?void 0:s[e.checkboxName]))}),[null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:r,checked:s},callbacks:{setChecked:o}}}const Ce=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,s(this)}disconnectedCallback(){}render(){const e=M([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(V,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const r={...T(this)},{states:s,callbacks:a}=h()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ee(this);return t(Z,{states:s,content:r,callbacks:a})}},Ie=p.gql`
2
2
  query fuelTankRewardsQuery($programId: ID!) {
3
3
  user: viewer {
4
4
  ... on User {
@@ -60,6 +60,12 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
60
60
  }
61
61
  }
62
62
  `,Ae={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Le=class{constructor(t){e(this,t),this.ignored=!0,this.networkErrorMessage="Network request failed.",this.fieldEmptyText="Cannot be empty",this.formErrorText="Please correct the errors below to update your profile.",s(this)}disconnectedCallback(){}render(){const e=h()?function(e){return N({states:{loading:!1,submitDisabled:!1,formState:{currentRegion:"Canada",firstName:"Bill",lastName:"Bob",errors:{},error:"An error string"},user:{firstName:"Bill",lastName:"Bob",email:"billbob@example.com"},showEdit:!1,text:{editprofileheader:e.editprofileheader?e.editprofileheader:"Edit Profile",editprofiletext:e.editprofiletext?e.editprofiletext:"Update your profile.",firstnametext:e.firstnametext?e.firstnametext:"First Name",lastnametext:e.lastnametext?e.lastnametext:"Last Name",canceltext:e.canceltext?e.canceltext:"Cancel",updatetext:e.updatetext?e.updatetext:"Update",currentregiontext:e.currentregiontext?e.currentregiontext:"Region",showregion:!0,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:e=>{console.log(e)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:e=>{console.log(e)}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(T(this)):function(e){const t=v(),[r,s]=n(!1),[i,o]=n(""),[l,c]=n(void 0),[d,h]=n(Ae),m=b(Me,{},!(null==t?void 0:t.jwt)),[p,g]=f(qe);return a((()=>{!(null==g?void 0:g.loading)&&r&&((null==g?void 0:g.errors)?h((e=>{var t,r,s;return{...e,error:null===(s=null===(r=null===(t=null==g?void 0:g.errors)||void 0===t?void 0:t.response)||void 0===r?void 0:r.errors)||void 0===s?void 0:s[0].message}})):(c((e=>{var t;return{...e,...null===(t=null==g?void 0:g.data)||void 0===t?void 0:t.upsertUser}})),s(!1)))}),[null==g?void 0:g.loading]),a((()=>{c((e=>{var t;return{...e,...null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer}}))}),[null==m?void 0:m.data]),a((()=>{var t;(null===(t=null==g?void 0:g.errors)||void 0===t?void 0:t.message)&&h((t=>({...t,error:e.networkErrorMessage})))}),[null==g?void 0:g.errors]),{states:{loading:(null==m?void 0:m.loading)||g.loading,submitDisabled:!1,formState:d,user:l,showEdit:r,text:{editprofileheader:e.editprofileheader,editprofiletext:e.editprofiletext,firstnametext:e.firstnametext,lastnametext:e.lastnametext,canceltext:e.canceltext,updatetext:e.updatetext,currentregiontext:e.currentregiontext,showregion:e.showregion,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:()=>{if(d.firstName&&d.lastName)return p({id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,firstName:d.firstName,lastName:d.lastName}),void h((e=>({...e,errors:{}})));const r={};d.firstName||(r.firstName={message:e.fieldEmptyText}),d.lastName||(r.lastName={message:e.fieldEmptyText}),z(r)||h((t=>({...t,error:e.formErrorText}))),h((e=>({...e,errors:r})))},resetForm:()=>{var e,t,r,s,a,i;const n=(null===(t=null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer)||void 0===t?void 0:t.countryCode)?u.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";c({...null===(r=m.data)||void 0===r?void 0:r.viewer,...null===(s=g.data)||void 0===s?void 0:s.upsertUser}),h({...Ae,...null===(a=m.data)||void 0===a?void 0:a.viewer,...null===(i=g.data)||void 0===i?void 0:i.upsertUser,currentRegion:n})},onChange:e=>{const{name:t,value:r}=e.target;h((e=>({...e,[t]:r})))},setShowEdit:s}}}(T(this));return t(J,Object.assign({},e))}};Le.style=".ErrorStyles::part(base){background:var(--sl-color-danger-10);border-color:var(--sl-color-danger-500);outline:var(--sl-color-danger-500)}.ErrorStyles:host{--something-random:red;--focus-ring:0 0 0 var(--sl-focus-ring-width) red !important}.ErrorStyles::part(input){color:var(--sl-color-danger-500)}.ErrorStyles::part(input):-webkit-autofill,.ErrorStyles::part(input):-webkit-autofill:hover,.ErrorStyles::part(input):-webkit-autofill:focus,.ErrorStyles::part(input):-webkit-autofill:active{-webkit-box-shadow:0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;box-shadow:0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--sl-color-danger-500)}.ErrorStyles::part(help-text){color:var(--sl-color-danger-500)}:host{display:block}:host([hidden]){display:none}.FormWrapper>:not(:first-child){margin-top:54px}.FormSection{width:100%}.FormSection>:not(:first-child){margin-top:16px}.ButtonWrapper{display:-ms-flexbox;display:flex;margin-top:24px;-ms-flex-pack:end;justify-content:flex-end}.ButtonWrapper>:not(:first-child){margin-left:var(--sl-font-size-x-small)}.CardWrapper{-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--sl-color-white);padding:40px 30px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 499px){.CardWrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 880px){.CardWrapper.ShowEdit{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}}";const De=class{constructor(t){e(this,t),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",s(this)}disconnectedCallback(){}render(){const e={states:{...T(this)},content:{primaryColumn:t("slot",null),secondaryColumn:t("slot",{name:"secondary-column"})}};return t(ee,Object.assign({},e))}};function Pe(e,r){const s=Boolean((e.header||e.description||e.buttonText)&&"overlay"===e.layout),a=q({Container:{position:"relative","&:before":{content:s?'""':"",width:"100%",height:"100%",position:"absolute",background:e.overlayColor||"var(--sl-color-primary-900)",opacity:e.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${e.imageUrl})`,backgroundSize:"cover",backgroundPosition:e.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+e.paddingText+") + var(--sl-spacing-"+e.paddingImage+"))",textAlign:"center",color:e.textColor||"var(--sl-color-neutral-0)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+e.paddingText+")"}},Column:{display:"flex",background:e.backgroundColor||"",flexDirection:"right"===e.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sl-color-neutral-900)","& .image-area":{width:e.imagePercentage?e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:e.imagePercentage?100-e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+e.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===e.imageMobilePos?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}}),i=a.toString();return t("div",{class:a.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},"\n :host{\n display: block;\n }",i),"overlay"===e.layout&&t("div",{class:a.classes.Background},t("div",{class:a.classes.Overlay,part:"sqm-overlay"},e.header&&t("div",{class:a.classes.Header},e.header),e.description&&t("div",{class:a.classes.Description},e.description),e.buttonText&&t("sl-button",{class:a.classes.Button,type:"primary",onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText),r&&r)),"columns"===e.layout&&t("div",null,t("div",{class:a.classes.Column},t("div",{class:"image-area"},t("img",{class:a.classes.Image,src:e.imageUrl,part:"sqm-columns-image"})),t("div",{class:"text-area",part:"sqm-columns-text-area"},e.header&&t("div",{class:a.classes.Header,part:"sqm-columns-header"},e.header),e.description&&t("div",{class:a.classes.Description,part:"sqm-columns-description"},e.description),e.buttonText&&t("sl-button",{exportparts:"base: sqm-hero-image-button",class:a.classes.Button,type:"primary",onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText)))))}const Fe=class{constructor(t){e(this,t),this.overlayOpacity="0.75",this.layout="overlay",this.imagePercentage=50,this.imagePos="center",this.imageMobilePos="top",this.buttonNewTab=!1,this.paddingText="xxxx-large",this.paddingImage="none",s(this)}disconnectedCallback(){}render(){return t(Pe,Object.assign({},T(this)),t("slot",null))}},Oe=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return t(this.hookStory,null)}};function Ve(e){const r=q({Container:{display:"flex",width:"100%",justifyContent:e.alignment||"center",background:e.backgroundColor||""},Image:{minHeight:e.minHeight||"100%",width:e.width||"100%",maxWidth:"max-content",objectFit:"cover"}}),s=r.toString();return t("div",null,t("style",{type:"text/css"},s,"\n :host{\n display: block; \n }\n "),t("div",{class:r.classes.Container,part:"sqm-base"},t("img",{part:"sqm-image",src:e.imageUrl,class:r.classes.Image})))}const $e=class{constructor(t){e(this,t),this.alignment="center"}render(){return t(Ve,Object.assign({},T(this)))}},je=class{constructor(t){e(this,t),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,s(this)}disconnectedCallback(){}render(){const e={...T(this)},r=M([{attribute:"field-name",value:this.fieldName}]);if(!h()&&r)return t(V,{missingProps:r,heading:"An error occured while loading this form",subheading:"A technical problem prevented this input field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:s}=h()?N({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):{states:{registrationFormState:i(F)}};return t(te,{states:s,content:e})}},Ue=p.gql`
63
+ mutation submitForm($formSubmissionInput: FormSubmissionInput!) {
64
+ submitForm(formSubmissionInput: $formSubmissionInput) {
65
+ success
66
+ }
67
+ }
68
+ `,Be=p.gql`
63
69
  query getUser($programId: ID) {
64
70
  viewer {
65
71
  ... on User {
@@ -67,13 +73,7 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
67
73
  }
68
74
  }
69
75
  }
70
- `;function Be(e){var t;const r=g(),s=v(),{data:a}=b(Ue,{programId:r},!(null==s?void 0:s.jwt)||!r);return{states:{content:e},data:{shareCode:null===(t=null==a?void 0:a.viewer)||void 0===t?void 0:t.referralCode}}}const ze=p.gql`
71
- mutation submitForm($formSubmissionInput: FormSubmissionInput!) {
72
- submitForm(formSubmissionInput: $formSubmissionInput) {
73
- success
74
- }
75
- }
76
- `,He=class{constructor(t){e(this,t),this.ignored=!0,this.emailLabel="Email",this.firstNameLabel="First Name",this.lastNameLabel="Last Name",this.submitLabel="Submit",this.resubmitFormLabel="Refer Another Friend",this.pageLabel="Refer your friend",this.formKey="lead-form",this.supportLink="Support",this.submitSuccessHeader="Referral submitted",this.submitSuccessDescription="Our team will contact your friend to see if they’re a good fit. In the meantime, you can track this referral on Activity page.",this.submitErrorHeader="An error occurred while submitting",this.submitErrorDescription="Please try again later. If the problem continues, contact {supportLink}",this.requiredFieldErrorMessage="Please enter a valid {fieldLabel}",this.networkErrorMessage="Network request failed.",this.invalidEmailErrorMessage="Must be a valid email address",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r,refs:s}=h()?N({states:{error:"",loading:!1,success:!1},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,r,s,i,l,c,d,u,h,m,p;const v=o(null),{leadFormState:g,setLeadFormState:b}=$({}),y=null===(r=null===(t=Be())||void 0===t?void 0:t.data)||void 0===r?void 0:r.shareCode;console.log({referralCode:y});const[w,{loading:k,errors:E}]=f(ze),[C,I]=n(!1);a((()=>{if(!v.current)return;const e=v.current;return e.addEventListener("sl-input",R),()=>{e.removeEventListener("sl-input",R)}}),[v.current]);const R=x((e=>{var t,r;if("tel"!==(null===(r=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===r?void 0:r.toLowerCase()))return;const s=new B("US");e.target.value=s.input(e.target.value)}),[]);let S="";return S=(null===(s=null==E?void 0:E.response)||void 0===s?void 0:s.error)||(null==E?void 0:E.message)&&!(null===(i=null==E?void 0:E.response)||void 0===i?void 0:i.errors.length)?e.networkErrorMessage:(null===(u=null===(d=null===(c=null===(l=null==E?void 0:E.response)||void 0===l?void 0:l.errors)||void 0===c?void 0:c[0])||void 0===d?void 0:d.extensions)||void 0===u?void 0:u.message)||(null===(p=null===(m=null===(h=null==E?void 0:E.response)||void 0===h?void 0:h.errors)||void 0===m?void 0:m[0])||void 0===p?void 0:p.message)||(null==g?void 0:g.error),{states:{loading:k,error:S,success:C,leadFormState:g,referralCode:y},callbacks:{submit:async t=>{var r,s;let a=t.target.getFormControls(),i={},n={};if(null==a||a.forEach((t=>{if(!t.name)return;const r=t.name,s=t.value;if(_.set(i,r,s),t.required&&!s&&_.set(n,r,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:r,value:s});e&&_.set(n,r,e)}})),Object.keys(n).length)return void b({loading:!1,error:"",validationErrors:n});b({loading:!0,error:"",validationErrors:{}}),i={...i};const o={key:e.formKey,formData:i},l=await w({formSubmissionInput:o});try{if(console.log({success:l.data.submitForm.success,isError:l instanceof Error}),l instanceof Error)throw l;b({loading:!1,error:"",validationErrors:{}}),(null===(s=null===(r=null==l?void 0:l.data)||void 0===r?void 0:r.submitForm)||void 0===s?void 0:s.success)&&I(!0)}catch(t){b({loading:!1,error:e.networkErrorMessage,validationErrors:{}})}},inputFunction:R},refs:{formRef:v}}}(this),i={formData:t("slot",{name:"formData"}),emailLabel:this.emailLabel,submitLabel:this.submitLabel,resubmitFormLabel:this.resubmitFormLabel,pageLabel:this.pageLabel,supportLink:this.supportLink,submitSuccessHeader:this.submitSuccessHeader,submitSuccessDescription:this.submitSuccessDescription,submitErrorHeader:this.submitErrorHeader,submitErrorDescription:this.submitErrorDescription,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage};return t(re,{states:e,callbacks:r,content:i,refs:s})}},We=p.gql`
76
+ `,ze=class{constructor(t){e(this,t),this.ignored=!0,this.emailLabel="Email",this.firstNameLabel="First Name",this.lastNameLabel="Last Name",this.submitLabel="Submit",this.resubmitFormLabel="Refer Another Friend",this.pageLabel="Refer your friend",this.formKey="lead-form",this.supportLink="Support",this.submitSuccessHeader="Referral submitted",this.submitSuccessDescription="Our team will contact your friend to see if they’re a good fit. In the meantime, you can track this referral on Activity page.",this.submitErrorHeader="An error occurred while submitting",this.submitErrorDescription="Please try again later. If the problem continues, contact {supportLink}",this.requiredFieldErrorMessage="Please enter a valid {fieldLabel}",this.networkErrorMessage="Network request failed.",this.invalidEmailErrorMessage="Must be a valid email address",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r,refs:s}=h()?N({states:{error:"",loading:!1,success:!1},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,r,s,i,l,c,d,u,h,m;const p=o(null),{leadFormState:y,setLeadFormState:w}=$({}),k=g(),E=v(),{data:C}=b(Be,{programId:k},!(null==E?void 0:E.jwt)||!k);console.log({userDetails:C});const[I,{loading:R,errors:S}]=f(Ue),[N,T]=n(!1);a((()=>{if(!p.current)return;const e=p.current;return e.addEventListener("sl-input",M),()=>{e.removeEventListener("sl-input",M)}}),[p.current]);const M=x((e=>{var t,r;if("tel"!==(null===(r=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===r?void 0:r.toLowerCase()))return;const s=new B("US");e.target.value=s.input(e.target.value)}),[]);let q="";return q=(null===(t=null==S?void 0:S.response)||void 0===t?void 0:t.error)||(null==S?void 0:S.message)&&!(null===(r=null==S?void 0:S.response)||void 0===r?void 0:r.errors.length)?e.networkErrorMessage:(null===(c=null===(l=null===(i=null===(s=null==S?void 0:S.response)||void 0===s?void 0:s.errors)||void 0===i?void 0:i[0])||void 0===l?void 0:l.extensions)||void 0===c?void 0:c.message)||(null===(h=null===(u=null===(d=null==S?void 0:S.response)||void 0===d?void 0:d.errors)||void 0===u?void 0:u[0])||void 0===h?void 0:h.message)||(null==y?void 0:y.error),console.log({errors:S,errorMessage:q}),{states:{loading:R,error:q,success:N,leadFormState:y,referralCode:(null===(m=null==C?void 0:C.viewer)||void 0===m?void 0:m.referralCode)||""},callbacks:{submit:async t=>{var r,s;let a=t.target.getFormControls(),i={},n={};if(null==a||a.forEach((t=>{if(!t.name)return;const r=t.name,s=t.value;if(_.set(i,r,s),t.required&&!s&&_.set(n,r,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:r,value:s});e&&_.set(n,r,e)}})),Object.keys(n).length)return void w({loading:!1,error:"",validationErrors:n});w({loading:!0,error:"",validationErrors:{}}),i={...i};const o={key:e.formKey,formData:i},l=await I({formSubmissionInput:o});try{if(console.log({success:l.data.submitForm.success,isError:l instanceof Error}),l instanceof Error)throw l;w({loading:!1,error:"",validationErrors:{}}),(null===(s=null===(r=null==l?void 0:l.data)||void 0===r?void 0:r.submitForm)||void 0===s?void 0:s.success)&&T(!0)}catch(t){w({loading:!1,error:e.networkErrorMessage,validationErrors:{}})}},inputFunction:M},refs:{formRef:p}}}(this),i={formData:t("slot",{name:"formData"}),emailLabel:this.emailLabel,submitLabel:this.submitLabel,resubmitFormLabel:this.resubmitFormLabel,pageLabel:this.pageLabel,supportLink:this.supportLink,submitSuccessHeader:this.submitSuccessHeader,submitSuccessDescription:this.submitSuccessDescription,submitErrorHeader:this.submitErrorHeader,submitErrorDescription:this.submitErrorDescription,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage};return t(re,{states:e,callbacks:r,content:i,refs:s})}},He=p.gql`
77
77
  query (
78
78
  $type: String!
79
79
  $filter: UserLeaderboardFilterInput
@@ -94,7 +94,7 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
94
94
  }
95
95
  }
96
96
  }
97
- `,Ge=p.gql`
97
+ `,We=p.gql`
98
98
  query (
99
99
  $type: String!
100
100
  $filter: UserLeaderboardFilterInput
@@ -113,7 +113,7 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
113
113
  }
114
114
  }
115
115
  }
116
- `,Ke=p.gql`
116
+ `,Ge=p.gql`
117
117
  query (
118
118
  $type: String!
119
119
  $filter: UserLeaderboardFilterInput
@@ -132,7 +132,7 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
132
132
  }
133
133
  }
134
134
  }
135
- `,Ye=p.gql`
135
+ `,Ke=p.gql`
136
136
  query (
137
137
  $type: String!
138
138
  $filter: UserLeaderboardFilterInput
@@ -149,7 +149,7 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
149
149
  }
150
150
  }
151
151
  }
152
- `,Ze=class{constructor(t){e(this,t),this.width="100%",this.hideViewer=!1,this.viewingUserText="You",this.hideNames=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.ignored=!0,s(this),se(this)}disconnectedCallback(){}render(){const e={empty:t(Qe,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,viewingUserText:this.viewingUserText,hideNames:this.hideNames,showRank:this.showRank,rankSuffix:this.rankSuffix,width:this.width},r={...e,demoData:this.demoData},s=h()?function(e){var r,s;const a=(null===(s=null===(r=e.demoData)||void 0===r?void 0:r.data)||void 0===s?void 0:s.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 N({states:{loading:!1,hasLeaders:!0,isEssentials:!1,styles:{usersheading:e.usersheading?e.usersheading:"Top referrers",statsheading:e.statsheading?e.statsheading:"New customers",rankheading:e.rankheading?e.rankheading:"Rank",anonymousUser:e.anonymousUser?e.anonymousUser:"Anonymous User",showRank:e.showRank,hideViewer:e.hideViewer,viewingUserText:e.viewingUserText,hideNames:e.hideNames,rankSuffix:e.rankSuffix,width:e.width}},data:{rankType:"rowNumber",leaderboard:a},elements:{empty:t(Qe,null)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(r):function(e){var t,r,s,a,i,n,o,c,d,u;const h=g(),m=null!==(t=e.programId)&&void 0!==t?t:h,p=v(),f=w(),y=m?{type:e.leaderboardType,filter:{programId_eq:m}}:{type:e.leaderboardType,filter:{}};e.interval&&(y.filter.interval=e.interval),f&&(y.locale=f),e.maxRows>0&&(y.limit=e.maxRows);const{data:x,loading:k,errors:E}=b(e.hideNames?Ge:We,y,!(null==p?void 0:p.jwt),{batch:!1}),{data:C}=b(e.hideNames?Ye:Ke,y,!(null==p?void 0:p.jwt)),I=null==(_=null===(r=null==x?void 0:x.userLeaderboard)||void 0===r?void 0:r.rows)?void 0:_.flatMap((t=>{var r,s;return{textValue:t.textValue,firstName:t.firstName,lastInitial:t.lastInitial,rank:null===(r=t.rank)||void 0===r?void 0:r[e.rankType],rowNumber:null===(s=t.rank)||void 0===s?void 0:s.rowNumber}})),R=null==I?void 0:I.sort((function(e,t){return e.rank-t.rank})),S={textValue:null===(a=null===(s=null==C?void 0:C.viewer)||void 0===s?void 0:s.leaderboardRank)||void 0===a?void 0:a.textValue,firstName:null===(i=null==C?void 0:C.viewer)||void 0===i?void 0:i.firstName,lastInitial:null===(n=null==C?void 0:C.viewer)||void 0===n?void 0:n.lastInitial,rank:null===(c=null===(o=null==C?void 0:C.viewer)||void 0===o?void 0:o.leaderboardRank)||void 0===c?void 0:c[e.rankType],rowNumber:null===(u=null===(d=null==C?void 0:C.viewer)||void 0===d?void 0:d.leaderboardRank)||void 0===u?void 0:u.rowNumber};var _;return{states:{loading:k,isEssentials:l((()=>{var e,t;return!!(null===(t=null===(e=null==E?void 0:E.response)||void 0===e?void 0:e.errors)||void 0===t?void 0:t.find((e=>{var t,r;return 403===(null===(r=null===(t=null==e?void 0:e.extensions)||void 0===t?void 0:t.apiError)||void 0===r?void 0:r.statusCode)})))}),[E]),hasLeaders:(null==R?void 0:R.length)>0,styles:e},data:{leaderboard:R,rankType:e.rankType,viewerRank:S},elements:{empty:e.empty}}}(e);return t(ae,Object.assign({},s))}};function Qe(){return t("slot",{name:"empty"},t("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"}))}const Xe=q({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),Je=Xe.toString();function et(e){const{onClick:r,buttonText:s}=e;return t("span",{class:Xe.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},Je,"\n:host{\n display: inline; \n}\n"),t("sl-button",{onClick:r,type:"primary",exportparts:"base: primarybutton-base"},t("a",{class:Xe.classes.Link,part:"sqm-link"},s)))}const tt=class{constructor(t){e(this,t),this.openInNewTab=!1,this.buttonText="Click here"}render(){return t(et,Object.assign({},{...T(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},rt=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="I would like to receive marketing and promotional emails for this referral program",this.checkboxName="marketingEmailOptIn",s(this)}disconnectedCallback(){}render(){const e={...T(this)},{states:r,callbacks:s}=h()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ee(this);return t(Z,{states:r,content:e,callbacks:s})}},st=class{constructor(t){e(this,t),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",s(this)}disconnectedCallback(){}render(){const{states:e}=h()?N({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){return{states:{registrationFormState:i(F),content:{lastNameLabel:e.lastNameLabel,firstNameLabel:e.firstNameLabel}}}}(this);return t(ie,{states:e})}};function at(e){const{states:r}=e,{styles:s}=r;return r.includeDropdown?t("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},t("sl-button",{slot:"trigger",caret:!0,onClick:e.callbacks.rerender,exportparts:"base: dropdownbutton-base"},s.menuLabel),t("sl-menu",{ref:t=>{void 0===e.ref.current&&(e.ref.current=t,e.callbacks.rerender())}},t("slot",null))):""}const it=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const e=h()?function(e){return N({states:{includeDropdown:!0,styles:{...e,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},e.demoData||{},{arrayMerge:(e,t)=>t})}(T(this)):function(e){const t=o(),[,r]=k(),s=v();return a((()=>{var e;null===(e=t.current)||void 0===e||e.addEventListener("sl-select",(e=>function(e){E.push(e.detail.item.value)}(e)))}),[t.current]),{states:{includeDropdown:void 0!==((null==s?void 0:s.id)||(null==s?void 0:s.accountId)||(null==s?void 0:s.jwt)),styles:{menuLabel:e.menuLabel}},callbacks:{rerender:r},ref:t}}(T(this));return t(r,{slot:"sqm-navigation-menu"},t(at,Object.assign({},e)))}};it.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 nt=q({Wrapper:{maxWidth:"200px",marginLeft:"auto"},PayoutButtonDescription:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-small)",margin:"0"}}),ot=nt.toString();function lt(e){const{text:r,states:s}=e;return s.payoutSettingsComplete?t("div",{class:nt.classes.Wrapper},t("style",{type:"text/css"},ot),t("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.payoutButtonText,"scroll-animation":"smooth"}),t("p",{class:nt.classes.PayoutButtonDescription},r.payoutButtonDescription)):t("div",null)}const ct=p.gql`
152
+ `,Ye=class{constructor(t){e(this,t),this.width="100%",this.hideViewer=!1,this.viewingUserText="You",this.hideNames=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.ignored=!0,s(this),se(this)}disconnectedCallback(){}render(){const e={empty:t(Ze,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,viewingUserText:this.viewingUserText,hideNames:this.hideNames,showRank:this.showRank,rankSuffix:this.rankSuffix,width:this.width},r={...e,demoData:this.demoData},s=h()?function(e){var r,s;const a=(null===(s=null===(r=e.demoData)||void 0===r?void 0:r.data)||void 0===s?void 0:s.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 N({states:{loading:!1,hasLeaders:!0,isEssentials:!1,styles:{usersheading:e.usersheading?e.usersheading:"Top referrers",statsheading:e.statsheading?e.statsheading:"New customers",rankheading:e.rankheading?e.rankheading:"Rank",anonymousUser:e.anonymousUser?e.anonymousUser:"Anonymous User",showRank:e.showRank,hideViewer:e.hideViewer,viewingUserText:e.viewingUserText,hideNames:e.hideNames,rankSuffix:e.rankSuffix,width:e.width}},data:{rankType:"rowNumber",leaderboard:a},elements:{empty:t(Ze,null)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(r):function(e){var t,r,s,a,i,n,o,c,d,u;const h=g(),m=null!==(t=e.programId)&&void 0!==t?t:h,p=v(),f=w(),y=m?{type:e.leaderboardType,filter:{programId_eq:m}}:{type:e.leaderboardType,filter:{}};e.interval&&(y.filter.interval=e.interval),f&&(y.locale=f),e.maxRows>0&&(y.limit=e.maxRows);const{data:x,loading:k,errors:E}=b(e.hideNames?We:He,y,!(null==p?void 0:p.jwt),{batch:!1}),{data:C}=b(e.hideNames?Ke:Ge,y,!(null==p?void 0:p.jwt)),I=null==(_=null===(r=null==x?void 0:x.userLeaderboard)||void 0===r?void 0:r.rows)?void 0:_.flatMap((t=>{var r,s;return{textValue:t.textValue,firstName:t.firstName,lastInitial:t.lastInitial,rank:null===(r=t.rank)||void 0===r?void 0:r[e.rankType],rowNumber:null===(s=t.rank)||void 0===s?void 0:s.rowNumber}})),R=null==I?void 0:I.sort((function(e,t){return e.rank-t.rank})),S={textValue:null===(a=null===(s=null==C?void 0:C.viewer)||void 0===s?void 0:s.leaderboardRank)||void 0===a?void 0:a.textValue,firstName:null===(i=null==C?void 0:C.viewer)||void 0===i?void 0:i.firstName,lastInitial:null===(n=null==C?void 0:C.viewer)||void 0===n?void 0:n.lastInitial,rank:null===(c=null===(o=null==C?void 0:C.viewer)||void 0===o?void 0:o.leaderboardRank)||void 0===c?void 0:c[e.rankType],rowNumber:null===(u=null===(d=null==C?void 0:C.viewer)||void 0===d?void 0:d.leaderboardRank)||void 0===u?void 0:u.rowNumber};var _;return{states:{loading:k,isEssentials:l((()=>{var e,t;return!!(null===(t=null===(e=null==E?void 0:E.response)||void 0===e?void 0:e.errors)||void 0===t?void 0:t.find((e=>{var t,r;return 403===(null===(r=null===(t=null==e?void 0:e.extensions)||void 0===t?void 0:t.apiError)||void 0===r?void 0:r.statusCode)})))}),[E]),hasLeaders:(null==R?void 0:R.length)>0,styles:e},data:{leaderboard:R,rankType:e.rankType,viewerRank:S},elements:{empty:e.empty}}}(e);return t(ae,Object.assign({},s))}};function Ze(){return t("slot",{name:"empty"},t("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"}))}const Qe=q({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),Xe=Qe.toString();function Je(e){const{onClick:r,buttonText:s}=e;return t("span",{class:Qe.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},Xe,"\n:host{\n display: inline; \n}\n"),t("sl-button",{onClick:r,type:"primary",exportparts:"base: primarybutton-base"},t("a",{class:Qe.classes.Link,part:"sqm-link"},s)))}const et=class{constructor(t){e(this,t),this.openInNewTab=!1,this.buttonText="Click here"}render(){return t(Je,Object.assign({},{...T(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},tt=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="I would like to receive marketing and promotional emails for this referral program",this.checkboxName="marketingEmailOptIn",s(this)}disconnectedCallback(){}render(){const e={...T(this)},{states:r,callbacks:s}=h()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ee(this);return t(Z,{states:r,content:e,callbacks:s})}},rt=class{constructor(t){e(this,t),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",s(this)}disconnectedCallback(){}render(){const{states:e}=h()?N({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){return{states:{registrationFormState:i(F),content:{lastNameLabel:e.lastNameLabel,firstNameLabel:e.firstNameLabel}}}}(this);return t(ie,{states:e})}};function st(e){const{states:r}=e,{styles:s}=r;return r.includeDropdown?t("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},t("sl-button",{slot:"trigger",caret:!0,onClick:e.callbacks.rerender,exportparts:"base: dropdownbutton-base"},s.menuLabel),t("sl-menu",{ref:t=>{void 0===e.ref.current&&(e.ref.current=t,e.callbacks.rerender())}},t("slot",null))):""}const at=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const e=h()?function(e){return N({states:{includeDropdown:!0,styles:{...e,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},e.demoData||{},{arrayMerge:(e,t)=>t})}(T(this)):function(e){const t=o(),[,r]=k(),s=v();return a((()=>{var e;null===(e=t.current)||void 0===e||e.addEventListener("sl-select",(e=>function(e){E.push(e.detail.item.value)}(e)))}),[t.current]),{states:{includeDropdown:void 0!==((null==s?void 0:s.id)||(null==s?void 0:s.accountId)||(null==s?void 0:s.jwt)),styles:{menuLabel:e.menuLabel}},callbacks:{rerender:r},ref:t}}(T(this));return t(r,{slot:"sqm-navigation-menu"},t(st,Object.assign({},e)))}};at.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 it=q({Wrapper:{maxWidth:"200px",marginLeft:"auto"},PayoutButtonDescription:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-small)",margin:"0"}}),nt=it.toString();function ot(e){const{text:r,states:s}=e;return s.payoutSettingsComplete?t("div",{class:it.classes.Wrapper},t("style",{type:"text/css"},nt),t("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.payoutButtonText,"scroll-animation":"smooth"}),t("p",{class:it.classes.PayoutButtonDescription},r.payoutButtonDescription)):t("div",null)}const lt=p.gql`
153
153
  query getPayoutDetails {
154
154
  user: viewer {
155
155
  ... on User {
@@ -167,7 +167,7 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
167
167
  }
168
168
  }
169
169
  }
170
- `,dt=class{constructor(t){e(this,t),this.payoutButtonText="Payouts & Tax Settings",this.payoutButtonDescription="Check your payout settings to see when you’ll get paid out next",this.ignored=!0,s(this)}disconnectedCallback(){}getTextProps(){return T(this)}render(){const e=h()?function(e){return N({states:{payoutSettingsComplete:!1},text:e.getTextProps()},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,s;const{data:i,refetch:n}=b(ct,{});return a((()=>{const e=()=>n();return window.addEventListener("sqm:tax-form-updated",e),()=>window.removeEventListener("sqm:tax-form-updated",e)}),[]),{states:{payoutSettingsComplete:!!(null===(s=null===(r=null===(t=null==i?void 0:i.user)||void 0===t?void 0:t.impactConnection)||void 0===r?void 0:r.publisher)||void 0===s?void 0:s.payoutsAccount)},text:e.getTextProps()}}(this);return t(lt,Object.assign({},e))}},ut=q({SkeletonOne:{width:"50%",height:"16px"},AlertDescriptionText:{margin:"0",marginBottom:"var(--sl-spacing-small)"},ErrorAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},WarningAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-yellow-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},InfoAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-sky-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-blue-500)"}},Dialog:{"&::part(panel)":{height:"600px"},"&::part(close-button)":{marginBottom:"var(--sl-spacing-xx-large)"},"&::part(title)":{display:"none"},"&::part(header)":{},"&::part(body)":{padding:"0"},"&::part(footer)":{}}}),ht=ut.toString();function mt(e){const{text:r,states:s,data:a,callbacks:i}=e;if(s.loading)return t("sl-skeleton",{class:ut.classes.SkeletonOne});const n=function(e){if(s.error)return{header:r.errorHeader,description:r.errorDescription,buttonText:null,alertType:"critical",icon:"exclamation-triangle",class:ut.classes.ErrorAlertContainer};switch(e){case"INFORMATION_REQUIRED":return{header:r.informationRequiredHeader,description:r.informationRequiredDescription,buttonText:r.informationRequiredButtonText,alertType:"info",icon:"info-circle",class:ut.classes.InfoAlertContainer};case"VERIFICATION:REQUIRED":return{header:r.verificationRequiredHeader,description:u.formatMessage({id:"verificationRequiredDescription",defaultMessage:r.verificationRequiredDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.verificationRequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:ut.classes.WarningAlertContainer};case"VERIFICATION:INTERNAL":return{header:r.verificationRequiredInternalHeader,description:u.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:r.verificationRequiredInternalDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:ut.classes.WarningAlertContainer};case"VERIFICATION:REVIEW":return{header:r.verificationReviewInternalHeader,description:u.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:r.verificationReviewInternalDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:ut.classes.WarningAlertContainer};case"VERIFICATION:FAILED":return{header:r.verificationFailedInternalHeader,description:u.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:r.verificationFailedInternalDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"critical",icon:"exclamation-octagon",class:ut.classes.ErrorAlertContainer};case"HOLD":return{header:r.holdHeader,description:u.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:ut.classes.WarningAlertContainer};default:return}}(s.status);return"DONE"!==s.status&&n?t("div",{part:"sqm-base"},t("style",{type:"text/css"},ht),t("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:n.alertType,class:n.class,open:!0},t("sl-icon",{slot:"icon",name:n.icon}),t("strong",null,n.header),t("p",{class:ut.classes.AlertDescriptionText},n.description),function(e){switch(e){case"INFORMATION_REQUIRED":return"SquatchJS2"===a.type?t("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.informationRequiredButtonText,"scroll-animation":"smooth"}):t("sl-button","SquatchPortal"===a.type?{type:"default",onClick:i.onTermsClick}:{type:"default"},r.informationRequiredButtonText);case"VERIFICATION:REQUIRED":return t("sl-button",{type:"default",loading:s.veriffLoading,onClick:i.onClick},r.verificationRequiredButtonText);default:return}}(s.status))):t("div",null)}const pt=class{constructor(t){e(this,t),this.informationRequiredHeader="Payout and tax information required",this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.",this.informationRequiredButtonText="Payouts & Tax Settings",this.verificationRequiredHeader="Verify your identity",this.verificationRequiredDescription="It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.",this.verificationRequiredButtonText="Start Verification",this.verificationRequiredInternalHeader="Identity Verification in Progress",this.verificationRequiredInternalDescription="Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.",this.verificationReviewInternalHeader="Identity Verification Under Review",this.verificationReviewInternalDescription="Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.",this.verificationFailedInternalHeader="Identity Verification Unsuccessful",this.verificationFailedInternalDescription="Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.",this.holdHeader="Your payouts and account are on hold",this.holdDescription="Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to our {supportLink}.",this.cashPayoutsPageUrl="/cash",this.supportLink="support team",this.errorHeader="Could not determine payout status.",this.errorDescription="There was an error with determining your payout status.",s(this)}disconnectedCallback(){}getTextProps(){return T(this)}render(){const e=h()?function(e){return N({states:{error:!1,status:"INFORMATION_REQUIRED",loading:!1,showVerifyIdentity:!1},data:{type:"SquatchAdmin"},text:e.getTextProps(),callbacks:{onTermsClick:()=>{},onClick:()=>console.log("show")}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):ye(this);return t(mt,Object.assign({},e))}},vt=p.gql`
170
+ `,ct=class{constructor(t){e(this,t),this.payoutButtonText="Payouts & Tax Settings",this.payoutButtonDescription="Check your payout settings to see when you’ll get paid out next",this.ignored=!0,s(this)}disconnectedCallback(){}getTextProps(){return T(this)}render(){const e=h()?function(e){return N({states:{payoutSettingsComplete:!1},text:e.getTextProps()},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,s;const{data:i,refetch:n}=b(lt,{});return a((()=>{const e=()=>n();return window.addEventListener("sqm:tax-form-updated",e),()=>window.removeEventListener("sqm:tax-form-updated",e)}),[]),{states:{payoutSettingsComplete:!!(null===(s=null===(r=null===(t=null==i?void 0:i.user)||void 0===t?void 0:t.impactConnection)||void 0===r?void 0:r.publisher)||void 0===s?void 0:s.payoutsAccount)},text:e.getTextProps()}}(this);return t(ot,Object.assign({},e))}},dt=q({SkeletonOne:{width:"50%",height:"16px"},AlertDescriptionText:{margin:"0",marginBottom:"var(--sl-spacing-small)"},ErrorAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},WarningAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-yellow-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},InfoAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-sky-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-blue-500)"}},Dialog:{"&::part(panel)":{height:"600px"},"&::part(close-button)":{marginBottom:"var(--sl-spacing-xx-large)"},"&::part(title)":{display:"none"},"&::part(header)":{},"&::part(body)":{padding:"0"},"&::part(footer)":{}}}),ut=dt.toString();function ht(e){const{text:r,states:s,data:a,callbacks:i}=e;if(s.loading)return t("sl-skeleton",{class:dt.classes.SkeletonOne});const n=function(e){if(s.error)return{header:r.errorHeader,description:r.errorDescription,buttonText:null,alertType:"critical",icon:"exclamation-triangle",class:dt.classes.ErrorAlertContainer};switch(e){case"INFORMATION_REQUIRED":return{header:r.informationRequiredHeader,description:r.informationRequiredDescription,buttonText:r.informationRequiredButtonText,alertType:"info",icon:"info-circle",class:dt.classes.InfoAlertContainer};case"VERIFICATION:REQUIRED":return{header:r.verificationRequiredHeader,description:u.formatMessage({id:"verificationRequiredDescription",defaultMessage:r.verificationRequiredDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.verificationRequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:dt.classes.WarningAlertContainer};case"VERIFICATION:INTERNAL":return{header:r.verificationRequiredInternalHeader,description:u.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:r.verificationRequiredInternalDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:dt.classes.WarningAlertContainer};case"VERIFICATION:REVIEW":return{header:r.verificationReviewInternalHeader,description:u.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:r.verificationReviewInternalDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:dt.classes.WarningAlertContainer};case"VERIFICATION:FAILED":return{header:r.verificationFailedInternalHeader,description:u.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:r.verificationFailedInternalDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"critical",icon:"exclamation-octagon",class:dt.classes.ErrorAlertContainer};case"HOLD":return{header:r.holdHeader,description:u.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:dt.classes.WarningAlertContainer};default:return}}(s.status);return"DONE"!==s.status&&n?t("div",{part:"sqm-base"},t("style",{type:"text/css"},ut),t("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:n.alertType,class:n.class,open:!0},t("sl-icon",{slot:"icon",name:n.icon}),t("strong",null,n.header),t("p",{class:dt.classes.AlertDescriptionText},n.description),function(e){switch(e){case"INFORMATION_REQUIRED":return"SquatchJS2"===a.type?t("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.informationRequiredButtonText,"scroll-animation":"smooth"}):t("sl-button","SquatchPortal"===a.type?{type:"default",onClick:i.onTermsClick}:{type:"default"},r.informationRequiredButtonText);case"VERIFICATION:REQUIRED":return t("sl-button",{type:"default",loading:s.veriffLoading,onClick:i.onClick},r.verificationRequiredButtonText);default:return}}(s.status))):t("div",null)}const mt=class{constructor(t){e(this,t),this.informationRequiredHeader="Payout and tax information required",this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.",this.informationRequiredButtonText="Payouts & Tax Settings",this.verificationRequiredHeader="Verify your identity",this.verificationRequiredDescription="It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.",this.verificationRequiredButtonText="Start Verification",this.verificationRequiredInternalHeader="Identity Verification in Progress",this.verificationRequiredInternalDescription="Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.",this.verificationReviewInternalHeader="Identity Verification Under Review",this.verificationReviewInternalDescription="Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.",this.verificationFailedInternalHeader="Identity Verification Unsuccessful",this.verificationFailedInternalDescription="Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.",this.holdHeader="Your payouts and account are on hold",this.holdDescription="Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to our {supportLink}.",this.cashPayoutsPageUrl="/cash",this.supportLink="support team",this.errorHeader="Could not determine payout status.",this.errorDescription="There was an error with determining your payout status.",s(this)}disconnectedCallback(){}getTextProps(){return T(this)}render(){const e=h()?function(e){return N({states:{error:!1,status:"INFORMATION_REQUIRED",loading:!1,showVerifyIdentity:!1},data:{type:"SquatchAdmin"},text:e.getTextProps(),callbacks:{onTermsClick:()=>{},onClick:()=>console.log("show")}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):ye(this);return t(ht,Object.assign({},e))}},pt=p.gql`
171
171
  query {
172
172
  viewer {
173
173
  ... on User {
@@ -177,14 +177,22 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
177
177
  }
178
178
  }
179
179
  }
180
- `,gt=p.gql`
180
+ `,vt=p.gql`
181
181
  mutation ($userInput: UserInput!) {
182
182
  upsertUser(userInput: $userInput) {
183
183
  id
184
184
  marketingEmailOptIn
185
185
  }
186
186
  }
187
- `,ft={marketingEmailOptIn:!1,errors:{},error:""},bt=class{constructor(t){e(this,t),this.ignored=!0,this.emailPreferencesHeader="Email preferences",this.marketingCheckboxLabel="I want to receive marketing emails and promotions for this referral program from impact.com",this.submitChangeButtonText="Save",this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.",this.successMessage="Opt-in preference has been changed.",s(this)}disconnectedCallback(){}render(){const e=h()?function(e){return N({states:{success:!1,loading:!1,submitDisabled:!1,user:{id:"01",accountId:"111100000",marketingEmailOptIn:!1},text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage},formState:{marketingEmailOptIn:!1,errors:null,error:""}},callbacks:{onSubmit:e=>console.log(e),setChecked:()=>{}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(T(this)):function(e){const t=v(),[r,s]=n(!1),[i,o]=n(void 0),[l,c]=n(ft),d=b(vt,{},!(null==t?void 0:t.jwt)),[u,h]=f(gt);return a((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?c((e=>{var t,r,s;return{...e,error:null===(s=null===(r=null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.response)||void 0===r?void 0:r.errors)||void 0===s?void 0:s[0].message}})):(o((e=>{var t;return{...e,...null===(t=null==h?void 0:h.data)||void 0===t?void 0:t.upsertUser}})),(null==h?void 0:h.data)&&s(!0)))}),[null==h?void 0:h.loading]),a((()=>{var e,t;o((e=>{var t;return{...e,...null===(t=null==d?void 0:d.data)||void 0===t?void 0:t.viewer}})),c({...ft,...null===(e=d.data)||void 0===e?void 0:e.viewer,...null===(t=h.data)||void 0===t?void 0:t.upsertUser})}),[null==d?void 0:d.data]),a((()=>{var t,r;(null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.message)&&c({...null===(r=d.data)||void 0===r?void 0:r.viewer,error:e.networkRequestMessage})}),[null==h?void 0:h.errors]),{states:{success:r,loading:(null==d?void 0:d.loading)||h.loading,submitDisabled:!1,formState:l,user:i,text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage}},callbacks:{onSubmit:e=>{var r;s(!1);const a=null===(r=e.detail)||void 0===r?void 0:r.formData;null==a||a.forEach(((e,t)=>{_.set(a,t,e)})),u({userInput:{id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,marketingEmailOptIn:Boolean(a.marketingEmailOptIn)}}),c((e=>({...e,errors:{},error:""})))},setChecked:e=>c({...l,marketingEmailOptIn:e})}}}(T(this));return t(ne,Object.assign({},e))}},yt=class{constructor(t){e(this,t),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...",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.nonMatchingPasswordErrorText="contain at least 1 lowercase character",this.invalidSessionErrorText="Please log in again to change your password.",this.hasErrorText="contain at least 1 number or symbol",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=h()?function(e){const[t,r]=n(!1);return N({states:{open:t,error:"",content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},callbacks:{setOpen:e=>r(e),submit:e=>console.log("Submit",e)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,s,a,i,o,l;const[c,{loading:d,errors:u}]=C(),[h,m]=n(!1),[p,g]=n(""),[f,b]=n(!1),y=v();return{states:{open:h,loading:d,success:f,error:p||(null===(a=null===(s=null===(r=null===(t=null==u?void 0:u.response)||void 0===t?void 0:t.errors)||void 0===r?void 0:r[0])||void 0===s?void 0:s.extensions)||void 0===a?void 0:a.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:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},data:{},callbacks:{setOpen:m,submit:async t=>{var r,s;b(!1);const a=null===(r=t.detail)||void 0===r?void 0:r.formData;if(null==a||a.forEach(((e,t)=>{_.set(a,t,e)})),!(null==y?void 0:y.jwt))return void g(e.invalidSessionErrorText);if(a.password!==a.confirmPassword)return void g(e.nonMatchingPasswordErrorText);g("");const i={password:a.password},n=await c(i);n instanceof Error||!(null===(s=n.changeManagedIdentityPassword)||void 0===s?void 0:s.success)||b(!0)}}}}(this);return t(oe,{states:e,callbacks:r})}},xt=class{constructor(t){e(this,t),this.ignored=!0,this.hideSupportText=!1,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.hidePoweredBy=!1,this.poweredByLink="https://impact.com/advocate/",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",s(this)}disconnectedCallback(){}render(){return t(le,Object.assign({},T(this)))}static get assetsDirs(){return["../../assets"]}},wt=class{constructor(t){e(this,t),this.ignored=!0,this.notFullScreen=!1,s(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"footer"}),r=t("slot",{name:"header"}),s=h()?function(e,r,s){return N({notFullScreen:!0,data:{footer:e||t("span",null,"example@example.com"),header:r||t("div",{style:{display:"flex",flexDirection:"column"}},t("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),t("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},s.demoData||{},{arrayMerge:(e,t)=>t})}(e,r,this):function(e,t){const[,r]=k();return{data:{footer:e,header:t},callbacks:{rerender:r}}}(e,r);return t(ce,Object.assign({},s),t("slot",null))}},kt=class{constructor(t){e(this,t),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",this.networkErrorMessage="An error occurred while logging you in. Please refresh the page and try again.",this.registerCTA="Don't have an account?",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=h()?N({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register",showLoginForm:"manual"},callbacks:{googleSubmit:async()=>{console.log("google submit")},submit:async()=>{console.log("submit")}},content:{googleButton:null}},this.demoData||{},{arrayMerge:(e,t)=>t}):U(this),s=q({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),a={forgotPasswordButton:t("slot",{name:"forgotPassword"},t("a",{onClick:()=>E.push(e.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:t("slot",{name:"secondaryButton"},t("style",null,s),t("sl-button",{type:"text",disabled:e.loading,onClick:()=>E.push(e.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return t(j,{states:e,callbacks:r,content:a})}},Et=class{constructor(t){e(this,t),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",this.requiredFieldErrorMessage="Cannot be empty",this.networkErrorMessage="Network request failed.",this.passwordMismatchErrorMessage="Passwords do not match.",this.invalidEmailErrorMessage="Must be a valid email address",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.hasErrorText="contain at least 1 number or symbol",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r,refs:s}=h()?N({states:{error:"",loading:!1,confirmPassword:(i=this).confirmPassword,hideInputs:i.hideInputs||!1,customPasswordField:!1,loginPath:i.loginPath,disablePasswordValidation:i.disablePasswordValidation},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},i.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,r,s,i,n,l,c,d,u;const h=o(null),{registrationFormState:m,setRegistrationFormState:p}=O({}),[v,{loading:g,errors:f}]=I();a((()=>{if(!h.current)return;const e=h.current;return e.addEventListener("sl-input",b),()=>{e.removeEventListener("sl-input",b)}}),[h.current]);const b=x((e=>{var t,r;if("tel"!==(null===(r=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===r?void 0:r.toLowerCase()))return;const s=new B("US");e.target.value=s.input(e.target.value)}),[]);let y="";return y=(null===(t=null==f?void 0:f.response)||void 0===t?void 0:t.error)||(null==f?void 0:f.message)&&!(null===(r=null==f?void 0:f.response)||void 0===r?void 0:r.errors.length)?e.networkErrorMessage:(null===(l=null===(n=null===(i=null===(s=null==f?void 0:f.response)||void 0===s?void 0:s.errors)||void 0===i?void 0:i[0])||void 0===n?void 0:n.extensions)||void 0===l?void 0:l.message)||(null===(u=null===(d=null===(c=null==f?void 0:f.response)||void 0===c?void 0:c.errors)||void 0===d?void 0:d[0])||void 0===u?void 0:u.message)||(null==m?void 0:m.error),{states:{loading:g,error:y,registrationFormState:m,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:async t=>{var r;let s=t.target.getFormControls(),a={},i={};if(null==s||s.forEach((t=>{if(!t.name)return;const r=t.name,s=t.value;if(_.set(a,r,s),t.required&&!s&&_.set(i,r,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:r,value:s});e&&_.set(i,r,e)}})),(e.confirmPassword||a.confirmPassword)&&a.password!==a.confirmPassword&&(i={...i,confirmPassword:e.passwordMismatchErrorMessage}),Object.keys(i).length)return void p({loading:!1,error:"",validationErrors:i});p({loading:!0,error:"",validationErrors:{}});const{email:n,password:o}=a;delete a.email,delete a.password,delete a.confirmPassword,a={...a};const l={email:n,password:o,formData:a,redirectPath:e.redirectPath};try{const t=await v(l);if(t instanceof Error)throw t;p({loading:!1,error:"",validationErrors:{}}),(null===(r=t.registerManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token)&&E.push(e.nextPage)}catch(t){p({loading:!1,error:e.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var i;const n={formData:t("slot",{name:"formData"}),secondaryButton:t("slot",{name:"secondaryButton"},t("sl-button",{type:"text",disabled:e.loading,onClick:()=>E.push(e.loginPath)},this.loginLabel)),terms:t("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};return t(de,{states:e,callbacks:r,content:n,refs:s})}};function Ct(e,r){const s=q({Container:{color:e.textColor||"var(--sl-color-neutral-900)",background:e.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"}}}),a=s.toString();return t("div",{class:s.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},a,"\n ::slotted(*){\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n ::slotted(*){\n display: block;\n }\n }"),t("div",{class:s.classes.Header},t("div",{class:s.classes.Header,part:"sqm-header"},e.header)),t("div",{class:s.classes.Grid,part:"sqm-grid-container"},r))}const It=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return t(Ct,Object.assign({},T(this)),t("slot",null))}};function Rt(e){const r=q({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sl-color-neutral-900)",background:e.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"}}),s=r.toString();return t("div",{class:r.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},s),t("div",null,e.imageUrl?t("img",{class:r.classes.Media,src:e.imageUrl,part:"sqm-media"}):t("div",{class:r.classes.Media,part:"sqm-media"},t("sl-icon",{name:e.icon}))),t("div",{class:r.classes.Text},t("div",{class:r.classes.Header,part:"sqm-header"},e.header),t("div",{class:r.classes.Description,part:"sqm-description"},e.description)))}const St=class{constructor(t){e(this,t),s(this)}disconnectedCallback(){}render(){return t(Rt,Object.assign({},T(this)))}},_t=c("sq:useProgramMenu"),Nt=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{data:e,ref:s}=function(e){const t=g(),r=m();_t({programId:t,props:e});const s=o(),[,i]=k();return a((()=>{var e;null===(e=s.current)||void 0===e||e.addEventListener("sl-select",(e=>{r.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:e.detail.item.value,bubbles:!0,composed:!0}))}))}),[s.current]),{data:{programId:t},callbacks:{rerender:i},ref:s}}(T(this));return t(r,{style:{display:"contents"}},t("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:e.programId,ref:e=>s.current=e},t("slot",null)))}},Tt=q({Container:{borderRadius:"var(--sl-border-radius-large)",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)",display:"flex",flexDirection:"column",rowGap:"var(--sl-spacing-large)"},EndContainer:{display:"flex",flexDirection:"column",alignItems:"center"},ColumnContainer:{"& p":{margin:"0"},display:"grid",gridAutoColumns:"minmax(0, 1fr)",gridAutoFlow:"column",gap:"calc(2 * var(--sl-spacing-medium))","@media (max-width: 499px)":{gridAutoFlow:"unset",gridAutoColumns:"unset",gridTemplateColumns:"1fr",border:"none"}}}),Mt=Tt.toString();function qt(e){return t("div",{part:"sqm-base",class:Tt.classes.Container,style:{border:e.hideBorder?"none":"1px solid var(--sl-color-neutral-300)","padding-top":`var(--sl-spacing-${e.paddingTop})`,"padding-right":`var(--sl-spacing-${e.paddingRight})`,"padding-bottom":`var(--sl-spacing-${e.paddingBottom})`,"padding-left":`var(--sl-spacing-${e.paddingLeft})`,backgroundColor:e.backgroundColor,maxWidth:e.limitWidth?"600px":"none",margin:e.limitWidth?"auto":"none"}},t("style",{type:"text/css"},Mt,"\n :host{\n display: block; \n }\n "),e.hasHeader&&t("div",{class:Tt.classes.EndContainer},e.slots.header),t("div",{part:"sqm-column-container",class:Tt.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&t("div",{class:Tt.classes.EndContainer},e.slots.footer))}const At=class{constructor(t){e(this,t),this.ignored=!0,this.verticalAlignment="start",this.hideBorder=!1,this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",this.backgroundColor="#ffffff",this.limitWidth=!1,s(this)}disconnectedCallback(){}render(){const e={left:t("slot",{name:"left"}),right:t("slot",{name:"right"}),header:t("slot",{name:"header"}),footer:t("slot",{name:"footer"})},r=D(),s=r.findIndex((e=>"header"===e.slot))>-1,a=r.findIndex((e=>"footer"===e.slot))>-1;return t(qt,Object.assign({},T(this),{slots:e,hasHeader:s,hasFooter:a}),t("slot",null))}},Lt=class{constructor(t){e(this,t),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",s(this)}disconnectedCallback(){}render(){const e=M([{attribute:"iframe-src",value:this.iframeSrc}]);if(e)return t(V,{missingProps:e,heading:"An error occured while loading this page",subheading:"A technical problem prevented this iframe from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:s,data:a}=h()?(i=T(this),N({states:{content:{iframeSrc:"https://example.com",...i}},data:{shareCode:"SHARECODE123"}},i.demoData||{},{arrayMerge:(e,t)=>t})):Be(T(this));var i;return t(r,{style:{display:"contents"}},t(ue,{data:a,states:s}))}};var Dt={};!function e(t,r,s,a){var i=!!(t.Worker&&t.Blob&&t.Promise&&t.OffscreenCanvas&&t.OffscreenCanvasRenderingContext2D&&t.HTMLCanvasElement&&t.HTMLCanvasElement.prototype.transferControlToOffscreen&&t.URL&&t.URL.createObjectURL);function n(){}function o(e){var s=r.exports.Promise,a=void 0!==s?s:t.Promise;return"function"==typeof a?new a(e):(e(n,n),null)}var l,c,d,u,h,m,p,v,g=(d=Math.floor(1e3/60),u={},h=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(l=function(e){var t=Math.random();return u[t]=requestAnimationFrame((function r(s){h===s||h+d-1<s?(h=s,delete u[t],e()):u[t]=requestAnimationFrame(r)})),t},c=function(e){u[e]&&cancelAnimationFrame(u[e])}):(l=function(e){return setTimeout(e,d)},c=function(e){return clearTimeout(e)}),{frame:l,cancel:c}),f=(v={},function(){if(m)return m;if(!s&&i){var t=["var CONFETTI, SIZE = {}, module = {};","("+e.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if (msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }"," });"," } else if (msg.data.reset) {"," CONFETTI.reset();"," } else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height = msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width = msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI = module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{m=new Worker(URL.createObjectURL(new Blob([t])))}catch(e){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",e),null}!function(e){function t(t,r){e.postMessage({options:t||{},callback:r})}e.init=function(t){var r=t.transferControlToOffscreen();e.postMessage({canvas:r},[r])},e.fire=function(r,s,a){if(p)return t(r,null),p;var i=Math.random().toString(36).slice(2);return p=o((function(s){function n(t){t.data.callback===i&&(delete v[i],e.removeEventListener("message",n),p=null,a(),s())}e.addEventListener("message",n),t(r,i),v[i]=n.bind(null,{data:{callback:i}})}))},e.reset=function(){for(var t in e.postMessage({reset:!0}),v)v[t](),delete v[t]}}(m)}return m}),b={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function y(e,t,r){return function(e,t){return t?t(e):e}(e&&null!=e[t]?e[t]:b[t],r)}function x(e){return e<0?0:Math.floor(e)}function w(e){return parseInt(e,16)}function k(e){return e.map(E)}function E(e){var t=String(e).replace(/[^0-9a-f]/gi,"");return t.length<6&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]),{r:w(t.substring(0,2)),g:w(t.substring(2,4)),b:w(t.substring(4,6))}}function C(e){e.width=document.documentElement.clientWidth,e.height=document.documentElement.clientHeight}function I(e){var t=e.getBoundingClientRect();e.width=t.width,e.height=t.height}function R(e,r){var n,l=!e,c=!!y(r||{},"resize"),d=y(r,"disableForReducedMotion",Boolean),u=i&&y(r||{},"useWorker")?f():null,h=l?C:I,m=!(!e||!u||!e.__confetti_initialized),p="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function v(t,r,i){for(var l,c,d,u,m=y(t,"particleCount",x),p=y(t,"angle",Number),v=y(t,"spread",Number),f=y(t,"startVelocity",Number),b=y(t,"decay",Number),w=y(t,"gravity",Number),E=y(t,"drift",Number),C=y(t,"colors",k),I=y(t,"ticks",Number),R=y(t,"shapes"),S=y(t,"scalar"),_=function(e){var t=y(e,"origin",Object);return t.x=y(t,"x",Number),t.y=y(t,"y",Number),t}(t),N=m,T=[],M=e.width*_.x,q=e.height*_.y;N--;)T.push((void 0,void 0,c=(l={x:M,y:q,angle:p,spread:v,startVelocity:f,color:C[N%C.length],shape:R[(0,u=R.length,Math.floor(Math.random()*(u-0))+0)],ticks:I,decay:b,gravity:w,drift:E,scalar:S}).angle*(Math.PI/180),d=l.spread*(Math.PI/180),{x:l.x,y:l.y,wobble:10*Math.random(),velocity:.5*l.startVelocity+Math.random()*l.startVelocity,angle2D:-c+(.5*d-Math.random()*d),tiltAngle:Math.random()*Math.PI,color:l.color,shape:l.shape,tick:0,totalTicks:l.ticks,decay:l.decay,drift:l.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*l.gravity,ovalScalar:.6,scalar:l.scalar}));return n?n.addFettis(T):(n=function(e,t,r,i,n){var l,c,d=t.slice(),u=e.getContext("2d"),h=o((function(t){function o(){l=c=null,u.clearRect(0,0,i.width,i.height),n(),t()}l=g.frame((function t(){!s||i.width===a.width&&i.height===a.height||(i.width=e.width=a.width,i.height=e.height=a.height),i.width||i.height||(r(e),i.width=e.width,i.height=e.height),u.clearRect(0,0,i.width,i.height),(d=d.filter((function(e){return function(e,t){t.x+=Math.cos(t.angle2D)*t.velocity+t.drift,t.y+=Math.sin(t.angle2D)*t.velocity+t.gravity,t.wobble+=.1,t.velocity*=t.decay,t.tiltAngle+=.1,t.tiltSin=Math.sin(t.tiltAngle),t.tiltCos=Math.cos(t.tiltAngle),t.random=Math.random()+5,t.wobbleX=t.x+10*t.scalar*Math.cos(t.wobble),t.wobbleY=t.y+10*t.scalar*Math.sin(t.wobble);var r=t.tick++/t.totalTicks,s=t.x+t.random*t.tiltCos,a=t.y+t.random*t.tiltSin,i=t.wobbleX+t.random*t.tiltCos,n=t.wobbleY+t.random*t.tiltSin;return e.fillStyle="rgba("+t.color.r+", "+t.color.g+", "+t.color.b+", "+(1-r)+")",e.beginPath(),"circle"===t.shape?e.ellipse?e.ellipse(t.x,t.y,Math.abs(i-s)*t.ovalScalar,Math.abs(n-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):function(e,t,r,s,a,i,n,o){e.save(),e.translate(t,r),e.rotate(i),e.scale(s,a),e.arc(0,0,1,0,o,void 0),e.restore()}(e,t.x,t.y,Math.abs(i-s)*t.ovalScalar,Math.abs(n-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):(e.moveTo(Math.floor(t.x),Math.floor(t.y)),e.lineTo(Math.floor(t.wobbleX),Math.floor(a)),e.lineTo(Math.floor(i),Math.floor(n)),e.lineTo(Math.floor(s),Math.floor(t.wobbleY))),e.closePath(),e.fill(),t.tick<t.totalTicks}(u,e)}))).length?l=g.frame(t):o()})),c=o}));return{addFettis:function(e){return d=d.concat(e),h},canvas:e,promise:h,reset:function(){l&&g.cancel(l),c&&c()}}}(e,T,h,r,i)).promise}function b(r){var s=d||y(r,"disableForReducedMotion",Boolean),a=y(r,"zIndex",Number);if(s&&p)return o((function(e){e()}));l&&n?e=n.canvas:l&&!e&&(e=function(e){var t=document.createElement("canvas");return t.style.position="fixed",t.style.top="0px",t.style.left="0px",t.style.pointerEvents="none",t.style.zIndex=e,t}(a),document.body.appendChild(e)),c&&!m&&h(e);var i={width:e.width,height:e.height};function g(){if(u){var t={getBoundingClientRect:function(){if(!l)return e.getBoundingClientRect()}};return h(t),void u.postMessage({resize:{width:t.width,height:t.height}})}i.width=i.height=null}function f(){n=null,c&&t.removeEventListener("resize",g),l&&e&&(document.body.removeChild(e),e=null,m=!1)}return u&&!m&&u.init(e),m=!0,u&&(e.__confetti_initialized=!0),c&&t.addEventListener("resize",g,!1),u?u.fire(r,i,f):v(r,i,f)}return b.reset=function(){u&&u.reset(),n&&n.reset()},b}r.exports=R(null,{useWorker:!0,resize:!0}),r.exports.create=R}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),Dt,!1);const Pt=Dt.exports,Ft=p.gql`
187
+ `,gt={marketingEmailOptIn:!1,errors:{},error:""},ft=class{constructor(t){e(this,t),this.ignored=!0,this.emailPreferencesHeader="Email preferences",this.marketingCheckboxLabel="I want to receive marketing emails and promotions for this referral program from impact.com",this.submitChangeButtonText="Save",this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.",this.successMessage="Opt-in preference has been changed.",s(this)}disconnectedCallback(){}render(){const e=h()?function(e){return N({states:{success:!1,loading:!1,submitDisabled:!1,user:{id:"01",accountId:"111100000",marketingEmailOptIn:!1},text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage},formState:{marketingEmailOptIn:!1,errors:null,error:""}},callbacks:{onSubmit:e=>console.log(e),setChecked:()=>{}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(T(this)):function(e){const t=v(),[r,s]=n(!1),[i,o]=n(void 0),[l,c]=n(gt),d=b(pt,{},!(null==t?void 0:t.jwt)),[u,h]=f(vt);return a((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?c((e=>{var t,r,s;return{...e,error:null===(s=null===(r=null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.response)||void 0===r?void 0:r.errors)||void 0===s?void 0:s[0].message}})):(o((e=>{var t;return{...e,...null===(t=null==h?void 0:h.data)||void 0===t?void 0:t.upsertUser}})),(null==h?void 0:h.data)&&s(!0)))}),[null==h?void 0:h.loading]),a((()=>{var e,t;o((e=>{var t;return{...e,...null===(t=null==d?void 0:d.data)||void 0===t?void 0:t.viewer}})),c({...gt,...null===(e=d.data)||void 0===e?void 0:e.viewer,...null===(t=h.data)||void 0===t?void 0:t.upsertUser})}),[null==d?void 0:d.data]),a((()=>{var t,r;(null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.message)&&c({...null===(r=d.data)||void 0===r?void 0:r.viewer,error:e.networkRequestMessage})}),[null==h?void 0:h.errors]),{states:{success:r,loading:(null==d?void 0:d.loading)||h.loading,submitDisabled:!1,formState:l,user:i,text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage}},callbacks:{onSubmit:e=>{var r;s(!1);const a=null===(r=e.detail)||void 0===r?void 0:r.formData;null==a||a.forEach(((e,t)=>{_.set(a,t,e)})),u({userInput:{id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,marketingEmailOptIn:Boolean(a.marketingEmailOptIn)}}),c((e=>({...e,errors:{},error:""})))},setChecked:e=>c({...l,marketingEmailOptIn:e})}}}(T(this));return t(ne,Object.assign({},e))}},bt=class{constructor(t){e(this,t),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...",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.nonMatchingPasswordErrorText="contain at least 1 lowercase character",this.invalidSessionErrorText="Please log in again to change your password.",this.hasErrorText="contain at least 1 number or symbol",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=h()?function(e){const[t,r]=n(!1);return N({states:{open:t,error:"",content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},callbacks:{setOpen:e=>r(e),submit:e=>console.log("Submit",e)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,s,a,i,o,l;const[c,{loading:d,errors:u}]=C(),[h,m]=n(!1),[p,g]=n(""),[f,b]=n(!1),y=v();return{states:{open:h,loading:d,success:f,error:p||(null===(a=null===(s=null===(r=null===(t=null==u?void 0:u.response)||void 0===t?void 0:t.errors)||void 0===r?void 0:r[0])||void 0===s?void 0:s.extensions)||void 0===a?void 0:a.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:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},data:{},callbacks:{setOpen:m,submit:async t=>{var r,s;b(!1);const a=null===(r=t.detail)||void 0===r?void 0:r.formData;if(null==a||a.forEach(((e,t)=>{_.set(a,t,e)})),!(null==y?void 0:y.jwt))return void g(e.invalidSessionErrorText);if(a.password!==a.confirmPassword)return void g(e.nonMatchingPasswordErrorText);g("");const i={password:a.password},n=await c(i);n instanceof Error||!(null===(s=n.changeManagedIdentityPassword)||void 0===s?void 0:s.success)||b(!0)}}}}(this);return t(oe,{states:e,callbacks:r})}},yt=class{constructor(t){e(this,t),this.ignored=!0,this.hideSupportText=!1,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.hidePoweredBy=!1,this.poweredByLink="https://impact.com/advocate/",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",s(this)}disconnectedCallback(){}render(){return t(le,Object.assign({},T(this)))}static get assetsDirs(){return["../../assets"]}},xt=class{constructor(t){e(this,t),this.ignored=!0,this.notFullScreen=!1,s(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"footer"}),r=t("slot",{name:"header"}),s=h()?function(e,r,s){return N({notFullScreen:!0,data:{footer:e||t("span",null,"example@example.com"),header:r||t("div",{style:{display:"flex",flexDirection:"column"}},t("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),t("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},s.demoData||{},{arrayMerge:(e,t)=>t})}(e,r,this):function(e,t){const[,r]=k();return{data:{footer:e,header:t},callbacks:{rerender:r}}}(e,r);return t(ce,Object.assign({},s),t("slot",null))}},wt=class{constructor(t){e(this,t),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",this.networkErrorMessage="An error occurred while logging you in. Please refresh the page and try again.",this.registerCTA="Don't have an account?",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=h()?N({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register",showLoginForm:"manual"},callbacks:{googleSubmit:async()=>{console.log("google submit")},submit:async()=>{console.log("submit")}},content:{googleButton:null}},this.demoData||{},{arrayMerge:(e,t)=>t}):U(this),s=q({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),a={forgotPasswordButton:t("slot",{name:"forgotPassword"},t("a",{onClick:()=>E.push(e.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:t("slot",{name:"secondaryButton"},t("style",null,s),t("sl-button",{type:"text",disabled:e.loading,onClick:()=>E.push(e.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return t(j,{states:e,callbacks:r,content:a})}},kt=class{constructor(t){e(this,t),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",this.requiredFieldErrorMessage="Cannot be empty",this.networkErrorMessage="Network request failed.",this.passwordMismatchErrorMessage="Passwords do not match.",this.invalidEmailErrorMessage="Must be a valid email address",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.hasErrorText="contain at least 1 number or symbol",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r,refs:s}=h()?N({states:{error:"",loading:!1,confirmPassword:(i=this).confirmPassword,hideInputs:i.hideInputs||!1,customPasswordField:!1,loginPath:i.loginPath,disablePasswordValidation:i.disablePasswordValidation},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},i.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,r,s,i,n,l,c,d,u;const h=o(null),{registrationFormState:m,setRegistrationFormState:p}=O({}),[v,{loading:g,errors:f}]=I();a((()=>{if(!h.current)return;const e=h.current;return e.addEventListener("sl-input",b),()=>{e.removeEventListener("sl-input",b)}}),[h.current]);const b=x((e=>{var t,r;if("tel"!==(null===(r=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===r?void 0:r.toLowerCase()))return;const s=new B("US");e.target.value=s.input(e.target.value)}),[]);let y="";return y=(null===(t=null==f?void 0:f.response)||void 0===t?void 0:t.error)||(null==f?void 0:f.message)&&!(null===(r=null==f?void 0:f.response)||void 0===r?void 0:r.errors.length)?e.networkErrorMessage:(null===(l=null===(n=null===(i=null===(s=null==f?void 0:f.response)||void 0===s?void 0:s.errors)||void 0===i?void 0:i[0])||void 0===n?void 0:n.extensions)||void 0===l?void 0:l.message)||(null===(u=null===(d=null===(c=null==f?void 0:f.response)||void 0===c?void 0:c.errors)||void 0===d?void 0:d[0])||void 0===u?void 0:u.message)||(null==m?void 0:m.error),{states:{loading:g,error:y,registrationFormState:m,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:async t=>{var r;let s=t.target.getFormControls(),a={},i={};if(null==s||s.forEach((t=>{if(!t.name)return;const r=t.name,s=t.value;if(_.set(a,r,s),t.required&&!s&&_.set(i,r,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:r,value:s});e&&_.set(i,r,e)}})),(e.confirmPassword||a.confirmPassword)&&a.password!==a.confirmPassword&&(i={...i,confirmPassword:e.passwordMismatchErrorMessage}),Object.keys(i).length)return void p({loading:!1,error:"",validationErrors:i});p({loading:!0,error:"",validationErrors:{}});const{email:n,password:o}=a;delete a.email,delete a.password,delete a.confirmPassword,a={...a};const l={email:n,password:o,formData:a,redirectPath:e.redirectPath};try{const t=await v(l);if(t instanceof Error)throw t;p({loading:!1,error:"",validationErrors:{}}),(null===(r=t.registerManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token)&&E.push(e.nextPage)}catch(t){p({loading:!1,error:e.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var i;const n={formData:t("slot",{name:"formData"}),secondaryButton:t("slot",{name:"secondaryButton"},t("sl-button",{type:"text",disabled:e.loading,onClick:()=>E.push(e.loginPath)},this.loginLabel)),terms:t("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};return t(de,{states:e,callbacks:r,content:n,refs:s})}};function Et(e,r){const s=q({Container:{color:e.textColor||"var(--sl-color-neutral-900)",background:e.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"}}}),a=s.toString();return t("div",{class:s.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},a,"\n ::slotted(*){\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n ::slotted(*){\n display: block;\n }\n }"),t("div",{class:s.classes.Header},t("div",{class:s.classes.Header,part:"sqm-header"},e.header)),t("div",{class:s.classes.Grid,part:"sqm-grid-container"},r))}const Ct=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return t(Et,Object.assign({},T(this)),t("slot",null))}};function It(e){const r=q({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sl-color-neutral-900)",background:e.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"}}),s=r.toString();return t("div",{class:r.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},s),t("div",null,e.imageUrl?t("img",{class:r.classes.Media,src:e.imageUrl,part:"sqm-media"}):t("div",{class:r.classes.Media,part:"sqm-media"},t("sl-icon",{name:e.icon}))),t("div",{class:r.classes.Text},t("div",{class:r.classes.Header,part:"sqm-header"},e.header),t("div",{class:r.classes.Description,part:"sqm-description"},e.description)))}const Rt=class{constructor(t){e(this,t),s(this)}disconnectedCallback(){}render(){return t(It,Object.assign({},T(this)))}},St=c("sq:useProgramMenu"),_t=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{data:e,ref:s}=function(e){const t=g(),r=m();St({programId:t,props:e});const s=o(),[,i]=k();return a((()=>{var e;null===(e=s.current)||void 0===e||e.addEventListener("sl-select",(e=>{r.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:e.detail.item.value,bubbles:!0,composed:!0}))}))}),[s.current]),{data:{programId:t},callbacks:{rerender:i},ref:s}}(T(this));return t(r,{style:{display:"contents"}},t("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:e.programId,ref:e=>s.current=e},t("slot",null)))}},Nt=q({Container:{borderRadius:"var(--sl-border-radius-large)",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)",display:"flex",flexDirection:"column",rowGap:"var(--sl-spacing-large)"},EndContainer:{display:"flex",flexDirection:"column",alignItems:"center"},ColumnContainer:{"& p":{margin:"0"},display:"grid",gridAutoColumns:"minmax(0, 1fr)",gridAutoFlow:"column",gap:"calc(2 * var(--sl-spacing-medium))","@media (max-width: 499px)":{gridAutoFlow:"unset",gridAutoColumns:"unset",gridTemplateColumns:"1fr",border:"none"}}}),Tt=Nt.toString();function Mt(e){return t("div",{part:"sqm-base",class:Nt.classes.Container,style:{border:e.hideBorder?"none":"1px solid var(--sl-color-neutral-300)","padding-top":`var(--sl-spacing-${e.paddingTop})`,"padding-right":`var(--sl-spacing-${e.paddingRight})`,"padding-bottom":`var(--sl-spacing-${e.paddingBottom})`,"padding-left":`var(--sl-spacing-${e.paddingLeft})`,backgroundColor:e.backgroundColor,maxWidth:e.limitWidth?"600px":"none",margin:e.limitWidth?"auto":"none"}},t("style",{type:"text/css"},Tt,"\n :host{\n display: block; \n }\n "),e.hasHeader&&t("div",{class:Nt.classes.EndContainer},e.slots.header),t("div",{part:"sqm-column-container",class:Nt.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&t("div",{class:Nt.classes.EndContainer},e.slots.footer))}const qt=class{constructor(t){e(this,t),this.ignored=!0,this.verticalAlignment="start",this.hideBorder=!1,this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",this.backgroundColor="#ffffff",this.limitWidth=!1,s(this)}disconnectedCallback(){}render(){const e={left:t("slot",{name:"left"}),right:t("slot",{name:"right"}),header:t("slot",{name:"header"}),footer:t("slot",{name:"footer"})},r=D(),s=r.findIndex((e=>"header"===e.slot))>-1,a=r.findIndex((e=>"footer"===e.slot))>-1;return t(Mt,Object.assign({},T(this),{slots:e,hasHeader:s,hasFooter:a}),t("slot",null))}},At=p.gql`
188
+ query getUser($programId: ID) {
189
+ viewer {
190
+ ... on User {
191
+ referralCode(programId: $programId)
192
+ }
193
+ }
194
+ }
195
+ `,Lt=class{constructor(t){e(this,t),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",s(this)}disconnectedCallback(){}render(){const e=M([{attribute:"iframe-src",value:this.iframeSrc}]);if(e)return t(V,{missingProps:e,heading:"An error occured while loading this page",subheading:"A technical problem prevented this iframe from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:s,data:a}=h()?(i=T(this),N({states:{content:{iframeSrc:"https://example.com",...i}},data:{shareCode:"SHARECODE123"}},i.demoData||{},{arrayMerge:(e,t)=>t})):function(e){var t;const r=g(),s=v(),{data:a}=b(At,{programId:r},!(null==s?void 0:s.jwt)||!r);return{states:{content:e},data:{shareCode:null===(t=null==a?void 0:a.viewer)||void 0===t?void 0:t.referralCode}}}(T(this));var i;return t(r,{style:{display:"contents"}},t(ue,{data:a,states:s}))}};var Dt={};!function e(t,r,s,a){var i=!!(t.Worker&&t.Blob&&t.Promise&&t.OffscreenCanvas&&t.OffscreenCanvasRenderingContext2D&&t.HTMLCanvasElement&&t.HTMLCanvasElement.prototype.transferControlToOffscreen&&t.URL&&t.URL.createObjectURL);function n(){}function o(e){var s=r.exports.Promise,a=void 0!==s?s:t.Promise;return"function"==typeof a?new a(e):(e(n,n),null)}var l,c,d,u,h,m,p,v,g=(d=Math.floor(1e3/60),u={},h=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(l=function(e){var t=Math.random();return u[t]=requestAnimationFrame((function r(s){h===s||h+d-1<s?(h=s,delete u[t],e()):u[t]=requestAnimationFrame(r)})),t},c=function(e){u[e]&&cancelAnimationFrame(u[e])}):(l=function(e){return setTimeout(e,d)},c=function(e){return clearTimeout(e)}),{frame:l,cancel:c}),f=(v={},function(){if(m)return m;if(!s&&i){var t=["var CONFETTI, SIZE = {}, module = {};","("+e.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if (msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }"," });"," } else if (msg.data.reset) {"," CONFETTI.reset();"," } else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height = msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width = msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI = module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{m=new Worker(URL.createObjectURL(new Blob([t])))}catch(e){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",e),null}!function(e){function t(t,r){e.postMessage({options:t||{},callback:r})}e.init=function(t){var r=t.transferControlToOffscreen();e.postMessage({canvas:r},[r])},e.fire=function(r,s,a){if(p)return t(r,null),p;var i=Math.random().toString(36).slice(2);return p=o((function(s){function n(t){t.data.callback===i&&(delete v[i],e.removeEventListener("message",n),p=null,a(),s())}e.addEventListener("message",n),t(r,i),v[i]=n.bind(null,{data:{callback:i}})}))},e.reset=function(){for(var t in e.postMessage({reset:!0}),v)v[t](),delete v[t]}}(m)}return m}),b={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function y(e,t,r){return function(e,t){return t?t(e):e}(e&&null!=e[t]?e[t]:b[t],r)}function x(e){return e<0?0:Math.floor(e)}function w(e){return parseInt(e,16)}function k(e){return e.map(E)}function E(e){var t=String(e).replace(/[^0-9a-f]/gi,"");return t.length<6&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]),{r:w(t.substring(0,2)),g:w(t.substring(2,4)),b:w(t.substring(4,6))}}function C(e){e.width=document.documentElement.clientWidth,e.height=document.documentElement.clientHeight}function I(e){var t=e.getBoundingClientRect();e.width=t.width,e.height=t.height}function R(e,r){var n,l=!e,c=!!y(r||{},"resize"),d=y(r,"disableForReducedMotion",Boolean),u=i&&y(r||{},"useWorker")?f():null,h=l?C:I,m=!(!e||!u||!e.__confetti_initialized),p="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function v(t,r,i){for(var l,c,d,u,m=y(t,"particleCount",x),p=y(t,"angle",Number),v=y(t,"spread",Number),f=y(t,"startVelocity",Number),b=y(t,"decay",Number),w=y(t,"gravity",Number),E=y(t,"drift",Number),C=y(t,"colors",k),I=y(t,"ticks",Number),R=y(t,"shapes"),S=y(t,"scalar"),_=function(e){var t=y(e,"origin",Object);return t.x=y(t,"x",Number),t.y=y(t,"y",Number),t}(t),N=m,T=[],M=e.width*_.x,q=e.height*_.y;N--;)T.push((void 0,void 0,c=(l={x:M,y:q,angle:p,spread:v,startVelocity:f,color:C[N%C.length],shape:R[(0,u=R.length,Math.floor(Math.random()*(u-0))+0)],ticks:I,decay:b,gravity:w,drift:E,scalar:S}).angle*(Math.PI/180),d=l.spread*(Math.PI/180),{x:l.x,y:l.y,wobble:10*Math.random(),velocity:.5*l.startVelocity+Math.random()*l.startVelocity,angle2D:-c+(.5*d-Math.random()*d),tiltAngle:Math.random()*Math.PI,color:l.color,shape:l.shape,tick:0,totalTicks:l.ticks,decay:l.decay,drift:l.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*l.gravity,ovalScalar:.6,scalar:l.scalar}));return n?n.addFettis(T):(n=function(e,t,r,i,n){var l,c,d=t.slice(),u=e.getContext("2d"),h=o((function(t){function o(){l=c=null,u.clearRect(0,0,i.width,i.height),n(),t()}l=g.frame((function t(){!s||i.width===a.width&&i.height===a.height||(i.width=e.width=a.width,i.height=e.height=a.height),i.width||i.height||(r(e),i.width=e.width,i.height=e.height),u.clearRect(0,0,i.width,i.height),(d=d.filter((function(e){return function(e,t){t.x+=Math.cos(t.angle2D)*t.velocity+t.drift,t.y+=Math.sin(t.angle2D)*t.velocity+t.gravity,t.wobble+=.1,t.velocity*=t.decay,t.tiltAngle+=.1,t.tiltSin=Math.sin(t.tiltAngle),t.tiltCos=Math.cos(t.tiltAngle),t.random=Math.random()+5,t.wobbleX=t.x+10*t.scalar*Math.cos(t.wobble),t.wobbleY=t.y+10*t.scalar*Math.sin(t.wobble);var r=t.tick++/t.totalTicks,s=t.x+t.random*t.tiltCos,a=t.y+t.random*t.tiltSin,i=t.wobbleX+t.random*t.tiltCos,n=t.wobbleY+t.random*t.tiltSin;return e.fillStyle="rgba("+t.color.r+", "+t.color.g+", "+t.color.b+", "+(1-r)+")",e.beginPath(),"circle"===t.shape?e.ellipse?e.ellipse(t.x,t.y,Math.abs(i-s)*t.ovalScalar,Math.abs(n-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):function(e,t,r,s,a,i,n,o){e.save(),e.translate(t,r),e.rotate(i),e.scale(s,a),e.arc(0,0,1,0,o,void 0),e.restore()}(e,t.x,t.y,Math.abs(i-s)*t.ovalScalar,Math.abs(n-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):(e.moveTo(Math.floor(t.x),Math.floor(t.y)),e.lineTo(Math.floor(t.wobbleX),Math.floor(a)),e.lineTo(Math.floor(i),Math.floor(n)),e.lineTo(Math.floor(s),Math.floor(t.wobbleY))),e.closePath(),e.fill(),t.tick<t.totalTicks}(u,e)}))).length?l=g.frame(t):o()})),c=o}));return{addFettis:function(e){return d=d.concat(e),h},canvas:e,promise:h,reset:function(){l&&g.cancel(l),c&&c()}}}(e,T,h,r,i)).promise}function b(r){var s=d||y(r,"disableForReducedMotion",Boolean),a=y(r,"zIndex",Number);if(s&&p)return o((function(e){e()}));l&&n?e=n.canvas:l&&!e&&(e=function(e){var t=document.createElement("canvas");return t.style.position="fixed",t.style.top="0px",t.style.left="0px",t.style.pointerEvents="none",t.style.zIndex=e,t}(a),document.body.appendChild(e)),c&&!m&&h(e);var i={width:e.width,height:e.height};function g(){if(u){var t={getBoundingClientRect:function(){if(!l)return e.getBoundingClientRect()}};return h(t),void u.postMessage({resize:{width:t.width,height:t.height}})}i.width=i.height=null}function f(){n=null,c&&t.removeEventListener("resize",g),l&&e&&(document.body.removeChild(e),e=null,m=!1)}return u&&!m&&u.init(e),m=!0,u&&(e.__confetti_initialized=!0),c&&t.addEventListener("resize",g,!1),u?u.fire(r,i,f):v(r,i,f)}return b.reset=function(){u&&u.reset(),n&&n.reset()},b}r.exports=R(null,{useWorker:!0,resize:!0}),r.exports.create=R}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),Dt,!1);const Pt=Dt.exports,Ft=p.gql`
188
196
  query getExchangeList {
189
197
  viewer {
190
198
  ... on User {
@@ -262,4 +270,4 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
262
270
  }
263
271
  }
264
272
  }
265
- `,or=class{constructor(t){e(this,t),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",s(this)}disconnectedCallback(){}render(){const e=h()?function(e){return N({loading:!1,loadingText:"...",username:"John Smith"},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,s,a,i,n,o,l;const c=v(),d=b(nr,{},!(null==c?void 0:c.jwt)),u=(null===(r=null===(t=d.data)||void 0===t?void 0:t.viewer)||void 0===r?void 0:r.firstName)||(null===(a=null===(s=d.data)||void 0===s?void 0:s.viewer)||void 0===a?void 0:a.lastName)?`${null===(n=null===(i=d.data)||void 0===i?void 0:i.viewer)||void 0===n?void 0:n.firstName} ${null===(l=null===(o=d.data)||void 0===o?void 0:o.viewer)||void 0===l?void 0:l.lastName}`:e.fallback;return{loadingText:e.loadingText,loading:d.loading,username:u}}(this);return t(ir,Object.assign({},e))}};export{xe as sqm_big_stat,we as sqm_brand,ke as sqm_card_feed,Ce as sqm_checkbox_field,Se as sqm_coupon_code,Ne as sqm_divided_layout,Te as sqm_dropdown_field,Le as sqm_edit_profile,De as sqm_hero,Fe as sqm_hero_image,Oe as sqm_hook_story_container,$e as sqm_image,je as sqm_input_field,He as sqm_lead_form,Ze as sqm_leaderboard,tt as sqm_link_button,rt as sqm_marketing_emails_checkbox,st as sqm_name_fields,it as sqm_navigation_menu,dt as sqm_payout_button_scroll,pt as sqm_payout_status_alert,bt as sqm_portal_change_marketing,yt as sqm_portal_change_password,xt as sqm_portal_footer,wt as sqm_portal_frame,kt as sqm_portal_login,Et as sqm_portal_register,It as sqm_program_explainer,St as sqm_program_explainer_step,Nt as sqm_program_menu,At as sqm_referral_card,Lt as sqm_referral_iframe,Vt as sqm_reward_exchange_list,Bt as sqm_router,zt as sqm_share_button,Gt as sqm_share_code,Kt as sqm_share_link,Yt as sqm_stat_container,Qt as sqm_task_card,Xt as sqm_timeline,ar as sqm_timeline_entry,or as sqm_user_name}
273
+ `,or=class{constructor(t){e(this,t),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",s(this)}disconnectedCallback(){}render(){const e=h()?function(e){return N({loading:!1,loadingText:"...",username:"John Smith"},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,s,a,i,n,o,l;const c=v(),d=b(nr,{},!(null==c?void 0:c.jwt)),u=(null===(r=null===(t=d.data)||void 0===t?void 0:t.viewer)||void 0===r?void 0:r.firstName)||(null===(a=null===(s=d.data)||void 0===s?void 0:s.viewer)||void 0===a?void 0:a.lastName)?`${null===(n=null===(i=d.data)||void 0===i?void 0:i.viewer)||void 0===n?void 0:n.firstName} ${null===(l=null===(o=d.data)||void 0===o?void 0:o.viewer)||void 0===l?void 0:l.lastName}`:e.fallback;return{loadingText:e.loadingText,loading:d.loading,username:u}}(this);return t(ir,Object.assign({},e))}};export{xe as sqm_big_stat,we as sqm_brand,ke as sqm_card_feed,Ce as sqm_checkbox_field,Se as sqm_coupon_code,Ne as sqm_divided_layout,Te as sqm_dropdown_field,Le as sqm_edit_profile,De as sqm_hero,Fe as sqm_hero_image,Oe as sqm_hook_story_container,$e as sqm_image,je as sqm_input_field,ze as sqm_lead_form,Ye as sqm_leaderboard,et as sqm_link_button,tt as sqm_marketing_emails_checkbox,rt as sqm_name_fields,at as sqm_navigation_menu,ct as sqm_payout_button_scroll,mt as sqm_payout_status_alert,ft as sqm_portal_change_marketing,bt as sqm_portal_change_password,yt as sqm_portal_footer,xt as sqm_portal_frame,wt as sqm_portal_login,kt as sqm_portal_register,Ct as sqm_program_explainer,Rt as sqm_program_explainer_step,_t as sqm_program_menu,qt as sqm_referral_card,Lt as sqm_referral_iframe,Vt as sqm_reward_exchange_list,Bt as sqm_router,zt as sqm_share_button,Gt as sqm_share_code,Kt as sqm_share_link,Yt as sqm_stat_container,Qt as sqm_task_card,Xt as sqm_timeline,ar as sqm_timeline_entry,or as sqm_user_name}
@@ -13,7 +13,7 @@ export declare function useLeadForm(props: LeadForm): {
13
13
  error: string;
14
14
  success: boolean;
15
15
  leadFormState: import("./useLeadFormState").LeadFormState;
16
- referralCode: string;
16
+ referralCode: any;
17
17
  };
18
18
  callbacks: {
19
19
  submit: (event: any) => Promise<void>;
@@ -0,0 +1,7 @@
1
+ interface AndroidInterface {
2
+ platform: 'android';
3
+ shareOnFacebook(shareUrl: string, fallbackUrl: string): void;
4
+ showToast(toast: string): void;
5
+ }
6
+
7
+ export type PlatformNativeActions = AndroidInterface | undefined;
@@ -0,0 +1,2 @@
1
+ export type DemoData<T extends {}> = Partial<Omit<T, "callbacks" | "text">>;
2
+ export type StoryDemoData<T extends {}> = Partial<Omit<T, "text">>;
@@ -0,0 +1,4 @@
1
+ declare module "*.feature" {
2
+ const content: string;
3
+ export default content;
4
+ }
@@ -0,0 +1,4 @@
1
+ declare module "*.html" {
2
+ const content: string;
3
+ export default content;
4
+ }
package/docs/docs.docx CHANGED
Binary file
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@saasquatch/mint-components",
3
3
  "title": "Mint Components",
4
- "version": "1.14.6-6",
4
+ "version": "1.14.6-8",
5
5
  "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
6
6
  "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
7
7
  "raisins": "docs/raisins.json",