@saasquatch/mint-components 2.0.4-4 → 2.0.4-5

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/sqm-big-stat_47.cjs.entry.js +3 -3
  2. package/dist/cjs/sqm-empty_4.cjs.entry.js +1 -1
  3. package/dist/cjs/sqm-header-logo.cjs.entry.js +1 -1
  4. package/dist/collection/components/sqm-empty/sqm-empty-view.js +1 -1
  5. package/dist/collection/components/sqm-header-logo/sqm-header-logo.js +1 -1
  6. package/dist/collection/components/sqm-hero-image/sqm-hero-image-view.js +1 -1
  7. package/dist/collection/components/sqm-image/sqm-image-view.js +1 -1
  8. package/dist/collection/components/sqm-program-explainer-step/sqm-program-explainer-step-view.js +1 -1
  9. package/dist/esm/sqm-big-stat_47.entry.js +3 -3
  10. package/dist/esm/sqm-empty_4.entry.js +1 -1
  11. package/dist/esm/sqm-header-logo.entry.js +1 -1
  12. package/dist/esm-es5/sqm-big-stat_47.entry.js +1 -1
  13. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  14. package/dist/esm-es5/sqm-header-logo.entry.js +1 -1
  15. package/dist/mint-components/mint-components.esm.js +1 -1
  16. package/dist/mint-components/p-0cc5d508.system.entry.js +1 -0
  17. package/dist/mint-components/p-151b6497.system.entry.js +1 -0
  18. package/dist/mint-components/p-49ac5b1e.entry.js +1 -0
  19. package/dist/mint-components/p-68303b07.system.js +1 -1
  20. package/dist/mint-components/{p-007be02a.system.entry.js → p-94293b41.system.entry.js} +1 -1
  21. package/dist/mint-components/p-a7456751.entry.js +1 -0
  22. package/dist/mint-components/{p-d863de17.entry.js → p-bf4fd60e.entry.js} +2 -2
  23. package/docs/docs.docx +0 -0
  24. package/package.json +1 -1
  25. package/dist/mint-components/p-706d3280.entry.js +0 -1
  26. package/dist/mint-components/p-98180f03.entry.js +0 -1
  27. package/dist/mint-components/p-d3537ade.system.entry.js +0 -1
  28. package/dist/mint-components/p-e7cd3c27.system.entry.js +0 -1
package/dist/mint-components/{p-d863de17.entry.js → p-bf4fd60e.entry.js} RENAMED
@@ -59,7 +59,7 @@ import{r as e,h as t,c as r}from"./p-11baaa35.js";import{b as o,a as i}from"./p-
59
59
  lastName
60
60
  }
61
61
  }
62
- `,St={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Tt=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.",a(this)}disconnectedCallback(){}render(){const e=m()?function(e){return D({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})}(P(this)):function(e){const t=f(),[r,o]=l(!1),[a,s]=l(""),[d,c]=l(void 0),[u,h]=l(St),m=y(_t,{},!(null==t?void 0:t.jwt)),[p,g]=b(It);return n((()=>{!(null==g?void 0:g.loading)&&r&&((null==g?void 0:g.errors)?h((e=>{var t,r,o;return{...e,error:null===(o=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===o?void 0:o[0].message}})):(c((e=>{var t;return{...e,...null===(t=null==g?void 0:g.data)||void 0===t?void 0:t.upsertUser}})),o(!1)))}),[null==g?void 0:g.loading]),n((()=>{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]),n((()=>{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:u,user:d,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(u.firstName&&u.lastName)return p({id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,firstName:u.firstName,lastName:u.lastName}),void h((e=>({...e,errors:{}})));const r={};u.firstName||(r.firstName={message:e.fieldEmptyText}),u.lastName||(r.lastName={message:e.fieldEmptyText}),Q(r)||h((t=>({...t,error:e.formErrorText}))),h((e=>({...e,errors:r})))},resetForm:()=>{var e,t,r,o,a,n;const s=(null===(t=null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer)||void 0===t?void 0:t.countryCode)?i.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";c({...null===(r=m.data)||void 0===r?void 0:r.viewer,...null===(o=g.data)||void 0===o?void 0:o.upsertUser}),h({...St,...null===(a=m.data)||void 0===a?void 0:a.viewer,...null===(n=g.data)||void 0===n?void 0:n.upsertUser,currentRegion:s})},onChange:e=>{const{name:t,value:r}=e.target;h((e=>({...e,[t]:r})))},setShowEdit:o}}}(P(this));return t(le,Object.assign({},e))}};Tt.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 Rt=class{constructor(t){e(this,t),this.columns=1,this.minHeight=200,this.paddingSize="large",this.wrapDirection="wrap",this.columnToHideInMobile=null,a(this)}disconnectedCallback(){}render(){const e={states:{...P(this)},content:{primaryColumn:t("slot",null),secondaryColumn:t("slot",{name:"secondary-column"})}};return t(de,Object.assign({},e))}};function qt(e,r){const o=Boolean((e.header||e.description||e.buttonText)&&"overlay"===e.layout),i=B({Container:{position:"relative","&:before":{content:o?'""':"",width:"100%",height:"100%",position:"absolute",background:e.overlayColor||"var(--sl-color-black)",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(--sqm-text)",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(--sqm-text)","& .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)",color:"var(--sqm-primary-button-color)",backgroundColor:"var(--sqm-primary-button-background)",border:"var(--sqm-primary-button-color-border)"},"@media (max-width: 599px)":{width:"100%"}}}),a=i.toString();return t("div",{class:i.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},"\n :host{\n display: block;\n }",a),"overlay"===e.layout&&t("div",{class:i.classes.Background},t("div",{class:i.classes.Overlay,part:"sqm-overlay"},e.header&&t("div",{class:i.classes.Header},e.header),e.description&&t("div",{class:i.classes.Description},e.description),e.buttonText&&t("sl-button",{class:i.classes.Button,type:"primary",exportparts:`base: ${e.buttonType}button-base`,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:i.classes.Column},t("div",{class:"image-area"},t("img",{class:`${i.classes.Image} lazyload`,src:e.imageUrl,part:"sqm-columns-image"})),t("div",{class:"text-area",part:"sqm-columns-text-area"},e.header&&t("div",{class:i.classes.Header,part:"sqm-columns-header"},e.header),e.description&&t("div",{class:i.classes.Description,part:"sqm-columns-description"},e.description),e.buttonText&&t("sl-button",{exportparts:"base: sqm-hero-image-button",class:i.classes.Button,type:"primary",onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText)))))}const At=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",this.buttonType="primary",a(this)}disconnectedCallback(){}render(){return t(qt,Object.assign({},P(this)),t("slot",null))}},Nt=class{constructor(t){e(this,t),this.ignored=!0,a(this)}disconnectedCallback(){}render(){return t(this.hookStory,null)}};function Mt(e){const r=B({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"}}),o=r.toString();return t("div",null,t("style",{type:"text/css"},o,"\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} lazyload`})))}const Dt=class{constructor(t){e(this,t),this.alignment="center"}render(){return t(Mt,Object.assign({},P(this)))}},Pt=class{constructor(t){e(this,t),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,a(this)}disconnectedCallback(){}render(){const e={...P(this)},r=L([{attribute:"field-name",value:this.fieldName}]);if(!m()&&r)return t(Y,{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:o}=m()?D({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):{states:{registrationFormState:s(U)}};return t(ce,{states:o,content:e})}},Lt=class{constructor(t){e(this,t),this.ignored=!0,this.dropdownLabel="Select an option",this.requiredFieldErrorMessage="Please select a {dropdownLabel}",this.optionalLabel="(optional)",this.dropdownOptional=!1,this.multiple=!1,a(this)}disconnectedCallback(){}render(){const e=L([{attribute:"dropdown-name",value:this.dropdownName}]);if(!m()&&e)return t(Y,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},t("slot",null));const r={...P(this),selectOptions:t("slot",null)},{states:o}=m()?D({states:{leadFormState:{}},content:{dropdownName:(i=this).dropdownName,dropdownLabel:i.dropdownLabel,requiredFieldErrorMessage:i.requiredFieldErrorMessage,dropdownOptional:i.dropdownOptional}},i.demoData||{},{arrayMerge:(e,t)=>t}):{states:{leadFormState:s(G)}};var i;return t(ue,{states:o,content:r})}},Bt=g.gql`
62
+ `,St={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Tt=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.",a(this)}disconnectedCallback(){}render(){const e=m()?function(e){return D({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})}(P(this)):function(e){const t=f(),[r,o]=l(!1),[a,s]=l(""),[d,c]=l(void 0),[u,h]=l(St),m=y(_t,{},!(null==t?void 0:t.jwt)),[p,g]=b(It);return n((()=>{!(null==g?void 0:g.loading)&&r&&((null==g?void 0:g.errors)?h((e=>{var t,r,o;return{...e,error:null===(o=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===o?void 0:o[0].message}})):(c((e=>{var t;return{...e,...null===(t=null==g?void 0:g.data)||void 0===t?void 0:t.upsertUser}})),o(!1)))}),[null==g?void 0:g.loading]),n((()=>{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]),n((()=>{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:u,user:d,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(u.firstName&&u.lastName)return p({id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,firstName:u.firstName,lastName:u.lastName}),void h((e=>({...e,errors:{}})));const r={};u.firstName||(r.firstName={message:e.fieldEmptyText}),u.lastName||(r.lastName={message:e.fieldEmptyText}),Q(r)||h((t=>({...t,error:e.formErrorText}))),h((e=>({...e,errors:r})))},resetForm:()=>{var e,t,r,o,a,n;const s=(null===(t=null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer)||void 0===t?void 0:t.countryCode)?i.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";c({...null===(r=m.data)||void 0===r?void 0:r.viewer,...null===(o=g.data)||void 0===o?void 0:o.upsertUser}),h({...St,...null===(a=m.data)||void 0===a?void 0:a.viewer,...null===(n=g.data)||void 0===n?void 0:n.upsertUser,currentRegion:s})},onChange:e=>{const{name:t,value:r}=e.target;h((e=>({...e,[t]:r})))},setShowEdit:o}}}(P(this));return t(le,Object.assign({},e))}};Tt.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 Rt=class{constructor(t){e(this,t),this.columns=1,this.minHeight=200,this.paddingSize="large",this.wrapDirection="wrap",this.columnToHideInMobile=null,a(this)}disconnectedCallback(){}render(){const e={states:{...P(this)},content:{primaryColumn:t("slot",null),secondaryColumn:t("slot",{name:"secondary-column"})}};return t(de,Object.assign({},e))}};function qt(e,r){const o=Boolean((e.header||e.description||e.buttonText)&&"overlay"===e.layout),i=B({Container:{position:"relative","&:before":{content:o?'""':"",width:"100%",height:"100%",position:"absolute",background:e.overlayColor||"var(--sl-color-black)",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(--sqm-text)",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(--sqm-text)","& .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)",color:"var(--sqm-primary-button-color)",backgroundColor:"var(--sqm-primary-button-background)",border:"var(--sqm-primary-button-color-border)"},"@media (max-width: 599px)":{width:"100%"}}}),a=i.toString();return t("div",{class:i.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},"\n :host{\n display: block;\n }",a),"overlay"===e.layout&&t("div",{class:i.classes.Background},t("div",{class:i.classes.Overlay,part:"sqm-overlay"},e.header&&t("div",{class:i.classes.Header},e.header),e.description&&t("div",{class:i.classes.Description},e.description),e.buttonText&&t("sl-button",{class:i.classes.Button,type:"primary",exportparts:`base: ${e.buttonType}button-base`,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:i.classes.Column},t("div",{class:"image-area"},t("img",{class:`${i.classes.Image} lazyload`,"data-src":e.imageUrl,part:"sqm-columns-image"})),t("div",{class:"text-area",part:"sqm-columns-text-area"},e.header&&t("div",{class:i.classes.Header,part:"sqm-columns-header"},e.header),e.description&&t("div",{class:i.classes.Description,part:"sqm-columns-description"},e.description),e.buttonText&&t("sl-button",{exportparts:"base: sqm-hero-image-button",class:i.classes.Button,type:"primary",onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText)))))}const At=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",this.buttonType="primary",a(this)}disconnectedCallback(){}render(){return t(qt,Object.assign({},P(this)),t("slot",null))}},Nt=class{constructor(t){e(this,t),this.ignored=!0,a(this)}disconnectedCallback(){}render(){return t(this.hookStory,null)}};function Mt(e){const r=B({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"}}),o=r.toString();return t("div",null,t("style",{type:"text/css"},o,"\n :host{\n display: block; \n }\n "),t("div",{class:r.classes.Container,part:"sqm-base"},t("img",{part:"sqm-image","data-src":e.imageUrl,class:`${r.classes.Image} lazyload`})))}const Dt=class{constructor(t){e(this,t),this.alignment="center"}render(){return t(Mt,Object.assign({},P(this)))}},Pt=class{constructor(t){e(this,t),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,a(this)}disconnectedCallback(){}render(){const e={...P(this)},r=L([{attribute:"field-name",value:this.fieldName}]);if(!m()&&r)return t(Y,{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:o}=m()?D({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):{states:{registrationFormState:s(U)}};return t(ce,{states:o,content:e})}},Lt=class{constructor(t){e(this,t),this.ignored=!0,this.dropdownLabel="Select an option",this.requiredFieldErrorMessage="Please select a {dropdownLabel}",this.optionalLabel="(optional)",this.dropdownOptional=!1,this.multiple=!1,a(this)}disconnectedCallback(){}render(){const e=L([{attribute:"dropdown-name",value:this.dropdownName}]);if(!m()&&e)return t(Y,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},t("slot",null));const r={...P(this),selectOptions:t("slot",null)},{states:o}=m()?D({states:{leadFormState:{}},content:{dropdownName:(i=this).dropdownName,dropdownLabel:i.dropdownLabel,requiredFieldErrorMessage:i.requiredFieldErrorMessage,dropdownOptional:i.dropdownOptional}},i.demoData||{},{arrayMerge:(e,t)=>t}):{states:{leadFormState:s(G)}};var i;return t(ue,{states:o,content:r})}},Bt=g.gql`
63
63
  mutation submitForm($formSubmissionInput: FormSubmissionInput!) {
64
64
  submitForm(formSubmissionInput: $formSubmissionInput) {
65
65
  success
@@ -184,7 +184,7 @@ import{r as e,h as t,c as r}from"./p-11baaa35.js";import{b as o,a as i}from"./p-
184
184
  marketingEmailOptIn
185
185
  }
186
186
  }
187
- `,hr={marketingEmailOptIn:!1,errors:{},error:""},mr=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.",a(this)}disconnectedCallback(){}render(){const e=m()?function(e){return D({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})}(P(this)):function(e){const t=f(),[r,o]=l(!1),[i,a]=l(void 0),[s,d]=l(hr),c=y(cr,{},!(null==t?void 0:t.jwt)),[u,h]=b(ur);return n((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?d((e=>{var t,r,o;return{...e,error:null===(o=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===o?void 0:o[0].message}})):(a((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)&&o(!0)))}),[null==h?void 0:h.loading]),n((()=>{var e,t;a((e=>{var t;return{...e,...null===(t=null==c?void 0:c.data)||void 0===t?void 0:t.viewer}})),d({...hr,...null===(e=c.data)||void 0===e?void 0:e.viewer,...null===(t=h.data)||void 0===t?void 0:t.upsertUser})}),[null==c?void 0:c.data]),n((()=>{var t,r;(null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.message)&&d({...null===(r=c.data)||void 0===r?void 0:r.viewer,error:e.networkRequestMessage})}),[null==h?void 0:h.errors]),{states:{success:r,loading:(null==c?void 0:c.loading)||h.loading,submitDisabled:!1,formState:s,user:i,text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage}},callbacks:{onSubmit:e=>{var r;o(!1);const i=null===(r=e.detail)||void 0===r?void 0:r.formData;null==i||i.forEach(((e,t)=>{M.set(i,t,e)})),u({userInput:{id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,marketingEmailOptIn:Boolean(i.marketingEmailOptIn)}}),d((e=>({...e,errors:{},error:""})))},setChecked:e=>d({...s,marketingEmailOptIn:e})}}}(P(this));return t(fe,Object.assign({},e))}},pr=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",a(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=m()?function(e){const[t,r]=l(!1);return D({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,o,i,a,n,s;const[d,{loading:c,errors:u}]=F(),[h,m]=l(!1),[p,g]=l(""),[v,b]=l(!1),y=f();return{states:{open:h,loading:c,success:v,error:p||(null===(i=null===(o=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===o?void 0:o.extensions)||void 0===i?void 0:i.message)||(null===(s=null===(n=null===(a=null==u?void 0:u.response)||void 0===a?void 0:a.errors)||void 0===n?void 0:n[0])||void 0===s?void 0:s.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,o;b(!1);const i=null===(r=t.detail)||void 0===r?void 0:r.formData;if(null==i||i.forEach(((e,t)=>{M.set(i,t,e)})),!(null==y?void 0:y.jwt))return void g(e.invalidSessionErrorText);if(i.password!==i.confirmPassword)return void g(e.nonMatchingPasswordErrorText);g("");const a={password:i.password},n=await d(a);n instanceof Error||!(null===(o=n.changeManagedIdentityPassword)||void 0===o?void 0:o.success)||b(!0)}}}}(this);return t(ve,{states:e,callbacks:r})}},gr=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",a(this)}disconnectedCallback(){}render(){return t(be,Object.assign({},P(this)))}static get assetsDirs(){return["../../assets"]}},fr=class{constructor(t){e(this,t),this.ignored=!0,this.redirectPath="/resetPassword",this.emailLabel="Email",this.submitLabel="Request Password Reset",this.loginPath="/login",this.headerText="Enter your email below to receive a password reset link.",this.loginText="Sign In",this.networkErrorMessage="An error occurred while loading this page. Please refresh the page.",this.successAlertText="If an account with that email exists, a password reset email will be sent.",this.backgroundColor="var(--sqm-portal-background, #ffffff)",this.borderRadius="var(--sqm-border-radius-normal, 8px)",this.border="var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)",a(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=m()?D({states:{error:"",loading:!1,success:!1},callbacks:{submit:async()=>{}},content:{secondaryButton:t("sl-button",{type:"secondary",exportparts:"base: secondarybutton-base",disabled:!1,onClick:()=>E.push(o.loginPath)},(o=this).loginText),messageSlot:t("span",null,o.headerText),emailLabel:o.emailLabel,submitLabel:o.submitLabel,successAlertText:o.successAlertText,loginText:o.loginText,backgroundColor:o.backgroundColor,borderRadius:o.borderRadius,border:o.border}},o.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,r,o,i,a,n,s;const[d,c]=l(!1),[u,h]=l(""),[m,{loading:p,errors:g}]=_(),f=new URLSearchParams(E.location.search).get("nextPage");return{states:{loading:p,error:(null===(i=null===(o=null===(r=null===(t=null==g?void 0:g.response)||void 0===t?void 0:t.errors)||void 0===r?void 0:r[0])||void 0===o?void 0:o.extensions)||void 0===i?void 0:i.message)||(null===(s=null===(n=null===(a=null==g?void 0:g.response)||void 0===a?void 0:a.errors)||void 0===n?void 0:n[0])||void 0===s?void 0:s.message)||u,success:d,loginPath:e.loginPath,headerText:e.headerText,loginText:e.loginText},callbacks:{submit:async t=>{var r;h(""),c(!1);let o=t.detail.formData;null==o||o.forEach(((e,t)=>{M.set(o,t,e)}));const i={email:o.email,urlParams:f?{nextPage:f}:null,redirectPath:e.redirectPath},a=await m(i);a instanceof Error?a.message&&h(e.networkErrorMessage):(null===(r=a.requestManagedIdentityPasswordResetEmail)||void 0===r?void 0:r.success)&&c(!0)}}}}(this);var o;const i={messageSlot:t("slot",{name:"messageSlot"},this.headerText),emailLabel:this.emailLabel,submitLabel:this.submitLabel,successAlertText:this.successAlertText,loginText:this.loginText,backgroundColor:this.backgroundColor,borderRadius:this.borderRadius,border:this.border};return t(ye,{states:e,callbacks:r,content:i})}},vr=class{constructor(t){e(this,t),this.ignored=!0,this.notFullScreen=!1,this.backgroundColor="var(--sqm-portal-background, #fff)",this.border="var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)",this.headerAndFooterBackgroundColor="var(--sqm-portal-background, #fff)",a(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"footer"}),r=t("slot",{name:"header"}),o=m()?function(e,r,o){return D({notFullScreen:!0,backgroundColor:o.backgroundColor,headerAndFooterBackgroundColor:o.headerAndFooterBackgroundColor,border:o.border,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:()=>{}}},o.demoData||{},{arrayMerge:(e,t)=>t})}(e,r,this):function(e,t,r){const[,o]=C();return{data:{footer:e,header:t},callbacks:{rerender:o},backgroundColor:r.backgroundColor,border:r.border,headerAndFooterBackgroundColor:r.headerAndFooterBackgroundColor}}(e,r,this);return t(xe,Object.assign({},o),t("slot",null))}},br=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?",a(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=m()?D({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}):Z(this),o=B({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),i={forgotPasswordButton:t("slot",{name:"forgotPassword"},t("a",{onClick:()=>E.push(e.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:t("slot",{name:"secondaryButton"},t("style",null,o),t("sl-button",{exportparts:"base: secondarybutton-base",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:i})}},yr=class{constructor(t){e(this,t),this.ignored=!1,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",a(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r,refs:o}=m()?D({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,o,i,a,s,l,c,u;const h=d(null),{registrationFormState:m,setRegistrationFormState:p}=H({}),[g,{loading:f,errors:v}]=I();n((()=>{if(!h.current)return;const e=h.current;return e.addEventListener("sl-input",b),()=>{e.removeEventListener("sl-input",b)}}),[h.current]);const b=w((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 o=new X("US");e.target.value=o.input(e.target.value)}),[]);let y="";return y=(null===(t=null==v?void 0:v.response)||void 0===t?void 0:t.error)||(null==v?void 0:v.message)&&!(null===(r=null==v?void 0:v.response)||void 0===r?void 0:r.errors.length)?e.networkErrorMessage:(null===(s=null===(a=null===(i=null===(o=null==v?void 0:v.response)||void 0===o?void 0:o.errors)||void 0===i?void 0:i[0])||void 0===a?void 0:a.extensions)||void 0===s?void 0:s.message)||(null===(u=null===(c=null===(l=null==v?void 0:v.response)||void 0===l?void 0:l.errors)||void 0===c?void 0:c[0])||void 0===u?void 0:u.message)||(null==m?void 0:m.error),{states:{loading:f,error:y,registrationFormState:m,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:async t=>{var r;let o=t.target.getFormControls(),i={},a={};if(null==o||o.forEach((t=>{if(!t.name)return;const r=t.name,o=t.value;if(M.set(i,r,o),t.required&&!o&&M.set(a,r,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:r,value:o});e&&M.set(a,r,e)}})),(e.confirmPassword||i.confirmPassword)&&i.password!==i.confirmPassword&&(a={...a,confirmPassword:e.passwordMismatchErrorMessage}),Object.keys(a).length)return void p({loading:!1,error:"",validationErrors:a});p({loading:!0,error:"",validationErrors:{}});const{email:n,password:s}=i;delete i.email,delete i.password,delete i.confirmPassword,i={...i};const l={email:n,password:s,formData:i,redirectPath:e.redirectPath};try{const t=await g(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 a={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(we,{states:e,callbacks:r,content:a,refs:o})}};function xr(e,r){const o=B({Container:{color:e.textColor||"var(--sqm-text)",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"}}}),i=o.toString();return t("div",{class:o.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},i,"\n ::slotted(*){\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n ::slotted(*){\n display: block;\n }\n }"),t("div",{class:o.classes.Header},t("div",{class:o.classes.Header,part:"sqm-header"},e.header)),t("div",{class:o.classes.Grid,part:"sqm-grid-container"},r))}const wr=class{constructor(t){e(this,t),this.ignored=!0,a(this)}disconnectedCallback(){}render(){return t(xr,Object.assign({},P(this)),t("slot",null))}};function kr(e){const r=B({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",borderRadius:e.borderRadius?`${e.borderRadius}px`:"var(--sqm-border-radius-normal)",color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||"var(--sqm-accent-color-background)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{color:e.textColor||"var(--sqm-text)",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:{color:e.textColor||"var(--sqm-text)",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:e.iconBackgroundColor||"var(--sl-color-white)",color:e.iconColor||"var(--sqm-accent-color-icon)",fontSize:"26px",textAlign:"center",lineHeight:"72px",display:"flex",alignItems:"center",justifyContent:"center"}}),o=r.toString();return t("div",{class:r.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},o),t("div",null,e.imageUrl?t("img",{class:`${r.classes.Media} lazyload`,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 Cr=class{constructor(t){e(this,t),a(this)}disconnectedCallback(){}render(){return t(kr,Object.assign({},P(this)))}},Er=u("sq:useProgramMenu"),Fr=class{constructor(t){e(this,t),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const{data:e,ref:o}=function(e){const t=v(),r=p();Er({programId:t,props:e});const o=d(),[,i]=C();return n((()=>{var e;null===(e=o.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}))}))}),[o.current]),{data:{programId:t},callbacks:{rerender:i},ref:o}}(P(this));return t(r,{style:{display:"contents"}},t("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:e.programId,ref:e=>o.current=e},t("slot",null)))}};function _r(e){const r=B({Container:{borderRadius:e.borderRadius||"var(--sqm-border-radius-normal)",color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||"var(--sqm-portal-background)",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"}}}),o=r.toString();return t("div",{part:"sqm-base",class:r.classes.Container,style:{border:e.hideBorder?"none":`var(--sqm-border-thickness) solid ${e.borderColor||"var(--sqm-border-color)"}`,"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"},o,"\n :host{\n display: block; \n }\n "),e.hasHeader&&t("div",{class:r.classes.EndContainer},e.slots.header),t("div",{part:"sqm-column-container",class:r.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&t("div",{class:r.classes.EndContainer},e.slots.footer))}const Ir=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.limitWidth=!1,a(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=z(),o=r.findIndex((e=>"header"===e.slot))>-1,i=r.findIndex((e=>"footer"===e.slot))>-1;return t(_r,Object.assign({},P(this),{slots:e,hasHeader:o,hasFooter:i}),t("slot",null))}},Sr=g.gql`
187
+ `,hr={marketingEmailOptIn:!1,errors:{},error:""},mr=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.",a(this)}disconnectedCallback(){}render(){const e=m()?function(e){return D({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})}(P(this)):function(e){const t=f(),[r,o]=l(!1),[i,a]=l(void 0),[s,d]=l(hr),c=y(cr,{},!(null==t?void 0:t.jwt)),[u,h]=b(ur);return n((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?d((e=>{var t,r,o;return{...e,error:null===(o=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===o?void 0:o[0].message}})):(a((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)&&o(!0)))}),[null==h?void 0:h.loading]),n((()=>{var e,t;a((e=>{var t;return{...e,...null===(t=null==c?void 0:c.data)||void 0===t?void 0:t.viewer}})),d({...hr,...null===(e=c.data)||void 0===e?void 0:e.viewer,...null===(t=h.data)||void 0===t?void 0:t.upsertUser})}),[null==c?void 0:c.data]),n((()=>{var t,r;(null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.message)&&d({...null===(r=c.data)||void 0===r?void 0:r.viewer,error:e.networkRequestMessage})}),[null==h?void 0:h.errors]),{states:{success:r,loading:(null==c?void 0:c.loading)||h.loading,submitDisabled:!1,formState:s,user:i,text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage}},callbacks:{onSubmit:e=>{var r;o(!1);const i=null===(r=e.detail)||void 0===r?void 0:r.formData;null==i||i.forEach(((e,t)=>{M.set(i,t,e)})),u({userInput:{id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,marketingEmailOptIn:Boolean(i.marketingEmailOptIn)}}),d((e=>({...e,errors:{},error:""})))},setChecked:e=>d({...s,marketingEmailOptIn:e})}}}(P(this));return t(fe,Object.assign({},e))}},pr=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",a(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=m()?function(e){const[t,r]=l(!1);return D({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,o,i,a,n,s;const[d,{loading:c,errors:u}]=F(),[h,m]=l(!1),[p,g]=l(""),[v,b]=l(!1),y=f();return{states:{open:h,loading:c,success:v,error:p||(null===(i=null===(o=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===o?void 0:o.extensions)||void 0===i?void 0:i.message)||(null===(s=null===(n=null===(a=null==u?void 0:u.response)||void 0===a?void 0:a.errors)||void 0===n?void 0:n[0])||void 0===s?void 0:s.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,o;b(!1);const i=null===(r=t.detail)||void 0===r?void 0:r.formData;if(null==i||i.forEach(((e,t)=>{M.set(i,t,e)})),!(null==y?void 0:y.jwt))return void g(e.invalidSessionErrorText);if(i.password!==i.confirmPassword)return void g(e.nonMatchingPasswordErrorText);g("");const a={password:i.password},n=await d(a);n instanceof Error||!(null===(o=n.changeManagedIdentityPassword)||void 0===o?void 0:o.success)||b(!0)}}}}(this);return t(ve,{states:e,callbacks:r})}},gr=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",a(this)}disconnectedCallback(){}render(){return t(be,Object.assign({},P(this)))}static get assetsDirs(){return["../../assets"]}},fr=class{constructor(t){e(this,t),this.ignored=!0,this.redirectPath="/resetPassword",this.emailLabel="Email",this.submitLabel="Request Password Reset",this.loginPath="/login",this.headerText="Enter your email below to receive a password reset link.",this.loginText="Sign In",this.networkErrorMessage="An error occurred while loading this page. Please refresh the page.",this.successAlertText="If an account with that email exists, a password reset email will be sent.",this.backgroundColor="var(--sqm-portal-background, #ffffff)",this.borderRadius="var(--sqm-border-radius-normal, 8px)",this.border="var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)",a(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=m()?D({states:{error:"",loading:!1,success:!1},callbacks:{submit:async()=>{}},content:{secondaryButton:t("sl-button",{type:"secondary",exportparts:"base: secondarybutton-base",disabled:!1,onClick:()=>E.push(o.loginPath)},(o=this).loginText),messageSlot:t("span",null,o.headerText),emailLabel:o.emailLabel,submitLabel:o.submitLabel,successAlertText:o.successAlertText,loginText:o.loginText,backgroundColor:o.backgroundColor,borderRadius:o.borderRadius,border:o.border}},o.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,r,o,i,a,n,s;const[d,c]=l(!1),[u,h]=l(""),[m,{loading:p,errors:g}]=_(),f=new URLSearchParams(E.location.search).get("nextPage");return{states:{loading:p,error:(null===(i=null===(o=null===(r=null===(t=null==g?void 0:g.response)||void 0===t?void 0:t.errors)||void 0===r?void 0:r[0])||void 0===o?void 0:o.extensions)||void 0===i?void 0:i.message)||(null===(s=null===(n=null===(a=null==g?void 0:g.response)||void 0===a?void 0:a.errors)||void 0===n?void 0:n[0])||void 0===s?void 0:s.message)||u,success:d,loginPath:e.loginPath,headerText:e.headerText,loginText:e.loginText},callbacks:{submit:async t=>{var r;h(""),c(!1);let o=t.detail.formData;null==o||o.forEach(((e,t)=>{M.set(o,t,e)}));const i={email:o.email,urlParams:f?{nextPage:f}:null,redirectPath:e.redirectPath},a=await m(i);a instanceof Error?a.message&&h(e.networkErrorMessage):(null===(r=a.requestManagedIdentityPasswordResetEmail)||void 0===r?void 0:r.success)&&c(!0)}}}}(this);var o;const i={messageSlot:t("slot",{name:"messageSlot"},this.headerText),emailLabel:this.emailLabel,submitLabel:this.submitLabel,successAlertText:this.successAlertText,loginText:this.loginText,backgroundColor:this.backgroundColor,borderRadius:this.borderRadius,border:this.border};return t(ye,{states:e,callbacks:r,content:i})}},vr=class{constructor(t){e(this,t),this.ignored=!0,this.notFullScreen=!1,this.backgroundColor="var(--sqm-portal-background, #fff)",this.border="var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)",this.headerAndFooterBackgroundColor="var(--sqm-portal-background, #fff)",a(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"footer"}),r=t("slot",{name:"header"}),o=m()?function(e,r,o){return D({notFullScreen:!0,backgroundColor:o.backgroundColor,headerAndFooterBackgroundColor:o.headerAndFooterBackgroundColor,border:o.border,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:()=>{}}},o.demoData||{},{arrayMerge:(e,t)=>t})}(e,r,this):function(e,t,r){const[,o]=C();return{data:{footer:e,header:t},callbacks:{rerender:o},backgroundColor:r.backgroundColor,border:r.border,headerAndFooterBackgroundColor:r.headerAndFooterBackgroundColor}}(e,r,this);return t(xe,Object.assign({},o),t("slot",null))}},br=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?",a(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=m()?D({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}):Z(this),o=B({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),i={forgotPasswordButton:t("slot",{name:"forgotPassword"},t("a",{onClick:()=>E.push(e.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:t("slot",{name:"secondaryButton"},t("style",null,o),t("sl-button",{exportparts:"base: secondarybutton-base",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:i})}},yr=class{constructor(t){e(this,t),this.ignored=!1,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",a(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r,refs:o}=m()?D({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,o,i,a,s,l,c,u;const h=d(null),{registrationFormState:m,setRegistrationFormState:p}=H({}),[g,{loading:f,errors:v}]=I();n((()=>{if(!h.current)return;const e=h.current;return e.addEventListener("sl-input",b),()=>{e.removeEventListener("sl-input",b)}}),[h.current]);const b=w((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 o=new X("US");e.target.value=o.input(e.target.value)}),[]);let y="";return y=(null===(t=null==v?void 0:v.response)||void 0===t?void 0:t.error)||(null==v?void 0:v.message)&&!(null===(r=null==v?void 0:v.response)||void 0===r?void 0:r.errors.length)?e.networkErrorMessage:(null===(s=null===(a=null===(i=null===(o=null==v?void 0:v.response)||void 0===o?void 0:o.errors)||void 0===i?void 0:i[0])||void 0===a?void 0:a.extensions)||void 0===s?void 0:s.message)||(null===(u=null===(c=null===(l=null==v?void 0:v.response)||void 0===l?void 0:l.errors)||void 0===c?void 0:c[0])||void 0===u?void 0:u.message)||(null==m?void 0:m.error),{states:{loading:f,error:y,registrationFormState:m,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:async t=>{var r;let o=t.target.getFormControls(),i={},a={};if(null==o||o.forEach((t=>{if(!t.name)return;const r=t.name,o=t.value;if(M.set(i,r,o),t.required&&!o&&M.set(a,r,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:r,value:o});e&&M.set(a,r,e)}})),(e.confirmPassword||i.confirmPassword)&&i.password!==i.confirmPassword&&(a={...a,confirmPassword:e.passwordMismatchErrorMessage}),Object.keys(a).length)return void p({loading:!1,error:"",validationErrors:a});p({loading:!0,error:"",validationErrors:{}});const{email:n,password:s}=i;delete i.email,delete i.password,delete i.confirmPassword,i={...i};const l={email:n,password:s,formData:i,redirectPath:e.redirectPath};try{const t=await g(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 a={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(we,{states:e,callbacks:r,content:a,refs:o})}};function xr(e,r){const o=B({Container:{color:e.textColor||"var(--sqm-text)",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"}}}),i=o.toString();return t("div",{class:o.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},i,"\n ::slotted(*){\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n ::slotted(*){\n display: block;\n }\n }"),t("div",{class:o.classes.Header},t("div",{class:o.classes.Header,part:"sqm-header"},e.header)),t("div",{class:o.classes.Grid,part:"sqm-grid-container"},r))}const wr=class{constructor(t){e(this,t),this.ignored=!0,a(this)}disconnectedCallback(){}render(){return t(xr,Object.assign({},P(this)),t("slot",null))}};function kr(e){const r=B({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",borderRadius:e.borderRadius?`${e.borderRadius}px`:"var(--sqm-border-radius-normal)",color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||"var(--sqm-accent-color-background)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{color:e.textColor||"var(--sqm-text)",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:{color:e.textColor||"var(--sqm-text)",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:e.iconBackgroundColor||"var(--sl-color-white)",color:e.iconColor||"var(--sqm-accent-color-icon)",fontSize:"26px",textAlign:"center",lineHeight:"72px",display:"flex",alignItems:"center",justifyContent:"center"}}),o=r.toString();return t("div",{class:r.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},o),t("div",null,e.imageUrl?t("img",{class:`${r.classes.Media} lazyload`,"data-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 Cr=class{constructor(t){e(this,t),a(this)}disconnectedCallback(){}render(){return t(kr,Object.assign({},P(this)))}},Er=u("sq:useProgramMenu"),Fr=class{constructor(t){e(this,t),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const{data:e,ref:o}=function(e){const t=v(),r=p();Er({programId:t,props:e});const o=d(),[,i]=C();return n((()=>{var e;null===(e=o.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}))}))}),[o.current]),{data:{programId:t},callbacks:{rerender:i},ref:o}}(P(this));return t(r,{style:{display:"contents"}},t("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:e.programId,ref:e=>o.current=e},t("slot",null)))}};function _r(e){const r=B({Container:{borderRadius:e.borderRadius||"var(--sqm-border-radius-normal)",color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||"var(--sqm-portal-background)",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"}}}),o=r.toString();return t("div",{part:"sqm-base",class:r.classes.Container,style:{border:e.hideBorder?"none":`var(--sqm-border-thickness) solid ${e.borderColor||"var(--sqm-border-color)"}`,"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"},o,"\n :host{\n display: block; \n }\n "),e.hasHeader&&t("div",{class:r.classes.EndContainer},e.slots.header),t("div",{part:"sqm-column-container",class:r.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&t("div",{class:r.classes.EndContainer},e.slots.footer))}const Ir=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.limitWidth=!1,a(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=z(),o=r.findIndex((e=>"header"===e.slot))>-1,i=r.findIndex((e=>"footer"===e.slot))>-1;return t(_r,Object.assign({},P(this),{slots:e,hasHeader:o,hasFooter:i}),t("slot",null))}},Sr=g.gql`
188
188
  query getUser($programId: ID) {
189
189
  viewer {
190
190
  ... on User {
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": "2.0.4-4",
4
+ "version": "2.0.4-5",
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",
package/dist/mint-components/p-706d3280.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as s,h as t,c as i}from"./p-11baaa35.js";import{n as r}from"./p-3d8bfe04.js";const o=class{constructor(t){s(this,t),this.logoTextSize=32,this.logoTextColor="var(--sqm-primary-color, var(--sqm-text, #555555))",this.nextPage="/",this.height=60,r(this)}disconnectedCallback(){}render(){return t(i,null,t("a",{href:this.nextPage,part:"sqm-link",style:{textDecoration:"none"}},this.imageUrl?t("img",{class:"lazyload",style:{height:`${null==this?void 0:this.height}px`},src:null==this?void 0:this.imageUrl}):t("h3",{style:{fontSize:`${this.logoTextSize}px`,color:this.logoTextColor}},this.logoText)))}};export{o as sqm_header_logo}
package/dist/mint-components/p-98180f03.entry.js DELETED
@@ -1 +0,0 @@
1
- import{h as t,r as e,c as s}from"./p-11baaa35.js";import{a as n}from"./p-fe1d2b10.js";import{n as a}from"./p-3d8bfe04.js";import"./p-839e8ed8.js";import{g as i}from"./p-9ec99ced.js";import"./p-cef45012.js";import{P as r,a as o}from"./p-997ed597.js";function l(e){const{emptyStateHeader:s,emptyStateImage:a,emptyStateText:i,supportText:r,missingFeature:o=""}=e;return t("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},t("img",{class:"lazyload",style:{height:"100px",margin:"auto"},src:a}),t("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},t("sqm-text",{slot:"label"},t("p",{part:"header-text"},s)),t("sqm-text",{slot:"content"},t("p",{part:"description-text"},n.formatMessage({id:"emptyStateText",defaultMessage:i},{supportText:t("a",{target:"_blank",href:`mailto:saasquatch-support@impact.com?subject=Next steps for ${o} feature&body=Hi Support Team, %0D%0A\n %0D%0A \n I am interested to learn more about the ${o} feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n %0D%0A \n - Feature Interested In: ${o}%0D%0A\n - Company Name: [Please fill out your company name here]%0D%0A\n %0D%0A\n Thank you`},r)})))))}const m=class{constructor(t){e(this,t),this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}render(){return t(s,{slot:"empty"},t(l,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))}},h=class{constructor(t){e(this,t),this.ignored=!0,this.direction="column",this.gap="xxx-large",this.display="grid",this.maxWidth="100%",this.flexWrap="wrap",a(this)}disconnectedCallback(){}render(){return t(r,Object.assign({},i(this)),t("slot",null))}},p=class{constructor(t){e(this,t),this.ignored=!0,a(this)}disconnectedCallback(){}componentWillLoad(){}render(){return t("div",null,t("style",null,`\n sqm-text {\n display: block;\n color: ${this.textColor||"var(--sqm-text)"};\n }\n\n sqm-text h1 {\n font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-xxx-large)"};\n font-weight: var(--sl-font-weight-semibold);\n color: ${this.textColor||"var(--sqm-text)"};\n margin: 0;\n }\n\n sqm-text h2 {\n font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-xx-large)"};\n font-weight: var(--sl-font-weight-semibold);\n color: ${this.textColor||"var(--sqm-text)"};\n margin: 0;\n }\n\n sqm-text h3 {\n font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-x-large)"};\n font-weight: var(--sl-font-weight-semibold);\n color: ${this.textColor||"var(--sqm-text)"};\n margin: 0;\n }\n\n sqm-text h4 {\n font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-large)"};\n font-weight: var(--sl-font-weight-bold);\n color: ${this.textColor||"var(--sqm-text)"};\n margin: 0;\n }\n\n sqm-text p {\n font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-medium)"};\n font-weight: var(--sl-font-weight-normal);\n color: ${this.textColor||"var(--sqm-text)"};\n margin: 0;\n }\n\n sqm-text sub {\n font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-small)"};\n font-weight: var(--sl-font-weight-normal);\n color: ${this.textColor||"var(--sqm-text)"};\n margin: 0;\n }\n `),t("slot",null))}},c=class{constructor(t){e(this,t),this.textAlign="left",this.labelMargin="small",this.padding="none",a(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"label"},this.label),s=t("slot",{name:"content"});return t(o,Object.assign({},{...i(this),label:e,content:s}))}};export{m as sqm_empty,h as sqm_portal_container,p as sqm_text,c as sqm_titled_section}
package/dist/mint-components/p-d3537ade.system.entry.js DELETED
@@ -1 +0,0 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,s=arguments.length;n<s;n++){e=arguments[n];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))t[i]=e[i]}return t};return __assign.apply(this,arguments)};System.register(["./p-ba58e32f.system.js","./p-d1c240f8.system.js","./p-e80ea2e7.system.js","./p-8da4bf12.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-4d4e6b1c.system.js"],(function(t){"use strict";var e,n,s,i,o,a,r,l;return{setters:[function(t){e=t.h;n=t.r;s=t.c},function(t){i=t.a},function(t){o=t.n},function(){},function(t){a=t.g},function(){},function(t){r=t.P;l=t.a}],execute:function(){function m(t){var n=t.emptyStateHeader,s=t.emptyStateImage,o=t.emptyStateText,a=t.supportText,r=t.missingFeature,l=r===void 0?"":r;return e("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},e("img",{class:"lazyload",style:{height:"100px",margin:"auto"},src:s}),e("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},e("sqm-text",{slot:"label"},e("p",{part:"header-text"},n)),e("sqm-text",{slot:"content"},e("p",{part:"description-text"},i.formatMessage({id:"emptyStateText",defaultMessage:o},{supportText:e("a",{target:"_blank",href:"mailto:saasquatch-support@impact.com?subject=Next steps for "+l+" feature&body=Hi Support Team, %0D%0A\n %0D%0A \n I am interested to learn more about the "+l+" feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n %0D%0A \n - Feature Interested In: "+l+"%0D%0A\n - Company Name: [Please fill out your company name here]%0D%0A\n %0D%0A\n Thank you"},a)})))))}var p=t("sqm_empty",function(){function t(t){n(this,t);this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}t.prototype.render=function(){return e(s,{slot:"empty"},e(m,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))};return t}());var c=t("sqm_portal_container",function(){function t(t){n(this,t);this.ignored=true;this.direction="column";this.gap="xxx-large";this.display="grid";this.maxWidth="100%";this.flexWrap="wrap";o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return e(r,Object.assign({},a(this)),e("slot",null))};return t}());var f=t("sqm_text",function(){function t(t){n(this,t);this.ignored=true;o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.componentWillLoad=function(){};t.prototype.render=function(){var t="\n sqm-text {\n display: block;\n color: "+(this.textColor||"var(--sqm-text)")+";\n }\n\n sqm-text h1 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xxx-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h2 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xx-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h3 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-x-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h4 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-large)")+";\n font-weight: var(--sl-font-weight-bold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text p {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-medium)")+";\n font-weight: var(--sl-font-weight-normal);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text sub {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-small)")+";\n font-weight: var(--sl-font-weight-normal);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n ";return e("div",null,e("style",null,t),e("slot",null))};return t}());var h=t("sqm_titled_section",function(){function t(t){n(this,t);this.textAlign="left";this.labelMargin="small";this.padding="none";o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=e("slot",{name:"label"},this.label);var n=e("slot",{name:"content"});return e(l,Object.assign({},__assign(__assign({},a(this)),{label:t,content:n})))};return t}())}}}));