@saasquatch/mint-components 1.16.0-11 → 1.16.0-13

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 (25) hide show
  1. package/dist/cjs/sqm-banking-info-form_17.cjs.entry.js +1 -1
  2. package/dist/cjs/sqm-big-stat_43.cjs.entry.js +31 -9
  3. package/dist/cjs/{usePayoutStatus-c84a7d98.js → usePayoutStatus-79b5577f.js} +11 -0
  4. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js +30 -8
  5. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js +1 -1
  6. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js +11 -0
  7. package/dist/esm/sqm-banking-info-form_17.entry.js +1 -1
  8. package/dist/esm/sqm-big-stat_43.entry.js +31 -9
  9. package/dist/esm/{usePayoutStatus-f07bcf90.js → usePayoutStatus-6ae7fc44.js} +11 -0
  10. package/dist/esm-es5/sqm-banking-info-form_17.entry.js +1 -1
  11. package/dist/esm-es5/sqm-big-stat_43.entry.js +1 -1
  12. package/dist/esm-es5/{usePayoutStatus-f07bcf90.js → usePayoutStatus-6ae7fc44.js} +2 -2
  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-d8ea88f9.entry.js → p-68fe3aba.entry.js} +7 -7
  16. package/dist/mint-components/{p-960e1269.system.entry.js → p-aa7a6a5c.system.entry.js} +1 -1
  17. package/dist/mint-components/{p-6bb25c02.js → p-dbdef054.js} +9 -3
  18. package/dist/mint-components/{p-0c9debc1.system.js → p-dd883bbb.system.js} +2 -2
  19. package/dist/mint-components/{p-dbcc9aa0.entry.js → p-e505f4bb.entry.js} +1 -1
  20. package/dist/mint-components/p-f176e33c.system.entry.js +1 -0
  21. package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.d.ts +2 -1
  22. package/dist/types/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.d.ts +7 -0
  23. package/docs/docs.docx +0 -0
  24. package/package.json +1 -1
  25. package/dist/mint-components/p-1870ab08.system.entry.js +0 -1
@@ -1,4 +1,4 @@
1
- import{r as t,h as e,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 S,k as R}from"./p-94a876b9.js";import{j as _}from"./p-e7e129ac.js";import{c as T}from"./p-c1086930.js";import{g as N,a as q}from"./p-9ec99ced.js";import{c as M}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,L as $,u as j}from"./p-f98a4354.js";import{P as U}from"./p-dbcb5359.js";import{u as B}from"./p-4e526a94.js";import{A as z}from"./p-121cdc60.js";import{i as H}from"./p-8c23d1b8.js";import{b as W,W as G,B as Y,U as K,J as Z,i as Q,K as X,D as J,E as tt,H as et,I as rt,Q as st,O as at,X as it,L as nt,N as ot,C as lt,d as ct,h as dt,P as ut,e as ht,R as mt,Y as pt,j as vt,a as gt,S as ft,u as bt,c as yt,T as xt}from"./p-c1b074b6.js";import"./p-a9f4ddb1.js";import{u as wt}from"./p-6bb25c02.js";const kt=class{constructor(e){t(this,e),this.flexReverse=!1,this.ignored=!0,s(this)}disconnectedCallback(){}render(){var t;const{props:r,label:s}=h()?W(this):G(this),a=!!(null===(t=m().innerHTML)||void 0===t?void 0:t.trim()),i=e("slot",{name:"label"},a?e("slot",null):s);return e(Y,Object.assign({},r,{labelSlot:i}))}},Et=class{constructor(e){t(this,e),s(this)}disconnectedCallback(){}render(){var t,s;const i=null!==(t=function(t){if(t)try{return K(t)}catch{}}(this.brandColor))&&void 0!==t?t:"",n=(null!==(s=this.brandFont)&&void 0!==s?s:"Nunito Sans").trim()||void 0;a((()=>{if(!n)return;const t=document.createElement("link");return t.setAttribute("href",function(...t){return`https://fonts.googleapis.com/css2?${t.map((t=>`family=${encodeURIComponent(t)}`)).join("&")}`}(n)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[n]);const o=null!=n?n:"";return e(r,null,e("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 }`),e("slot",null))}},Ct=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,s(this)}disconnectedCallback(){}render(){return e(Z,Object.assign({},N(this)),e("slot",null))}};function It(t){var e;const r=i(F),[s,o]=n(!1);return a((()=>{var e,s;(null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName])&&o(!!(null===(s=null==r?void 0:r.initialData)||void 0===s?void 0:s[t.checkboxName]))}),[null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:r,checked:s},callbacks:{setChecked:o}}}const St=class{constructor(e){t(this,e),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 t=q([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&t)return e(V,{missingProps:t,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={...N(this)},{states:s,callbacks:a}=h()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):It(this);return e(Q,{states:s,content:r,callbacks:a})}},Rt=p.gql`
1
+ import{r as t,h as e,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 S,k as R}from"./p-94a876b9.js";import{j as _}from"./p-e7e129ac.js";import{c as T}from"./p-c1086930.js";import{g as N,a as q}from"./p-9ec99ced.js";import{c as M}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,L as $,u as j}from"./p-f98a4354.js";import{P as U}from"./p-dbcb5359.js";import{u as B}from"./p-4e526a94.js";import{A as H}from"./p-121cdc60.js";import{i as z}from"./p-8c23d1b8.js";import{b as W,W as G,B as Y,U as K,J as Z,i as Q,K as X,D as J,E as tt,H as et,I as rt,Q as st,O as at,X as it,L as nt,N as ot,C as lt,d as ct,h as dt,P as ut,e as ht,R as mt,Y as pt,j as vt,a as gt,S as ft,u as bt,c as yt,T as xt}from"./p-c1b074b6.js";import"./p-a9f4ddb1.js";import{u as wt}from"./p-dbdef054.js";const kt=class{constructor(e){t(this,e),this.flexReverse=!1,this.ignored=!0,s(this)}disconnectedCallback(){}render(){var t;const{props:r,label:s}=h()?W(this):G(this),a=!!(null===(t=m().innerHTML)||void 0===t?void 0:t.trim()),i=e("slot",{name:"label"},a?e("slot",null):s);return e(Y,Object.assign({},r,{labelSlot:i}))}},Et=class{constructor(e){t(this,e),s(this)}disconnectedCallback(){}render(){var t,s;const i=null!==(t=function(t){if(t)try{return K(t)}catch{}}(this.brandColor))&&void 0!==t?t:"",n=(null!==(s=this.brandFont)&&void 0!==s?s:"Nunito Sans").trim()||void 0;a((()=>{if(!n)return;const t=document.createElement("link");return t.setAttribute("href",function(...t){return`https://fonts.googleapis.com/css2?${t.map((t=>`family=${encodeURIComponent(t)}`)).join("&")}`}(n)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[n]);const o=null!=n?n:"";return e(r,null,e("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 }`),e("slot",null))}},Ct=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,s(this)}disconnectedCallback(){}render(){return e(Z,Object.assign({},N(this)),e("slot",null))}};function It(t){var e;const r=i(F),[s,o]=n(!1);return a((()=>{var e,s;(null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName])&&o(!!(null===(s=null==r?void 0:r.initialData)||void 0===s?void 0:s[t.checkboxName]))}),[null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:r,checked:s},callbacks:{setChecked:o}}}const St=class{constructor(e){t(this,e),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 t=q([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&t)return e(V,{missingProps:t,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={...N(this)},{states:s,callbacks:a}=h()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):It(this);return e(Q,{states:s,content:r,callbacks:a})}},Rt=p.gql`
2
2
  query fuelTankRewardsQuery($programId: ID!) {
3
3
  user: viewer {
4
4
  ... on User {
@@ -59,7 +59,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
59
59
  lastName
60
60
  }
61
61
  }
62
- `,Dt={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Pt=class{constructor(e){t(this,e),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 t=h()?function(t){return T({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:t.editprofileheader?t.editprofileheader:"Edit Profile",editprofiletext:t.editprofiletext?t.editprofiletext:"Update your profile.",firstnametext:t.firstnametext?t.firstnametext:"First Name",lastnametext:t.lastnametext?t.lastnametext:"Last Name",canceltext:t.canceltext?t.canceltext:"Cancel",updatetext:t.updatetext?t.updatetext:"Update",currentregiontext:t.currentregiontext?t.currentregiontext:"Region",showregion:!0,fieldEmptyText:t.fieldEmptyText}},callbacks:{onSubmit:t=>{console.log(t)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:t=>{console.log(t)}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(N(this)):function(t){const e=v(),[r,s]=n(!1),[i,o]=n(""),[l,c]=n(void 0),[d,h]=n(Dt),m=b(At,{},!(null==e?void 0:e.jwt)),[p,g]=f(Lt);return a((()=>{!(null==g?void 0:g.loading)&&r&&((null==g?void 0:g.errors)?h((t=>{var e,r,s;return{...t,error:null===(s=null===(r=null===(e=null==g?void 0:g.errors)||void 0===e?void 0:e.response)||void 0===r?void 0:r.errors)||void 0===s?void 0:s[0].message}})):(c((t=>{var e;return{...t,...null===(e=null==g?void 0:g.data)||void 0===e?void 0:e.upsertUser}})),s(!1)))}),[null==g?void 0:g.loading]),a((()=>{c((t=>{var e;return{...t,...null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer}}))}),[null==m?void 0:m.data]),a((()=>{var e;(null===(e=null==g?void 0:g.errors)||void 0===e?void 0:e.message)&&h((e=>({...e,error:t.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:t.editprofileheader,editprofiletext:t.editprofiletext,firstnametext:t.firstnametext,lastnametext:t.lastnametext,canceltext:t.canceltext,updatetext:t.updatetext,currentregiontext:t.currentregiontext,showregion:t.showregion,fieldEmptyText:t.fieldEmptyText}},callbacks:{onSubmit:()=>{if(d.firstName&&d.lastName)return p({id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,firstName:d.firstName,lastName:d.lastName}),void h((t=>({...t,errors:{}})));const r={};d.firstName||(r.firstName={message:t.fieldEmptyText}),d.lastName||(r.lastName={message:t.fieldEmptyText}),H(r)||h((e=>({...e,error:t.formErrorText}))),h((t=>({...t,errors:r})))},resetForm:()=>{var t,e,r,s,a,i;const n=(null===(e=null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer)||void 0===e?void 0:e.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({...Dt,...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:t=>{const{name:e,value:r}=t.target;h((t=>({...t,[e]:r})))},setShowEdit:s}}}(N(this));return e(tt,Object.assign({},t))}};Pt.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 Ft=class{constructor(e){t(this,e),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",s(this)}disconnectedCallback(){}render(){const t={states:{...N(this)},content:{primaryColumn:e("slot",null),secondaryColumn:e("slot",{name:"secondary-column"})}};return e(et,Object.assign({},t))}};function Ot(t,r){const s=Boolean((t.header||t.description||t.buttonText)&&"overlay"===t.layout),a=M({Container:{position:"relative","&:before":{content:s?'""':"",width:"100%",height:"100%",position:"absolute",background:t.overlayColor||"var(--sl-color-primary-900)",opacity:t.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${t.imageUrl})`,backgroundSize:"cover",backgroundPosition:t.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+t.paddingText+") + var(--sl-spacing-"+t.paddingImage+"))",textAlign:"center",color:t.textColor||"var(--sl-color-neutral-0)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+t.paddingText+")"}},Column:{display:"flex",background:t.backgroundColor||"",flexDirection:"right"===t.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)","& .image-area":{width:t.imagePercentage?t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:t.imagePercentage?100-t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+t.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===t.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 e("div",{class:a.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},"\n :host{\n display: block;\n }",i),"overlay"===t.layout&&e("div",{class:a.classes.Background},e("div",{class:a.classes.Overlay,part:"sqm-overlay"},t.header&&e("div",{class:a.classes.Header},t.header),t.description&&e("div",{class:a.classes.Description},t.description),t.buttonText&&e("sl-button",{class:a.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText),r&&r)),"columns"===t.layout&&e("div",null,e("div",{class:a.classes.Column},e("div",{class:"image-area"},e("img",{class:a.classes.Image,src:t.imageUrl,part:"sqm-columns-image"})),e("div",{class:"text-area",part:"sqm-columns-text-area"},t.header&&e("div",{class:a.classes.Header,part:"sqm-columns-header"},t.header),t.description&&e("div",{class:a.classes.Description,part:"sqm-columns-description"},t.description),t.buttonText&&e("sl-button",{exportparts:"base: sqm-hero-image-button",class:a.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText)))))}const Vt=class{constructor(e){t(this,e),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 e(Ot,Object.assign({},N(this)),e("slot",null))}},$t=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return e(this.hookStory,null)}};function jt(t){const r=M({Container:{display:"flex",width:"100%",justifyContent:t.alignment||"center",background:t.backgroundColor||""},Image:{minHeight:t.minHeight||"100%",width:t.width||"100%",maxWidth:"max-content",objectFit:"cover"}}),s=r.toString();return e("div",null,e("style",{type:"text/css"},s,"\n :host{\n display: block; \n }\n "),e("div",{class:r.classes.Container,part:"sqm-base"},e("img",{part:"sqm-image",src:t.imageUrl,class:r.classes.Image})))}const Ut=class{constructor(e){t(this,e),this.alignment="center"}render(){return e(jt,Object.assign({},N(this)))}},Bt=class{constructor(e){t(this,e),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,s(this)}disconnectedCallback(){}render(){const t={...N(this)},r=q([{attribute:"field-name",value:this.fieldName}]);if(!h()&&r)return e(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()?T({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:i(F)}};return e(rt,{states:s,content:t})}},zt=class{constructor(e){t(this,e),this.ignored=!0,this.dropdownLabel="Select an option",this.requiredFieldErrorMessage="Please select a {dropdownLabel}",this.optionalLabel="(optional)",this.dropdownOptional=!1,this.multiple=!1,s(this)}disconnectedCallback(){}render(){const t=q([{attribute:"dropdown-name",value:this.dropdownName}]);if(!h()&&t)return e(V,{missingProps:t,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:"},e("slot",null));const r={...N(this),selectOptions:e("slot",null)},{states:s}=h()?T({states:{leadFormState:{}},content:{dropdownName:(a=this).dropdownName,dropdownLabel:a.dropdownLabel,requiredFieldErrorMessage:a.requiredFieldErrorMessage,dropdownOptional:a.dropdownOptional}},a.demoData||{},{arrayMerge:(t,e)=>e}):{states:{leadFormState:i($)}};var a;return e(st,{states:s,content:r})}},Ht=p.gql`
62
+ `,Dt={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Pt=class{constructor(e){t(this,e),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 t=h()?function(t){return T({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:t.editprofileheader?t.editprofileheader:"Edit Profile",editprofiletext:t.editprofiletext?t.editprofiletext:"Update your profile.",firstnametext:t.firstnametext?t.firstnametext:"First Name",lastnametext:t.lastnametext?t.lastnametext:"Last Name",canceltext:t.canceltext?t.canceltext:"Cancel",updatetext:t.updatetext?t.updatetext:"Update",currentregiontext:t.currentregiontext?t.currentregiontext:"Region",showregion:!0,fieldEmptyText:t.fieldEmptyText}},callbacks:{onSubmit:t=>{console.log(t)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:t=>{console.log(t)}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(N(this)):function(t){const e=v(),[r,s]=n(!1),[i,o]=n(""),[l,c]=n(void 0),[d,h]=n(Dt),m=b(At,{},!(null==e?void 0:e.jwt)),[p,g]=f(Lt);return a((()=>{!(null==g?void 0:g.loading)&&r&&((null==g?void 0:g.errors)?h((t=>{var e,r,s;return{...t,error:null===(s=null===(r=null===(e=null==g?void 0:g.errors)||void 0===e?void 0:e.response)||void 0===r?void 0:r.errors)||void 0===s?void 0:s[0].message}})):(c((t=>{var e;return{...t,...null===(e=null==g?void 0:g.data)||void 0===e?void 0:e.upsertUser}})),s(!1)))}),[null==g?void 0:g.loading]),a((()=>{c((t=>{var e;return{...t,...null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer}}))}),[null==m?void 0:m.data]),a((()=>{var e;(null===(e=null==g?void 0:g.errors)||void 0===e?void 0:e.message)&&h((e=>({...e,error:t.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:t.editprofileheader,editprofiletext:t.editprofiletext,firstnametext:t.firstnametext,lastnametext:t.lastnametext,canceltext:t.canceltext,updatetext:t.updatetext,currentregiontext:t.currentregiontext,showregion:t.showregion,fieldEmptyText:t.fieldEmptyText}},callbacks:{onSubmit:()=>{if(d.firstName&&d.lastName)return p({id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,firstName:d.firstName,lastName:d.lastName}),void h((t=>({...t,errors:{}})));const r={};d.firstName||(r.firstName={message:t.fieldEmptyText}),d.lastName||(r.lastName={message:t.fieldEmptyText}),z(r)||h((e=>({...e,error:t.formErrorText}))),h((t=>({...t,errors:r})))},resetForm:()=>{var t,e,r,s,a,i;const n=(null===(e=null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer)||void 0===e?void 0:e.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({...Dt,...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:t=>{const{name:e,value:r}=t.target;h((t=>({...t,[e]:r})))},setShowEdit:s}}}(N(this));return e(tt,Object.assign({},t))}};Pt.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 Ft=class{constructor(e){t(this,e),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",s(this)}disconnectedCallback(){}render(){const t={states:{...N(this)},content:{primaryColumn:e("slot",null),secondaryColumn:e("slot",{name:"secondary-column"})}};return e(et,Object.assign({},t))}};function Ot(t,r){const s=Boolean((t.header||t.description||t.buttonText)&&"overlay"===t.layout),a=M({Container:{position:"relative","&:before":{content:s?'""':"",width:"100%",height:"100%",position:"absolute",background:t.overlayColor||"var(--sl-color-primary-900)",opacity:t.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${t.imageUrl})`,backgroundSize:"cover",backgroundPosition:t.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+t.paddingText+") + var(--sl-spacing-"+t.paddingImage+"))",textAlign:"center",color:t.textColor||"var(--sl-color-neutral-0)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+t.paddingText+")"}},Column:{display:"flex",background:t.backgroundColor||"",flexDirection:"right"===t.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)","& .image-area":{width:t.imagePercentage?t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:t.imagePercentage?100-t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+t.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===t.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 e("div",{class:a.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},"\n :host{\n display: block;\n }",i),"overlay"===t.layout&&e("div",{class:a.classes.Background},e("div",{class:a.classes.Overlay,part:"sqm-overlay"},t.header&&e("div",{class:a.classes.Header},t.header),t.description&&e("div",{class:a.classes.Description},t.description),t.buttonText&&e("sl-button",{class:a.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText),r&&r)),"columns"===t.layout&&e("div",null,e("div",{class:a.classes.Column},e("div",{class:"image-area"},e("img",{class:a.classes.Image,src:t.imageUrl,part:"sqm-columns-image"})),e("div",{class:"text-area",part:"sqm-columns-text-area"},t.header&&e("div",{class:a.classes.Header,part:"sqm-columns-header"},t.header),t.description&&e("div",{class:a.classes.Description,part:"sqm-columns-description"},t.description),t.buttonText&&e("sl-button",{exportparts:"base: sqm-hero-image-button",class:a.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText)))))}const Vt=class{constructor(e){t(this,e),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 e(Ot,Object.assign({},N(this)),e("slot",null))}},$t=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return e(this.hookStory,null)}};function jt(t){const r=M({Container:{display:"flex",width:"100%",justifyContent:t.alignment||"center",background:t.backgroundColor||""},Image:{minHeight:t.minHeight||"100%",width:t.width||"100%",maxWidth:"max-content",objectFit:"cover"}}),s=r.toString();return e("div",null,e("style",{type:"text/css"},s,"\n :host{\n display: block; \n }\n "),e("div",{class:r.classes.Container,part:"sqm-base"},e("img",{part:"sqm-image",src:t.imageUrl,class:r.classes.Image})))}const Ut=class{constructor(e){t(this,e),this.alignment="center"}render(){return e(jt,Object.assign({},N(this)))}},Bt=class{constructor(e){t(this,e),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,s(this)}disconnectedCallback(){}render(){const t={...N(this)},r=q([{attribute:"field-name",value:this.fieldName}]);if(!h()&&r)return e(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()?T({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:i(F)}};return e(rt,{states:s,content:t})}},Ht=class{constructor(e){t(this,e),this.ignored=!0,this.dropdownLabel="Select an option",this.requiredFieldErrorMessage="Please select a {dropdownLabel}",this.optionalLabel="(optional)",this.dropdownOptional=!1,this.multiple=!1,s(this)}disconnectedCallback(){}render(){const t=q([{attribute:"dropdown-name",value:this.dropdownName}]);if(!h()&&t)return e(V,{missingProps:t,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:"},e("slot",null));const r={...N(this),selectOptions:e("slot",null)},{states:s}=h()?T({states:{leadFormState:{}},content:{dropdownName:(a=this).dropdownName,dropdownLabel:a.dropdownLabel,requiredFieldErrorMessage:a.requiredFieldErrorMessage,dropdownOptional:a.dropdownOptional}},a.demoData||{},{arrayMerge:(t,e)=>e}):{states:{leadFormState:i($)}};var a;return e(st,{states:s,content:r})}},zt=p.gql`
63
63
  mutation submitForm($formSubmissionInput: FormSubmissionInput!) {
64
64
  submitForm(formSubmissionInput: $formSubmissionInput) {
65
65
  success
@@ -73,7 +73,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
73
73
  }
74
74
  }
75
75
  }
76
- `,Gt=class{constructor(e){t(this,e),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.supportLinkText="Support",this.submitSuccessHeader="Lead 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:t,callbacks:r,refs:s}=h()?T({states:{error:"",loading:!1,success:!1},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{},resetForm:()=>{}},refs:{formRef:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,r,s,i,l,c,d,u,h,m;const p=o(null),{leadFormState:y,setLeadFormState:w}=j({}),k=g(),E=v(),{data:C}=b(Wt,{programId:k},!(null==E?void 0:E.jwt)||!k),[I,{loading:S,errors:R}]=f(Ht),[T,N]=n(!1);a((()=>{if(!p.current)return;const t=p.current;return t.addEventListener("sl-input",q),()=>{t.removeEventListener("sl-input",q)}}),[p.current]);const q=x((t=>{var e,r;if("tel"!==(null===(r=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===r?void 0:r.toLowerCase()))return;const s=new z("US");t.target.value=s.input(t.target.value)}),[]);let M="";return M=(null===(e=null==R?void 0:R.response)||void 0===e?void 0:e.error)||(null==R?void 0:R.message)&&!(null===(r=null==R?void 0:R.response)||void 0===r?void 0:r.errors.length)?t.networkErrorMessage:(null===(c=null===(l=null===(i=null===(s=null==R?void 0:R.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==R?void 0:R.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),{states:{loading:S,error:M,success:T,leadFormState:y,referralCode:(null===(m=null==C?void 0:C.viewer)||void 0===m?void 0:m.referralCode)||""},callbacks:{submit:async e=>{var r;let s=e.target.getFormControls(),a={},i={};if(null==s||s.forEach((e=>{if(!e.name)return;const r=e.name,s=e.value;if(_.set(a,r,s),e.required&&!s&&_.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:s});t&&_.set(i,r,t)}})),Object.keys(i).length)return void w({loading:!1,error:"",validationErrors:i});w({loading:!0,error:"",validationErrors:{}});const n={key:t.formKey,formData:a};try{const t=await I({formSubmissionInput:n});if(t instanceof Error)throw t;w({loading:!1,error:"",validationErrors:{}}),(null===(r=null==t?void 0:t.submitForm)||void 0===r?void 0:r.success)&&N(!0)}catch(e){w({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:q,resetForm:function(){var t,e;w({loading:!1,error:"",validationErrors:{}}),null===(e=null===(t=p.current)||void 0===t?void 0:t.getFormControls())||void 0===e||e.forEach((t=>{var e;"checkbox"===(null===(e=t.input)||void 0===e?void 0:e.type)?(t.checked=!1,t.value=!1):t.value=""})),N(!1)}},refs:{formRef:p}}}(this),i={formData:e("slot",{name:"formData"}),emailLabel:this.emailLabel,submitLabel:this.submitLabel,resubmitFormLabel:this.resubmitFormLabel,pageLabel:this.pageLabel,supportLinkText:this.supportLinkText,submitSuccessHeader:this.submitSuccessHeader,submitSuccessDescription:this.submitSuccessDescription,submitErrorHeader:this.submitErrorHeader,submitErrorDescription:this.submitErrorDescription,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel};return e(at,{states:t,callbacks:r,content:i,refs:s})}},Yt=p.gql`
76
+ `,Gt=class{constructor(e){t(this,e),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.supportLinkText="Support",this.submitSuccessHeader="Lead 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:t,callbacks:r,refs:s}=h()?T({states:{error:"",loading:!1,success:!1},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{},resetForm:()=>{}},refs:{formRef:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,r,s,i,l,c,d,u,h,m;const p=o(null),{leadFormState:y,setLeadFormState:w}=j({}),k=g(),E=v(),{data:C}=b(Wt,{programId:k},!(null==E?void 0:E.jwt)||!k),[I,{loading:S,errors:R}]=f(zt),[T,N]=n(!1);a((()=>{if(!p.current)return;const t=p.current;return t.addEventListener("sl-input",q),()=>{t.removeEventListener("sl-input",q)}}),[p.current]);const q=x((t=>{var e,r;if("tel"!==(null===(r=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===r?void 0:r.toLowerCase()))return;const s=new H("US");t.target.value=s.input(t.target.value)}),[]);let M="";return M=(null===(e=null==R?void 0:R.response)||void 0===e?void 0:e.error)||(null==R?void 0:R.message)&&!(null===(r=null==R?void 0:R.response)||void 0===r?void 0:r.errors.length)?t.networkErrorMessage:(null===(c=null===(l=null===(i=null===(s=null==R?void 0:R.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==R?void 0:R.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),{states:{loading:S,error:M,success:T,leadFormState:y,referralCode:(null===(m=null==C?void 0:C.viewer)||void 0===m?void 0:m.referralCode)||""},callbacks:{submit:async e=>{var r;let s=e.target.getFormControls(),a={},i={};if(null==s||s.forEach((e=>{if(!e.name)return;const r=e.name,s=e.value;if(_.set(a,r,s),e.required&&!s&&_.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:s});t&&_.set(i,r,t)}})),Object.keys(i).length)return void w({loading:!1,error:"",validationErrors:i});w({loading:!0,error:"",validationErrors:{}});const n={key:t.formKey,formData:a};try{const t=await I({formSubmissionInput:n});if(t instanceof Error)throw t;w({loading:!1,error:"",validationErrors:{}}),(null===(r=null==t?void 0:t.submitForm)||void 0===r?void 0:r.success)&&N(!0)}catch(e){w({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:q,resetForm:function(){var t,e;w({loading:!1,error:"",validationErrors:{}}),null===(e=null===(t=p.current)||void 0===t?void 0:t.getFormControls())||void 0===e||e.forEach((t=>{var e;"checkbox"===(null===(e=t.input)||void 0===e?void 0:e.type)?(t.checked=!1,t.value=!1):t.value=""})),N(!1)}},refs:{formRef:p}}}(this),i={formData:e("slot",{name:"formData"}),emailLabel:this.emailLabel,submitLabel:this.submitLabel,resubmitFormLabel:this.resubmitFormLabel,pageLabel:this.pageLabel,supportLinkText:this.supportLinkText,submitSuccessHeader:this.submitSuccessHeader,submitSuccessDescription:this.submitSuccessDescription,submitErrorHeader:this.submitErrorHeader,submitErrorDescription:this.submitErrorDescription,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel};return e(at,{states:t,callbacks:r,content:i,refs:s})}},Yt=p.gql`
77
77
  query (
78
78
  $type: String!
79
79
  $filter: UserLeaderboardFilterInput
@@ -167,7 +167,7 @@ import{r as t,h as e,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
- `,he=class{constructor(e){t(this,e),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 N(this)}render(){const t=h()?function(t){return T({states:{payoutSettingsComplete:!1},text:t.getTextProps()},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,s;const{data:i,refetch:n}=b(ue,{});return a((()=>{const t=()=>n();return window.addEventListener("sqm:tax-form-updated",t),()=>window.removeEventListener("sqm:tax-form-updated",t)}),[]),{states:{payoutSettingsComplete:!!(null===(s=null===(r=null===(e=null==i?void 0:i.user)||void 0===e?void 0:e.impactConnection)||void 0===r?void 0:r.publisher)||void 0===s?void 0:s.payoutsAccount)},text:t.getTextProps()}}(this);return e(de,Object.assign({},t))}},me=M({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)":{}}}),pe=me.toString();function ve(t){const{text:r,states:s,data:a,callbacks:i}=t;if(s.loading)return e("sl-skeleton",{class:me.classes.SkeletonOne});const n=function(t){if(s.error)return{header:r.errorHeader,description:r.errorDescription,buttonText:null,alertType:"critical",icon:"exclamation-triangle",class:me.classes.ErrorAlertContainer};switch(t){case"INFORMATION_REQUIRED":return{header:r.informationRequiredHeader,description:r.informationRequiredDescription,buttonText:r.informationRequiredButtonText,alertType:"info",icon:"info-circle",class:me.classes.InfoAlertContainer};case"VERIFICATION:REQUIRED":return{header:r.verificationRequiredHeader,description:u.formatMessage({id:"verificationRequiredDescription",defaultMessage:r.verificationRequiredDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.verificationRequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"VERIFICATION:INTERNAL":return{header:r.verificationRequiredInternalHeader,description:u.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:r.verificationRequiredInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"VERIFICATION:REVIEW":return{header:r.verificationReviewInternalHeader,description:u.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:r.verificationReviewInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"VERIFICATION:FAILED":return{header:r.verificationFailedInternalHeader,description:u.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:r.verificationFailedInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"critical",icon:"exclamation-octagon",class:me.classes.ErrorAlertContainer};case"OVER_W9_THRESHOLD":return{header:r.w9RequiredHeader,description:u.formatMessage({id:"w9RequiredDescription",defaultMessage:r.w9RequiredDescription},{termsAndConditions:e("a",{target:"_blank",href:"https://terms.advocate.impact.com/PayoutTermsAndConditions.html"},r.termsAndConditions)}),buttonText:r.w9RequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"HOLD":return{header:r.holdHeader,description:u.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};default:return}}(s.status);return"DONE"!==s.status&&n?e("div",{part:"sqm-base"},e("style",{type:"text/css"},pe),e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:n.alertType,class:n.class,open:!0},e("sl-icon",{slot:"icon",name:n.icon}),e("strong",null,n.header),e("p",{class:me.classes.AlertDescriptionText},n.description),function(t){switch(t){case"OVER_W9_THRESHOLD":return"SquatchJS2"===a.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.w9RequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===a.type?{type:"default",onClick:i.onTermsClick}:{type:"default"},r.w9RequiredButtonText);case"INFORMATION_REQUIRED":return"SquatchJS2"===a.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.informationRequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===a.type?{type:"default",onClick:i.onTermsClick}:{type:"default"},r.informationRequiredButtonText);case"VERIFICATION:REQUIRED":return e("sl-button",{type:"default",loading:s.veriffLoading,onClick:i.onClick},r.verificationRequiredButtonText);default:return}}(s.status))):e("div",null)}const ge=class{constructor(e){t(this,e),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.w9RequiredHeader="Your next payout is on hold",this.w9RequiredDescription="You have surpassed the $600 threshold for a W9 tax form. To remove the hold, you need to submit a W9 tax form as outlined in our {termsAndConditions}. Please click 'Submit W9' to start the process.",this.w9RequiredButtonText="Submit W9",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="/taxAndCash#3",this.supportLink="support team",this.termsAndConditions="Terms and Conditions",this.errorHeader="Could not determine payout status.",this.errorDescription="There was an error with determining your payout status.",s(this)}disconnectedCallback(){}getTextProps(){return N(this)}render(){const t=h()?function(t){return T({states:{error:!1,status:"INFORMATION_REQUIRED",loading:!1,showVerifyIdentity:!1},data:{type:"SquatchAdmin"},text:t.getTextProps(),callbacks:{onTermsClick:()=>{},onClick:()=>console.log("show")}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):wt(this);return e(ve,Object.assign({},t))}},fe=p.gql`
170
+ `,he=class{constructor(e){t(this,e),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 N(this)}render(){const t=h()?function(t){return T({states:{payoutSettingsComplete:!1},text:t.getTextProps()},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,s;const{data:i,refetch:n}=b(ue,{});return a((()=>{const t=()=>n();return window.addEventListener("sqm:tax-form-updated",t),()=>window.removeEventListener("sqm:tax-form-updated",t)}),[]),{states:{payoutSettingsComplete:!!(null===(s=null===(r=null===(e=null==i?void 0:i.user)||void 0===e?void 0:e.impactConnection)||void 0===r?void 0:r.publisher)||void 0===s?void 0:s.payoutsAccount)},text:t.getTextProps()}}(this);return e(de,Object.assign({},t))}},me=M({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)":{}}}),pe=me.toString();function ve(t){const{text:r,states:s,data:a,callbacks:i}=t;if(s.loading)return e("sl-skeleton",{class:me.classes.SkeletonOne});const n=function(t){if(s.error)return{header:r.errorHeader,description:r.errorDescription,buttonText:null,alertType:"critical",icon:"exclamation-triangle",class:me.classes.ErrorAlertContainer};switch(t){case"INFORMATION_REQUIRED":return{header:r.informationRequiredHeader,description:r.informationRequiredDescription,buttonText:r.informationRequiredButtonText,alertType:"info",icon:"info-circle",class:me.classes.InfoAlertContainer};case"VERIFICATION:REQUIRED":return{header:r.verificationRequiredHeader,description:u.formatMessage({id:"verificationRequiredDescription",defaultMessage:r.verificationRequiredDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.verificationRequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"VERIFICATION:INTERNAL":return{header:r.verificationRequiredInternalHeader,description:u.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:r.verificationRequiredInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"VERIFICATION:REVIEW":return{header:r.verificationReviewInternalHeader,description:u.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:r.verificationReviewInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"VERIFICATION:FAILED":return{header:r.verificationFailedInternalHeader,description:u.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:r.verificationFailedInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"critical",icon:"exclamation-octagon",class:me.classes.ErrorAlertContainer};case"OVER_W9_THRESHOLD":return"CASH_ONLY_DEFER_W9"===s.enforceUsTaxComplianceOption?{header:r.w9RequiredHeader,description:u.formatMessage({id:"w9RequiredDescription",defaultMessage:r.w9RequiredDescription},{termsAndConditions:e("a",{target:"_blank",href:"https://terms.advocate.impact.com/PayoutTermsAndConditions.html"},r.termsAndConditions)}),buttonText:r.w9RequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer}:{header:r.holdHeader,description:u.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"HOLD":return{header:r.holdHeader,description:u.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};default:return}}(s.status);return"DONE"!==s.status&&n?e("div",{part:"sqm-base"},e("style",{type:"text/css"},pe),e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:n.alertType,class:n.class,open:!0},e("sl-icon",{slot:"icon",name:n.icon}),e("strong",null,n.header),e("p",{class:me.classes.AlertDescriptionText},n.description),function(t){switch(t){case"OVER_W9_THRESHOLD":return"SquatchJS2"===a.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.w9RequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===a.type?{type:"default",onClick:i.onTermsClick}:{type:"default"},r.w9RequiredButtonText);case"INFORMATION_REQUIRED":return"SquatchJS2"===a.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.informationRequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===a.type?{type:"default",onClick:i.onTermsClick}:{type:"default"},r.informationRequiredButtonText);case"VERIFICATION:REQUIRED":return e("sl-button",{type:"default",loading:s.veriffLoading,onClick:i.onClick},r.verificationRequiredButtonText);default:return}}(s.status))):e("div",null)}const ge=class{constructor(e){t(this,e),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.w9RequiredHeader="Your next payout is on hold",this.w9RequiredDescription="You have surpassed the $600 threshold for a W9 tax form. To remove the hold, you need to submit a W9 tax form as outlined in our {termsAndConditions}. Please click 'Submit W9' to start the process.",this.w9RequiredButtonText="Submit W9",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="/taxAndCash#3",this.supportLink="support team",this.termsAndConditions="Terms and Conditions",this.errorHeader="Could not determine payout status.",this.errorDescription="There was an error with determining your payout status.",s(this)}disconnectedCallback(){}getTextProps(){return N(this)}render(){const t=h()?function(t){return T({states:{error:!1,status:"INFORMATION_REQUIRED",loading:!1,showVerifyIdentity:!1},data:{type:"SquatchAdmin"},text:t.getTextProps(),callbacks:{onTermsClick:()=>{},onClick:()=>console.log("show")}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):wt(this);return e(ve,Object.assign({},t))}},fe=p.gql`
171
171
  query {
172
172
  viewer {
173
173
  ... on User {
@@ -184,7 +184,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
184
184
  marketingEmailOptIn
185
185
  }
186
186
  }
187
- `,ye={marketingEmailOptIn:!1,errors:{},error:""},xe=class{constructor(e){t(this,e),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 t=h()?function(t){return T({states:{success:!1,loading:!1,submitDisabled:!1,user:{id:"01",accountId:"111100000",marketingEmailOptIn:!1},text:{emailPreferencesHeader:t.emailPreferencesHeader,marketingCheckboxLabel:t.marketingCheckboxLabel,submitChangeButtonText:t.submitChangeButtonText,successMessage:t.successMessage},formState:{marketingEmailOptIn:!1,errors:null,error:""}},callbacks:{onSubmit:t=>console.log(t),setChecked:()=>{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(N(this)):function(t){const e=v(),[r,s]=n(!1),[i,o]=n(void 0),[l,c]=n(ye),d=b(fe,{},!(null==e?void 0:e.jwt)),[u,h]=f(be);return a((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?c((t=>{var e,r,s;return{...t,error:null===(s=null===(r=null===(e=null==h?void 0:h.errors)||void 0===e?void 0:e.response)||void 0===r?void 0:r.errors)||void 0===s?void 0:s[0].message}})):(o((t=>{var e;return{...t,...null===(e=null==h?void 0:h.data)||void 0===e?void 0:e.upsertUser}})),(null==h?void 0:h.data)&&s(!0)))}),[null==h?void 0:h.loading]),a((()=>{var t,e;o((t=>{var e;return{...t,...null===(e=null==d?void 0:d.data)||void 0===e?void 0:e.viewer}})),c({...ye,...null===(t=d.data)||void 0===t?void 0:t.viewer,...null===(e=h.data)||void 0===e?void 0:e.upsertUser})}),[null==d?void 0:d.data]),a((()=>{var e,r;(null===(e=null==h?void 0:h.errors)||void 0===e?void 0:e.message)&&c({...null===(r=d.data)||void 0===r?void 0:r.viewer,error:t.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:t.emailPreferencesHeader,marketingCheckboxLabel:t.marketingCheckboxLabel,submitChangeButtonText:t.submitChangeButtonText,successMessage:t.successMessage}},callbacks:{onSubmit:t=>{var r;s(!1);const a=null===(r=t.detail)||void 0===r?void 0:r.formData;null==a||a.forEach(((t,e)=>{_.set(a,e,t)})),u({userInput:{id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,marketingEmailOptIn:Boolean(a.marketingEmailOptIn)}}),c((t=>({...t,errors:{},error:""})))},setChecked:t=>c({...l,marketingEmailOptIn:t})}}}(N(this));return e(lt,Object.assign({},t))}},we=class{constructor(e){t(this,e),this.ignored=!0,this.modalChangePasswordHeader="Change Password",this.cancelText="Cancel",this.changePasswordButtonText="Change Password",this.passwordFieldLabel="New Password",this.confirmPasswordFieldLabel="Confirm New Password",this.successMessage="Your password has been updated.",this.portalChangePasswordHeader="Password",this.portalChangePasswordButtonText="Change your password...",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:t,callbacks:r}=h()?function(t){const[e,r]=n(!1);return T({states:{open:e,error:"",content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText,meetsRequirementsText:t.meetsRequirementsText,doesNotMeetRequirementsText:t.doesNotMeetRequirementsText,minErrorText:t.minErrorText,uppercaseErrorText:t.uppercaseErrorText,lowercaseErrorText:t.lowercaseErrorText,hasErrorText:t.hasErrorText}},callbacks:{setOpen:t=>r(t),submit:t=>console.log("Submit",t)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,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===(e=null==u?void 0:u.response)||void 0===e?void 0:e.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:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText,meetsRequirementsText:t.meetsRequirementsText,doesNotMeetRequirementsText:t.doesNotMeetRequirementsText,minErrorText:t.minErrorText,uppercaseErrorText:t.uppercaseErrorText,lowercaseErrorText:t.lowercaseErrorText,hasErrorText:t.hasErrorText}},data:{},callbacks:{setOpen:m,submit:async e=>{var r,s;b(!1);const a=null===(r=e.detail)||void 0===r?void 0:r.formData;if(null==a||a.forEach(((t,e)=>{_.set(a,e,t)})),!(null==y?void 0:y.jwt))return void g(t.invalidSessionErrorText);if(a.password!==a.confirmPassword)return void g(t.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 e(ct,{states:t,callbacks:r})}},ke=class{constructor(e){t(this,e),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 e(dt,Object.assign({},N(this)))}static get assetsDirs(){return["../../assets"]}},Ee=class{constructor(e){t(this,e),this.ignored=!0,this.notFullScreen=!1,s(this)}disconnectedCallback(){}render(){const t=e("slot",{name:"footer"}),r=e("slot",{name:"header"}),s=h()?function(t,r,s){return T({notFullScreen:!0,data:{footer:t||e("span",null,"example@example.com"),header:r||e("div",{style:{display:"flex",flexDirection:"column"}},e("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),e("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},s.demoData||{},{arrayMerge:(t,e)=>e})}(t,r,this):function(t,e){const[,r]=k();return{data:{footer:t,header:e},callbacks:{rerender:r}}}(t,r);return e(ut,Object.assign({},s),e("slot",null))}},Ce=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Sign In",this.forgotPasswordPath="/forgotPassword",this.forgotPasswordLabel="Forgot Password?",this.registerLabel="Register",this.registerPath="/register",this.pageLabel="Sign in to your account",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:t,callbacks:r}=h()?T({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:(t,e)=>e}):B(this),s=M({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),a={forgotPasswordButton:e("slot",{name:"forgotPassword"},e("a",{onClick:()=>E.push(t.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:e("slot",{name:"secondaryButton"},e("style",null,s),e("sl-button",{type:"text",disabled:t.loading,onClick:()=>E.push(t.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return e(U,{states:t,callbacks:r,content:a})}},Ie=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Register",this.loginLabel="Sign in",this.confirmPasswordLabel="Confirm Password",this.confirmPassword=!1,this.disablePasswordValidation=!1,this.hideInputs=!1,this.pageLabel="Register",this.loginPath="/login",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:t,callbacks:r,refs:s}=h()?T({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:(t,e)=>e}):function(t){var e,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 t=h.current;return t.addEventListener("sl-input",b),()=>{t.removeEventListener("sl-input",b)}}),[h.current]);const b=x((t=>{var e,r;if("tel"!==(null===(r=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===r?void 0:r.toLowerCase()))return;const s=new z("US");t.target.value=s.input(t.target.value)}),[]);let y="";return y=(null===(e=null==f?void 0:f.response)||void 0===e?void 0:e.error)||(null==f?void 0:f.message)&&!(null===(r=null==f?void 0:f.response)||void 0===r?void 0:r.errors.length)?t.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:t.confirmPassword,hideInputs:t.hideInputs,loginPath:t.loginPath,disablePasswordValidation:t.disablePasswordValidation},callbacks:{submit:async e=>{var r;let s=e.target.getFormControls(),a={},i={};if(null==s||s.forEach((e=>{if(!e.name)return;const r=e.name,s=e.value;if(_.set(a,r,s),e.required&&!s&&_.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:s});t&&_.set(i,r,t)}})),(t.confirmPassword||a.confirmPassword)&&a.password!==a.confirmPassword&&(i={...i,confirmPassword:t.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:t.redirectPath};try{const e=await v(l);if(e instanceof Error)throw e;p({loading:!1,error:"",validationErrors:{}}),(null===(r=e.registerManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token)&&E.push(t.nextPage)}catch(e){p({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var i;const n={formData:e("slot",{name:"formData"}),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>E.push(t.loginPath)},this.loginLabel)),terms:e("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,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 e(ht,{states:t,callbacks:r,content:n,refs:s})}};function Se(t,r){const s=M({Container:{color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),a=s.toString();return e("div",{class:s.classes.Container,part:"sqm-base"},e("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 }"),e("div",{class:s.classes.Header},e("div",{class:s.classes.Header,part:"sqm-header"},t.header)),e("div",{class:s.classes.Grid,part:"sqm-grid-container"},r))}const Re=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return e(Se,Object.assign({},N(this)),e("slot",null))}};function _e(t){const r=M({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:"#FFF",color:"var(--sl-color-primary-300)",fontSize:"26px",textAlign:"center",lineHeight:"72px"}}),s=r.toString();return e("div",{class:r.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},s),e("div",null,t.imageUrl?e("img",{class:r.classes.Media,src:t.imageUrl,part:"sqm-media"}):e("div",{class:r.classes.Media,part:"sqm-media"},e("sl-icon",{name:t.icon}))),e("div",{class:r.classes.Text},e("div",{class:r.classes.Header,part:"sqm-header"},t.header),e("div",{class:r.classes.Description,part:"sqm-description"},t.description)))}const Te=class{constructor(e){t(this,e),s(this)}disconnectedCallback(){}render(){return e(_e,Object.assign({},N(this)))}},Ne=c("sq:useProgramMenu"),qe=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{data:t,ref:s}=function(t){const e=g(),r=m();Ne({programId:e,props:t});const s=o(),[,i]=k();return a((()=>{var t;null===(t=s.current)||void 0===t||t.addEventListener("sl-select",(t=>{r.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:t.detail.item.value,bubbles:!0,composed:!0}))}))}),[s.current]),{data:{programId:e},callbacks:{rerender:i},ref:s}}(N(this));return e(r,{style:{display:"contents"}},e("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:t=>s.current=t},e("slot",null)))}},Me=M({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"}}}),Ae=Me.toString();function Le(t){return e("div",{part:"sqm-base",class:Me.classes.Container,style:{border:t.hideBorder?"none":"1px solid var(--sl-color-neutral-300)","padding-top":`var(--sl-spacing-${t.paddingTop})`,"padding-right":`var(--sl-spacing-${t.paddingRight})`,"padding-bottom":`var(--sl-spacing-${t.paddingBottom})`,"padding-left":`var(--sl-spacing-${t.paddingLeft})`,backgroundColor:t.backgroundColor,maxWidth:t.limitWidth?"600px":"none",margin:t.limitWidth?"auto":"none"}},e("style",{type:"text/css"},Ae,"\n :host{\n display: block; \n }\n "),t.hasHeader&&e("div",{class:Me.classes.EndContainer},t.slots.header),e("div",{part:"sqm-column-container",class:Me.classes.ColumnContainer,style:{alignItems:t.verticalAlignment}},t.slots.left,t.slots.right),t.hasFooter&&e("div",{class:Me.classes.EndContainer},t.slots.footer))}const De=class{constructor(e){t(this,e),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 t={left:e("slot",{name:"left"}),right:e("slot",{name:"right"}),header:e("slot",{name:"header"}),footer:e("slot",{name:"footer"})},r=D(),s=r.findIndex((t=>"header"===t.slot))>-1,a=r.findIndex((t=>"footer"===t.slot))>-1;return e(Le,Object.assign({},N(this),{slots:t,hasHeader:s,hasFooter:a}),e("slot",null))}},Pe=p.gql`
187
+ `,ye={marketingEmailOptIn:!1,errors:{},error:""},xe=class{constructor(e){t(this,e),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 t=h()?function(t){return T({states:{success:!1,loading:!1,submitDisabled:!1,user:{id:"01",accountId:"111100000",marketingEmailOptIn:!1},text:{emailPreferencesHeader:t.emailPreferencesHeader,marketingCheckboxLabel:t.marketingCheckboxLabel,submitChangeButtonText:t.submitChangeButtonText,successMessage:t.successMessage},formState:{marketingEmailOptIn:!1,errors:null,error:""}},callbacks:{onSubmit:t=>console.log(t),setChecked:()=>{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(N(this)):function(t){const e=v(),[r,s]=n(!1),[i,o]=n(void 0),[l,c]=n(ye),d=b(fe,{},!(null==e?void 0:e.jwt)),[u,h]=f(be);return a((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?c((t=>{var e,r,s;return{...t,error:null===(s=null===(r=null===(e=null==h?void 0:h.errors)||void 0===e?void 0:e.response)||void 0===r?void 0:r.errors)||void 0===s?void 0:s[0].message}})):(o((t=>{var e;return{...t,...null===(e=null==h?void 0:h.data)||void 0===e?void 0:e.upsertUser}})),(null==h?void 0:h.data)&&s(!0)))}),[null==h?void 0:h.loading]),a((()=>{var t,e;o((t=>{var e;return{...t,...null===(e=null==d?void 0:d.data)||void 0===e?void 0:e.viewer}})),c({...ye,...null===(t=d.data)||void 0===t?void 0:t.viewer,...null===(e=h.data)||void 0===e?void 0:e.upsertUser})}),[null==d?void 0:d.data]),a((()=>{var e,r;(null===(e=null==h?void 0:h.errors)||void 0===e?void 0:e.message)&&c({...null===(r=d.data)||void 0===r?void 0:r.viewer,error:t.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:t.emailPreferencesHeader,marketingCheckboxLabel:t.marketingCheckboxLabel,submitChangeButtonText:t.submitChangeButtonText,successMessage:t.successMessage}},callbacks:{onSubmit:t=>{var r;s(!1);const a=null===(r=t.detail)||void 0===r?void 0:r.formData;null==a||a.forEach(((t,e)=>{_.set(a,e,t)})),u({userInput:{id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,marketingEmailOptIn:Boolean(a.marketingEmailOptIn)}}),c((t=>({...t,errors:{},error:""})))},setChecked:t=>c({...l,marketingEmailOptIn:t})}}}(N(this));return e(lt,Object.assign({},t))}},we=class{constructor(e){t(this,e),this.ignored=!0,this.modalChangePasswordHeader="Change Password",this.cancelText="Cancel",this.changePasswordButtonText="Change Password",this.passwordFieldLabel="New Password",this.confirmPasswordFieldLabel="Confirm New Password",this.successMessage="Your password has been updated.",this.portalChangePasswordHeader="Password",this.portalChangePasswordButtonText="Change your password...",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:t,callbacks:r}=h()?function(t){const[e,r]=n(!1);return T({states:{open:e,error:"",content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText,meetsRequirementsText:t.meetsRequirementsText,doesNotMeetRequirementsText:t.doesNotMeetRequirementsText,minErrorText:t.minErrorText,uppercaseErrorText:t.uppercaseErrorText,lowercaseErrorText:t.lowercaseErrorText,hasErrorText:t.hasErrorText}},callbacks:{setOpen:t=>r(t),submit:t=>console.log("Submit",t)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,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===(e=null==u?void 0:u.response)||void 0===e?void 0:e.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:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText,meetsRequirementsText:t.meetsRequirementsText,doesNotMeetRequirementsText:t.doesNotMeetRequirementsText,minErrorText:t.minErrorText,uppercaseErrorText:t.uppercaseErrorText,lowercaseErrorText:t.lowercaseErrorText,hasErrorText:t.hasErrorText}},data:{},callbacks:{setOpen:m,submit:async e=>{var r,s;b(!1);const a=null===(r=e.detail)||void 0===r?void 0:r.formData;if(null==a||a.forEach(((t,e)=>{_.set(a,e,t)})),!(null==y?void 0:y.jwt))return void g(t.invalidSessionErrorText);if(a.password!==a.confirmPassword)return void g(t.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 e(ct,{states:t,callbacks:r})}},ke=class{constructor(e){t(this,e),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 e(dt,Object.assign({},N(this)))}static get assetsDirs(){return["../../assets"]}},Ee=class{constructor(e){t(this,e),this.ignored=!0,this.notFullScreen=!1,s(this)}disconnectedCallback(){}render(){const t=e("slot",{name:"footer"}),r=e("slot",{name:"header"}),s=h()?function(t,r,s){return T({notFullScreen:!0,data:{footer:t||e("span",null,"example@example.com"),header:r||e("div",{style:{display:"flex",flexDirection:"column"}},e("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),e("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},s.demoData||{},{arrayMerge:(t,e)=>e})}(t,r,this):function(t,e){const[,r]=k();return{data:{footer:t,header:e},callbacks:{rerender:r}}}(t,r);return e(ut,Object.assign({},s),e("slot",null))}},Ce=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Sign In",this.forgotPasswordPath="/forgotPassword",this.forgotPasswordLabel="Forgot Password?",this.registerLabel="Register",this.registerPath="/register",this.pageLabel="Sign in to your account",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:t,callbacks:r}=h()?T({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:(t,e)=>e}):B(this),s=M({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),a={forgotPasswordButton:e("slot",{name:"forgotPassword"},e("a",{onClick:()=>E.push(t.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:e("slot",{name:"secondaryButton"},e("style",null,s),e("sl-button",{type:"text",disabled:t.loading,onClick:()=>E.push(t.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return e(U,{states:t,callbacks:r,content:a})}},Ie=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Register",this.loginLabel="Sign in",this.confirmPasswordLabel="Confirm Password",this.confirmPassword=!1,this.disablePasswordValidation=!1,this.hideInputs=!1,this.pageLabel="Register",this.loginPath="/login",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:t,callbacks:r,refs:s}=h()?T({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:(t,e)=>e}):function(t){var e,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 t=h.current;return t.addEventListener("sl-input",b),()=>{t.removeEventListener("sl-input",b)}}),[h.current]);const b=x((t=>{var e,r;if("tel"!==(null===(r=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===r?void 0:r.toLowerCase()))return;const s=new H("US");t.target.value=s.input(t.target.value)}),[]);let y="";return y=(null===(e=null==f?void 0:f.response)||void 0===e?void 0:e.error)||(null==f?void 0:f.message)&&!(null===(r=null==f?void 0:f.response)||void 0===r?void 0:r.errors.length)?t.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:t.confirmPassword,hideInputs:t.hideInputs,loginPath:t.loginPath,disablePasswordValidation:t.disablePasswordValidation},callbacks:{submit:async e=>{var r;let s=e.target.getFormControls(),a={},i={};if(null==s||s.forEach((e=>{if(!e.name)return;const r=e.name,s=e.value;if(_.set(a,r,s),e.required&&!s&&_.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:s});t&&_.set(i,r,t)}})),(t.confirmPassword||a.confirmPassword)&&a.password!==a.confirmPassword&&(i={...i,confirmPassword:t.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:t.redirectPath};try{const e=await v(l);if(e instanceof Error)throw e;p({loading:!1,error:"",validationErrors:{}}),(null===(r=e.registerManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token)&&E.push(t.nextPage)}catch(e){p({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var i;const n={formData:e("slot",{name:"formData"}),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>E.push(t.loginPath)},this.loginLabel)),terms:e("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,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 e(ht,{states:t,callbacks:r,content:n,refs:s})}};function Se(t,r){const s=M({Container:{color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),a=s.toString();return e("div",{class:s.classes.Container,part:"sqm-base"},e("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 }"),e("div",{class:s.classes.Header},e("div",{class:s.classes.Header,part:"sqm-header"},t.header)),e("div",{class:s.classes.Grid,part:"sqm-grid-container"},r))}const Re=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return e(Se,Object.assign({},N(this)),e("slot",null))}};function _e(t){const r=M({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:"#FFF",color:"var(--sl-color-primary-300)",fontSize:"26px",textAlign:"center",lineHeight:"72px"}}),s=r.toString();return e("div",{class:r.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},s),e("div",null,t.imageUrl?e("img",{class:r.classes.Media,src:t.imageUrl,part:"sqm-media"}):e("div",{class:r.classes.Media,part:"sqm-media"},e("sl-icon",{name:t.icon}))),e("div",{class:r.classes.Text},e("div",{class:r.classes.Header,part:"sqm-header"},t.header),e("div",{class:r.classes.Description,part:"sqm-description"},t.description)))}const Te=class{constructor(e){t(this,e),s(this)}disconnectedCallback(){}render(){return e(_e,Object.assign({},N(this)))}},Ne=c("sq:useProgramMenu"),qe=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{data:t,ref:s}=function(t){const e=g(),r=m();Ne({programId:e,props:t});const s=o(),[,i]=k();return a((()=>{var t;null===(t=s.current)||void 0===t||t.addEventListener("sl-select",(t=>{r.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:t.detail.item.value,bubbles:!0,composed:!0}))}))}),[s.current]),{data:{programId:e},callbacks:{rerender:i},ref:s}}(N(this));return e(r,{style:{display:"contents"}},e("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:t=>s.current=t},e("slot",null)))}},Me=M({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"}}}),Ae=Me.toString();function Le(t){return e("div",{part:"sqm-base",class:Me.classes.Container,style:{border:t.hideBorder?"none":"1px solid var(--sl-color-neutral-300)","padding-top":`var(--sl-spacing-${t.paddingTop})`,"padding-right":`var(--sl-spacing-${t.paddingRight})`,"padding-bottom":`var(--sl-spacing-${t.paddingBottom})`,"padding-left":`var(--sl-spacing-${t.paddingLeft})`,backgroundColor:t.backgroundColor,maxWidth:t.limitWidth?"600px":"none",margin:t.limitWidth?"auto":"none"}},e("style",{type:"text/css"},Ae,"\n :host{\n display: block; \n }\n "),t.hasHeader&&e("div",{class:Me.classes.EndContainer},t.slots.header),e("div",{part:"sqm-column-container",class:Me.classes.ColumnContainer,style:{alignItems:t.verticalAlignment}},t.slots.left,t.slots.right),t.hasFooter&&e("div",{class:Me.classes.EndContainer},t.slots.footer))}const De=class{constructor(e){t(this,e),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 t={left:e("slot",{name:"left"}),right:e("slot",{name:"right"}),header:e("slot",{name:"header"}),footer:e("slot",{name:"footer"})},r=D(),s=r.findIndex((t=>"header"===t.slot))>-1,a=r.findIndex((t=>"footer"===t.slot))>-1;return e(Le,Object.assign({},N(this),{slots:t,hasHeader:s,hasFooter:a}),e("slot",null))}},Pe=p.gql`
188
188
  query getUser($programId: ID) {
189
189
  viewer {
190
190
  ... on User {
@@ -243,7 +243,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
243
243
  }
244
244
  }
245
245
  }
246
- `,Ue=class{constructor(e){t(this,e),this.ignored=!0,this.notAvailableError="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }",this.chooseRewardTitle="Rewards",this.chooseAmountTitle="Select",this.confirmationTitle="Confirm",this.rewardTitle="Choose a reward",this.cancelText="Cancel",this.backText="Back",this.continueText="Continue",this.continueToConfirmationText="Continue to confirmation",this.redeemText="Redeem",this.redeemTitle="Confirm and redeem",this.redemptionSuccessText="Redeemed {sourceValue} for {destinationValue}",this.sourceAmountMessage="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",this.tooltipText="Copied",this.doneText="Done",this.selectText="Select amount to receive",this.queryError="Unable to load reward exchange list. Please try again",this.redemptionError="An error occured trying to redeem this reward. Please try again",this.notEnoughError="Not enough {sourceUnit} to redeem for this reward",this.rewardRedeemedText="Reward redeemed",this.promoCode="Promo Code",this.skeletonCardNum=8,this.rewardNameTitle="Reward",this.rewardAmountTitle="Reward Amount",this.costTitle="Cost to Redeem",s(this)}disconnectedCallback(){}render(){const t={...N(this),empty:e(Be,null)},{states:s,data:i,callbacks:l,refs:c}=h()?function(t){return T({states:{content:{text:t},redeemStage:"chooseReward",amount:0,selectedStep:void 0,selectedItem:void 0,open:!1,exchangeError:!1,queryError:!1,loading:!1,noExchangeOptions:!1,empty:Be()},data:{shareCode:"SHARECODE123",exchangeList:pt.data.exchangeList},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}},refs:{canvasRef:{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r,s,i,l;const[c,u]=d(((t,e)=>({...t,...e})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[h,m]=n(!1),{selectedItem:p,selectedStep:g,redeemStage:y,amount:x,exchangeError:w}=c,k=v(),[E,{data:C,loading:I,errors:R}]=f(je),{data:_,loading:T,refetch:N,errors:q}=b($e,{},!(null==k?void 0:k.jwt));a((()=>{var t,e;(null===(e=null===(t=null==C?void 0:C.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.id)&&u({redeemStage:"success",exchangeError:!1}),R&&u({exchangeError:!0})}),[C,R]);const M=o();a((()=>{if(!M.current)return;const t=M.current;t.confetti=t.confetti||Ve.create(t,{resize:!0}),t.confetti()}),[M.current]);const{refresh:A}=S();return{states:{content:{text:t},selectedItem:p,redeemStage:y,amount:x,selectedStep:g,exchangeError:w,queryError:!!q,loading:T||I,open:h,noExchangeOptions:0===(null===(e=null==_?void 0:_.viewer)||void 0===e?void 0:e.visibleRewardExchangeItems.totalCount)},data:{exchangeList:null===(s=null===(r=null==_?void 0:_.viewer)||void 0===r?void 0:r.visibleRewardExchangeItems)||void 0===s?void 0:s.data,fuelTankCode:null===(l=null===(i=null==C?void 0:C.exchangeReward)||void 0===i?void 0:i.reward)||void 0===l?void 0:l.fuelTankCode},callbacks:{exchangeReward:async function(){if(!p)return;let t={accountId:null==k?void 0:k.accountId,userId:k.id};switch(p.ruleType){case"FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:p.sourceValue,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey};break;case"STEPPED_FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:g.sourceValue,unit:p.sourceUnit},globalRewardKey:g.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:x,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey,rewardInput:g.rewardInput};break;case"VARIABLE_CREDIT_REWARD":t={...t,redeemCreditInput:{amount:x,unit:p.sourceUnit},rewardInput:{type:"CREDIT",unit:p.destinationUnit,assignedCredit:g.destinationValue}};break;default:t={...t,...g.rewardInput}}await E({exchangeRewardInput:t}),A()},setExchangeState:u,setStage:function(t){u({redeemStage:t})},resetState:t=>{t&&N(),u({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var t,e;navigator.clipboard.writeText(null===(e=null===(t=null==C?void 0:C.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.fuelTankCode),m(!0),setTimeout((()=>m(!1)),1e3)}},refs:{canvasRef:M}}}(t);return e(r,{style:{display:"contents"}},e(vt,{states:s,data:i,callbacks:l,refs:c}))}static get assetsDirs(){return["assets"]}};function Be(){return e("slot",{name:"empty"},e("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"}))}const ze=c("sq:useRouter");function He(t,e){if(t)return P(t).exec(e)}const We=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{callbacks:t}=function(){const t=R(),e=m(),[r,s]=n(void 0),[i,o]=n(void 0),l=t.pathname;return a((()=>{const t=e.querySelectorAll("sqm-route");Array.from(t).forEach((t=>{const e=document.createElement("template");e.setAttribute("path",t.path),e.innerHTML=t.innerHTML,t.parentNode.appendChild(e),t.parentNode.removeChild(t)}))}),[]),a((()=>{var t,e;if(!i||!r)return void ze("DOM not ready for navigation rendering on:",l);const s=r.querySelectorAll("template"),a=Array.from(s).find((t=>{var e,r,s;if(null===(s=He(null===(r=null===(e=t.attributes)||void 0===e?void 0:e.path)||void 0===r?void 0:r.nodeValue,l))||void 0===s?void 0:s.length)return t})),n=null===(e=null===(t=null==a?void 0:a.attributes)||void 0===t?void 0:t.path)||void 0===e?void 0:e.nodeValue;if(ze({containerDatasetPage:i.dataset.page,templatePath:n,page:l}),!a)return ze("No matching page found for ",l,", so render nothing"),i.innerHTML="",void(i.dataset.page=l);ze("Page updated to ",l,a),He(n,i.dataset.page)?ze("don't rerender"):a&&(i.innerHTML=a.innerHTML,i.dataset.page=l)}),[r,i,l]),{callbacks:{setSlot:s,setContainer:o}}}();return e(r,null,e("div",{ref:t.setSlot,style:{display:"none"}},e("slot",null)),e("div",{style:{display:"contents"},ref:t.setContainer}))}};We.style="sqm-router{display:contents}";const Ge=class{constructor(e){t(this,e),this.type="default",this.iconslot="prefix",this.hideicon=!1,this.hidetext=!1,this.undefinedLinkText="Error: message link undefined!",this.unsupportedPlatformText="Error: not on a supported device",s(this)}disconnectedCallback(){}render(){const t=N(this),r=h()?function(t){return T({...t,loading:!1,hide:!1,onClick:()=>{}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):gt(t);return e(ft,Object.assign({},r),e("slot",null))}};Ge.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const Ye=p.gql`
246
+ `,Ue=class{constructor(e){t(this,e),this.ignored=!0,this.notAvailableError="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }",this.chooseRewardTitle="Rewards",this.chooseAmountTitle="Select",this.confirmationTitle="Confirm",this.rewardTitle="Choose a reward",this.cancelText="Cancel",this.backText="Back",this.continueText="Continue",this.continueToConfirmationText="Continue to confirmation",this.redeemText="Redeem",this.redeemTitle="Confirm and redeem",this.redemptionSuccessText="Redeemed {sourceValue} for {destinationValue}",this.sourceAmountMessage="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",this.tooltipText="Copied",this.doneText="Done",this.selectText="Select amount to receive",this.queryError="Unable to load reward exchange list. Please try again",this.redemptionError="An error occured trying to redeem this reward. Please try again",this.notEnoughError="Not enough {sourceUnit} to redeem for this reward",this.rewardRedeemedText="Reward redeemed",this.promoCode="Promo Code",this.skeletonCardNum=8,this.rewardNameTitle="Reward",this.rewardAmountTitle="Reward Amount",this.costTitle="Cost to Redeem",s(this)}disconnectedCallback(){}render(){const t={...N(this),empty:e(Be,null)},{states:s,data:i,callbacks:l,refs:c}=h()?function(t){return T({states:{content:{text:t},redeemStage:"chooseReward",amount:0,selectedStep:void 0,selectedItem:void 0,open:!1,exchangeError:!1,queryError:!1,loading:!1,noExchangeOptions:!1,empty:Be()},data:{shareCode:"SHARECODE123",exchangeList:pt.data.exchangeList},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}},refs:{canvasRef:{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r,s,i,l;const[c,u]=d(((t,e)=>({...t,...e})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[h,m]=n(!1),{selectedItem:p,selectedStep:g,redeemStage:y,amount:x,exchangeError:w}=c,k=v(),[E,{data:C,loading:I,errors:R}]=f(je),{data:_,loading:T,refetch:N,errors:q}=b($e,{},!(null==k?void 0:k.jwt));a((()=>{var t,e;(null===(e=null===(t=null==C?void 0:C.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.id)&&u({redeemStage:"success",exchangeError:!1}),R&&u({exchangeError:!0})}),[C,R]);const M=o();a((()=>{if(!M.current)return;const t=M.current;t.confetti=t.confetti||Ve.create(t,{resize:!0}),t.confetti()}),[M.current]);const{refresh:A}=S();return{states:{content:{text:t},selectedItem:p,redeemStage:y,amount:x,selectedStep:g,exchangeError:w,queryError:!!q,loading:T||I,open:h,noExchangeOptions:0===(null===(e=null==_?void 0:_.viewer)||void 0===e?void 0:e.visibleRewardExchangeItems.totalCount)},data:{exchangeList:null===(s=null===(r=null==_?void 0:_.viewer)||void 0===r?void 0:r.visibleRewardExchangeItems)||void 0===s?void 0:s.data,fuelTankCode:null===(l=null===(i=null==C?void 0:C.exchangeReward)||void 0===i?void 0:i.reward)||void 0===l?void 0:l.fuelTankCode},callbacks:{exchangeReward:async function(){if(!p)return;let t={accountId:null==k?void 0:k.accountId,userId:k.id};switch(p.ruleType){case"FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:p.sourceValue,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey};break;case"STEPPED_FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:g.sourceValue,unit:p.sourceUnit},globalRewardKey:g.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:x,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey,rewardInput:g.rewardInput};break;case"VARIABLE_CREDIT_REWARD":t={...t,redeemCreditInput:{amount:x,unit:p.sourceUnit},rewardInput:{type:"CREDIT",unit:p.destinationUnit,assignedCredit:g.destinationValue}};break;default:t={...t,...g.rewardInput}}await E({exchangeRewardInput:t}),A()},setExchangeState:u,setStage:function(t){u({redeemStage:t})},resetState:t=>{t&&N(),u({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var t,e;navigator.clipboard.writeText(null===(e=null===(t=null==C?void 0:C.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.fuelTankCode),m(!0),setTimeout((()=>m(!1)),1e3)}},refs:{canvasRef:M}}}(t);return e(r,{style:{display:"contents"}},e(vt,{states:s,data:i,callbacks:l,refs:c}))}static get assetsDirs(){return["assets"]}};function Be(){return e("slot",{name:"empty"},e("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"}))}const He=c("sq:useRouter");function ze(t,e){if(t)return P(t).exec(e)}const We=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{callbacks:t}=function(){const t=R(),e=m(),[r,s]=n(void 0),[i,o]=n(void 0),l=t.pathname;return a((()=>{const t=e.querySelectorAll("sqm-route");Array.from(t).forEach((t=>{const e=document.createElement("template");e.setAttribute("path",t.path),e.innerHTML=t.innerHTML,t.parentNode.appendChild(e),t.parentNode.removeChild(t)}))}),[]),a((()=>{var t,e;if(!i||!r)return void He("DOM not ready for navigation rendering on:",l);const s=r.querySelectorAll("template"),a=Array.from(s).find((t=>{var e,r,s;if(null===(s=ze(null===(r=null===(e=t.attributes)||void 0===e?void 0:e.path)||void 0===r?void 0:r.nodeValue,l))||void 0===s?void 0:s.length)return t})),n=null===(e=null===(t=null==a?void 0:a.attributes)||void 0===t?void 0:t.path)||void 0===e?void 0:e.nodeValue;if(He({containerDatasetPage:i.dataset.page,templatePath:n,page:l}),!a)return He("No matching page found for ",l,", so render nothing"),i.innerHTML="",void(i.dataset.page=l);He("Page updated to ",l,a),ze(n,i.dataset.page)?He("don't rerender"):a&&(i.innerHTML=a.innerHTML,i.dataset.page=l)}),[r,i,l]),{callbacks:{setSlot:s,setContainer:o}}}();return e(r,null,e("div",{ref:t.setSlot,style:{display:"none"}},e("slot",null)),e("div",{style:{display:"contents"},ref:t.setContainer}))}};We.style="sqm-router{display:contents}";const Ge=class{constructor(e){t(this,e),this.type="default",this.iconslot="prefix",this.hideicon=!1,this.hidetext=!1,this.undefinedLinkText="Error: message link undefined!",this.unsupportedPlatformText="Error: not on a supported device",s(this)}disconnectedCallback(){}render(){const t=N(this),r=h()?function(t){return T({...t,loading:!1,hide:!1,onClick:()=>{}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):gt(t);return e(ft,Object.assign({},r),e("slot",null))}};Ge.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const Ye=p.gql`
247
247
  query ($programId: ID) {
248
248
  user: viewer {
249
249
  ... on User {
@@ -270,4 +270,4 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
270
270
  }
271
271
  }
272
272
  }
273
- `,dr=class{constructor(e){t(this,e),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",s(this)}disconnectedCallback(){}render(){const t=h()?function(t){return T({loading:!1,loadingText:"...",username:"John Smith"},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,s,a,i,n,o,l;const c=v(),d=b(cr,{},!(null==c?void 0:c.jwt)),u=(null===(r=null===(e=d.data)||void 0===e?void 0:e.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}`:t.fallback;return{loadingText:t.loadingText,loading:d.loading,username:u}}(this);return e(lr,Object.assign({},t))}};export{kt as sqm_big_stat,Et as sqm_brand,Ct as sqm_card_feed,St as sqm_checkbox_field,Tt as sqm_coupon_code,qt as sqm_divided_layout,Mt as sqm_dropdown_field,Pt as sqm_edit_profile,Ft as sqm_hero,Vt as sqm_hero_image,$t as sqm_hook_story_container,Ut as sqm_image,Bt as sqm_input_field,zt as sqm_lead_dropdown_field,Gt as sqm_lead_form,Xt as sqm_leaderboard,se as sqm_link_button,ae as sqm_marketing_emails_checkbox,ie as sqm_name_fields,oe as sqm_navigation_menu,he as sqm_payout_button_scroll,ge as sqm_payout_status_alert,xe as sqm_portal_change_marketing,we as sqm_portal_change_password,ke as sqm_portal_footer,Ee as sqm_portal_frame,Ce as sqm_portal_login,Ie as sqm_portal_register,Re as sqm_program_explainer,Te as sqm_program_explainer_step,qe as sqm_program_menu,De as sqm_referral_card,Fe as sqm_referral_iframe,Ue as sqm_reward_exchange_list,We as sqm_router,Ge as sqm_share_button,Ze as sqm_share_code,Qe as sqm_share_link,Xe as sqm_stat_container,tr as sqm_task_card,er as sqm_timeline,or as sqm_timeline_entry,dr as sqm_user_name}
273
+ `,dr=class{constructor(e){t(this,e),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",s(this)}disconnectedCallback(){}render(){const t=h()?function(t){return T({loading:!1,loadingText:"...",username:"John Smith"},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,s,a,i,n,o,l;const c=v(),d=b(cr,{},!(null==c?void 0:c.jwt)),u=(null===(r=null===(e=d.data)||void 0===e?void 0:e.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}`:t.fallback;return{loadingText:t.loadingText,loading:d.loading,username:u}}(this);return e(lr,Object.assign({},t))}};export{kt as sqm_big_stat,Et as sqm_brand,Ct as sqm_card_feed,St as sqm_checkbox_field,Tt as sqm_coupon_code,qt as sqm_divided_layout,Mt as sqm_dropdown_field,Pt as sqm_edit_profile,Ft as sqm_hero,Vt as sqm_hero_image,$t as sqm_hook_story_container,Ut as sqm_image,Bt as sqm_input_field,Ht as sqm_lead_dropdown_field,Gt as sqm_lead_form,Xt as sqm_leaderboard,se as sqm_link_button,ae as sqm_marketing_emails_checkbox,ie as sqm_name_fields,oe as sqm_navigation_menu,he as sqm_payout_button_scroll,ge as sqm_payout_status_alert,xe as sqm_portal_change_marketing,we as sqm_portal_change_password,ke as sqm_portal_footer,Ee as sqm_portal_frame,Ce as sqm_portal_login,Ie as sqm_portal_register,Re as sqm_program_explainer,Te as sqm_program_explainer_step,qe as sqm_program_menu,De as sqm_referral_card,Fe as sqm_referral_iframe,Ue as sqm_reward_exchange_list,We as sqm_router,Ge as sqm_share_button,Ze as sqm_share_code,Qe as sqm_share_link,Xe as sqm_stat_container,tr as sqm_task_card,er as sqm_timeline,or as sqm_timeline_entry,dr as sqm_user_name}