@saasquatch/mint-components 1.15.0-19 → 1.15.0-20

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 (36) hide show
  1. package/dist/cjs/{ShadowViewAddon-d958d324.js → ShadowViewAddon-f641a7de.js} +109 -109
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/mint-components.cjs.js +1 -1
  4. package/dist/cjs/sqm-big-stat_41.cjs.entry.js +11 -3
  5. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
  6. package/dist/collection/components/sqm-portal-frame/sqm-portal-frame-view.js +36 -36
  7. package/dist/collection/components/sqm-portal-frame/sqm-portal-frame.js +36 -2
  8. package/dist/collection/components/sqm-portal-frame/usePortalFrame.js +2 -1
  9. package/dist/esm/{ShadowViewAddon-28c8307e.js → ShadowViewAddon-908b4435.js} +109 -109
  10. package/dist/esm/loader.js +1 -1
  11. package/dist/esm/mint-components.js +1 -1
  12. package/dist/esm/sqm-big-stat_41.entry.js +11 -3
  13. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  14. package/dist/esm-es5/ShadowViewAddon-908b4435.js +1 -0
  15. package/dist/esm-es5/loader.js +1 -1
  16. package/dist/esm-es5/mint-components.js +1 -1
  17. package/dist/esm-es5/sqm-big-stat_41.entry.js +1 -1
  18. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  19. package/dist/mint-components/mint-components.esm.js +1 -1
  20. package/dist/mint-components/p-2271dff7.system.js +1 -0
  21. package/dist/mint-components/p-5e617dd6.system.js +1 -1
  22. package/dist/mint-components/{p-1a6725c1.system.entry.js → p-87c18a1c.system.entry.js} +1 -1
  23. package/dist/mint-components/{p-fb85fbb0.system.entry.js → p-9980c750.system.entry.js} +1 -1
  24. package/dist/mint-components/{p-a041f0dc.entry.js → p-a558f6db.entry.js} +2 -2
  25. package/dist/mint-components/{p-62a04a06.js → p-d2beb502.js} +24 -24
  26. package/dist/mint-components/{p-be3ffc17.entry.js → p-fbdbcb13.entry.js} +1 -1
  27. package/dist/types/components/sqm-portal-frame/sqm-portal-frame-view.d.ts +1 -0
  28. package/dist/types/components/sqm-portal-frame/sqm-portal-frame.d.ts +6 -0
  29. package/dist/types/components/sqm-portal-frame/usePortalFrame.d.ts +2 -1
  30. package/dist/types/components.d.ts +12 -0
  31. package/docs/docs.docx +0 -0
  32. package/docs/raisins.json +1 -1
  33. package/grapesjs/grapesjs.js +1 -1
  34. package/package.json +1 -1
  35. package/dist/esm-es5/ShadowViewAddon-28c8307e.js +0 -1
  36. package/dist/mint-components/p-437c4eac.system.js +0 -1
@@ -1,4 +1,4 @@
1
- import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,k as n,i,u as o,m as l,b as c,j as d}from"./p-cd651f81.js";import{i as u}from"./p-37e86ead.js";import{i as h,_ as m,d as p,J as g,H as v,$ as f,w as b,B as y,L as x,y as w,j as k,r as C,V as E,u as I,Q as S,k as R}from"./p-94a876b9.js";import{j as q}from"./p-e7e129ac.js";import{c as T}from"./p-c1086930.js";import{g as M,a as _}from"./p-9ec99ced.js";import{c as N}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as A}from"./p-2c7ebd5b.js";import{a as P}from"./p-4e451f75.js";import{u as L}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-eab1c9f3.js";import{p as D}from"./p-8d363802.js";import{R as F,u as V}from"./p-98698131.js";import{P as O}from"./p-7e3a84bc.js";import{u as $}from"./p-4e526a94.js";import{A as j}from"./p-121cdc60.js";import{i as U}from"./p-8c23d1b8.js";import{b as B,U as z,B as H,O as W,J as G,i as Z,K,D as Y,E as Q,H as X,I as J,V as ee,L as te,N as re,C as se,d as ae,h as ne,P as ie,e as oe,R as le,W as ce,j as de,a as ue,S as he,u as me,c as pe,T as ge}from"./p-62a04a06.js";import"./p-a9f4ddb1.js";import{u as ve}from"./p-480e08e9.js";const fe=class{constructor(t){e(this,t),this.flexReverse=!1,this.alignment="center",this.ignored=!0,s(this)}disconnectedCallback(){}render(){var e;const{props:r,label:s}=h()?B(this):z(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),n=t("slot",{name:"label"},a?t("slot",null):s);return t(H,Object.assign({},r,{labelSlot:n}))}},be=class{constructor(t){e(this,t),s(this)}disconnectedCallback(){}render(){var e,s;const n=null!==(e=function(e){if(e)try{return W(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",i=(null!==(s=this.brandFont)&&void 0!==s?s:"Nunito Sans").trim()||void 0;a((()=>{if(!i)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(i)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[i]);const o=null!=i?i:"";return t(r,null,t("style",null,`\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "${o}", arial;\n --sl-input-font-family: "${o}", arial;\n --sl-tooltip-font-family: "${o}", arial;\n font-family: "${o}", arial;\n\t\t\t\n ${n}\n\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),t("slot",null))}},ye=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,s(this)}disconnectedCallback(){}render(){return t(G,Object.assign({},M(this)),t("slot",null))}},xe=N({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),we=xe.toString();function ke({missingProps:e,heading:r="There was a problem loading this section",subheading:s="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:a="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},i){if(!e)return!1;const o=m(),[l,c]=n(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},we),t("div",{slot:"icon",class:xe.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:xe.classes.DivStyle},t("h2",{class:xe.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:r})),t("p",null,u.formatMessage({id:"error-subheading",defaultMessage:s}))),t("details",{class:xe.classes.Details},t("summary",{onClick:()=>c(!l)},l?"Less":"More"," details"),t("p",null,u.formatMessage({id:"error-description",defaultMessage:a},{tagName:o.tagName.toLowerCase()})),t("ul",null,e.map((e=>t("li",null,t("strong",null,e.attribute)))))),t("div",{class:xe.classes.Children},i))}function Ce(e){var t;const r=i(F),[s,o]=n(!1);return a((()=>{var t,s;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(s=null==r?void 0:r.initialData)||void 0===s?void 0:s[e.checkboxName]))}),[null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:r,checked:s},callbacks:{setChecked:o}}}const Ee=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,s(this)}disconnectedCallback(){}render(){const e=_([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(ke,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const r={...M(this)},{states:s,callbacks:a}=h()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ce(this);return t(Z,{states:s,content:r,callbacks:a})}},Ie=p.gql`
1
+ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,k as n,i,u as o,m as l,b as c,j as d}from"./p-cd651f81.js";import{i as u}from"./p-37e86ead.js";import{i as h,_ as m,d as p,J as g,H as v,$ as f,w as b,B as y,L as x,y as w,j as k,r as C,V as E,u as I,Q as S,k as R}from"./p-94a876b9.js";import{j as q}from"./p-e7e129ac.js";import{c as T}from"./p-c1086930.js";import{g as M,a as _}from"./p-9ec99ced.js";import{c as N}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as A}from"./p-2c7ebd5b.js";import{a as P}from"./p-4e451f75.js";import{u as L}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-eab1c9f3.js";import{p as D}from"./p-8d363802.js";import{R as F,u as V}from"./p-98698131.js";import{P as O}from"./p-7e3a84bc.js";import{u as $}from"./p-4e526a94.js";import{A as j}from"./p-121cdc60.js";import{i as U}from"./p-8c23d1b8.js";import{b as B,U as z,B as H,O as W,J as G,i as Z,K,D as Y,E as Q,H as X,I as J,V as ee,L as te,N as re,C as se,d as ae,h as ne,P as ie,e as oe,R as le,W as ce,j as de,a as ue,S as he,u as me,c as pe,T as ge}from"./p-d2beb502.js";import"./p-a9f4ddb1.js";import{u as ve}from"./p-480e08e9.js";const fe=class{constructor(t){e(this,t),this.flexReverse=!1,this.alignment="center",this.ignored=!0,s(this)}disconnectedCallback(){}render(){var e;const{props:r,label:s}=h()?B(this):z(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),n=t("slot",{name:"label"},a?t("slot",null):s);return t(H,Object.assign({},r,{labelSlot:n}))}},be=class{constructor(t){e(this,t),s(this)}disconnectedCallback(){}render(){var e,s;const n=null!==(e=function(e){if(e)try{return W(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",i=(null!==(s=this.brandFont)&&void 0!==s?s:"Nunito Sans").trim()||void 0;a((()=>{if(!i)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(i)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[i]);const o=null!=i?i:"";return t(r,null,t("style",null,`\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "${o}", arial;\n --sl-input-font-family: "${o}", arial;\n --sl-tooltip-font-family: "${o}", arial;\n font-family: "${o}", arial;\n\t\t\t\n ${n}\n\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),t("slot",null))}},ye=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,s(this)}disconnectedCallback(){}render(){return t(G,Object.assign({},M(this)),t("slot",null))}},xe=N({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),we=xe.toString();function ke({missingProps:e,heading:r="There was a problem loading this section",subheading:s="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:a="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},i){if(!e)return!1;const o=m(),[l,c]=n(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},we),t("div",{slot:"icon",class:xe.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:xe.classes.DivStyle},t("h2",{class:xe.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:r})),t("p",null,u.formatMessage({id:"error-subheading",defaultMessage:s}))),t("details",{class:xe.classes.Details},t("summary",{onClick:()=>c(!l)},l?"Less":"More"," details"),t("p",null,u.formatMessage({id:"error-description",defaultMessage:a},{tagName:o.tagName.toLowerCase()})),t("ul",null,e.map((e=>t("li",null,t("strong",null,e.attribute)))))),t("div",{class:xe.classes.Children},i))}function Ce(e){var t;const r=i(F),[s,o]=n(!1);return a((()=>{var t,s;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(s=null==r?void 0:r.initialData)||void 0===s?void 0:s[e.checkboxName]))}),[null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:r,checked:s},callbacks:{setChecked:o}}}const Ee=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,s(this)}disconnectedCallback(){}render(){const e=_([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(ke,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const r={...M(this)},{states:s,callbacks:a}=h()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ce(this);return t(Z,{states:s,content:r,callbacks:a})}},Ie=p.gql`
2
2
  query fuelTankRewardsQuery($programId: ID!) {
3
3
  user: viewer {
4
4
  ... on User {
@@ -169,7 +169,7 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,k as n,i,
169
169
  marketingEmailOptIn
170
170
  }
171
171
  }
172
- `,mt={marketingEmailOptIn:!1,errors:{},error:""},pt=class{constructor(t){e(this,t),this.ignored=!0,this.emailPreferencesHeader="Email preferences",this.marketingCheckboxLabel="I want to receive marketing emails and promotions for this referral program from impact.com",this.submitChangeButtonText="Save",this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.",this.successMessage="Opt-in preference has been changed.",s(this)}disconnectedCallback(){}render(){const e=h()?function(e){return T({states:{success:!1,loading:!1,submitDisabled:!1,user:{id:"01",accountId:"111100000",marketingEmailOptIn:!1},text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage},formState:{marketingEmailOptIn:!1,errors:null,error:""}},callbacks:{onSubmit:e=>console.log(e),setChecked:()=>{}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(M(this)):function(e){const t=g(),[r,s]=n(!1),[i,o]=n(void 0),[l,c]=n(mt),d=b(ut,{},!(null==t?void 0:t.jwt)),[u,h]=f(ht);return a((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?c((e=>{var t,r,s;return{...e,error:null===(s=null===(r=null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.response)||void 0===r?void 0:r.errors)||void 0===s?void 0:s[0].message}})):(o((e=>{var t;return{...e,...null===(t=null==h?void 0:h.data)||void 0===t?void 0:t.upsertUser}})),(null==h?void 0:h.data)&&s(!0)))}),[null==h?void 0:h.loading]),a((()=>{var e,t;o((e=>{var t;return{...e,...null===(t=null==d?void 0:d.data)||void 0===t?void 0:t.viewer}})),c({...mt,...null===(e=d.data)||void 0===e?void 0:e.viewer,...null===(t=h.data)||void 0===t?void 0:t.upsertUser})}),[null==d?void 0:d.data]),a((()=>{var t,r;(null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.message)&&c({...null===(r=d.data)||void 0===r?void 0:r.viewer,error:e.networkRequestMessage})}),[null==h?void 0:h.errors]),{states:{success:r,loading:(null==d?void 0:d.loading)||h.loading,submitDisabled:!1,formState:l,user:i,text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage}},callbacks:{onSubmit:e=>{var r;s(!1);const a=null===(r=e.detail)||void 0===r?void 0:r.formData;null==a||a.forEach(((e,t)=>{q.set(a,t,e)})),u({userInput:{id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,marketingEmailOptIn:Boolean(a.marketingEmailOptIn)}}),c((e=>({...e,errors:{},error:""})))},setChecked:e=>c({...l,marketingEmailOptIn:e})}}}(M(this));return t(se,Object.assign({},e))}},gt=class{constructor(t){e(this,t),this.ignored=!0,this.modalChangePasswordHeader="Change Password",this.cancelText="Cancel",this.changePasswordButtonText="Change Password",this.passwordFieldLabel="New Password",this.confirmPasswordFieldLabel="Confirm New Password",this.successMessage="Your password has been updated.",this.portalChangePasswordHeader="Password",this.portalChangePasswordButtonText="Change your password...",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.nonMatchingPasswordErrorText="contain at least 1 lowercase character",this.invalidSessionErrorText="Please log in again to change your password.",this.hasErrorText="contain at least 1 number or symbol",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=h()?function(e){const[t,r]=n(!1);return T({states:{open:t,error:"",content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},callbacks:{setOpen:e=>r(e),submit:e=>console.log("Submit",e)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,s,a,i,o,l;const[c,{loading:d,errors:u}]=C(),[h,m]=n(!1),[p,v]=n(""),[f,b]=n(!1),y=g();return{states:{open:h,loading:d,success:f,error:p||(null===(a=null===(s=null===(r=null===(t=null==u?void 0:u.response)||void 0===t?void 0:t.errors)||void 0===r?void 0:r[0])||void 0===s?void 0:s.extensions)||void 0===a?void 0:a.message)||(null===(l=null===(o=null===(i=null==u?void 0:u.response)||void 0===i?void 0:i.errors)||void 0===o?void 0:o[0])||void 0===l?void 0:l.message),content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},data:{},callbacks:{setOpen:m,submit:async t=>{var r,s;b(!1);const a=null===(r=t.detail)||void 0===r?void 0:r.formData;if(null==a||a.forEach(((e,t)=>{q.set(a,t,e)})),!(null==y?void 0:y.jwt))return void v(e.invalidSessionErrorText);if(a.password!==a.confirmPassword)return void v(e.nonMatchingPasswordErrorText);v("");const n={password:a.password},i=await c(n);i instanceof Error||!(null===(s=i.changeManagedIdentityPassword)||void 0===s?void 0:s.success)||b(!0)}}}}(this);return t(ae,{states:e,callbacks:r})}},vt=class{constructor(t){e(this,t),this.ignored=!0,this.hideSupportText=!1,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.hidePoweredBy=!1,this.poweredByLink="https://impact.com/advocate/",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",s(this)}disconnectedCallback(){}render(){return t(ne,Object.assign({},M(this)))}static get assetsDirs(){return["../../assets"]}},ft=class{constructor(t){e(this,t),this.ignored=!0,this.notFullScreen=!1,s(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"footer"}),r=t("slot",{name:"header"}),s=h()?function(e,r,s){return T({notFullScreen:!0,data:{footer:e||t("span",null,"example@example.com"),header:r||t("div",{style:{display:"flex",flexDirection:"column"}},t("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),t("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},s.demoData||{},{arrayMerge:(e,t)=>t})}(e,r,this):function(e,t){const[,r]=w();return{data:{footer:e,header:t},callbacks:{rerender:r}}}(e,r);return t(ie,Object.assign({},s),t("slot",null))}},bt=class{constructor(t){e(this,t),this.ignored=!0,this.nextPage="/",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Sign In",this.forgotPasswordPath="/forgotPassword",this.forgotPasswordLabel="Forgot Password?",this.registerLabel="Register",this.registerPath="/register",this.pageLabel="Sign in to your account",this.networkErrorMessage="An error occurred while logging you in. Please refresh the page and try again.",this.registerCTA="Don't have an account?",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=h()?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:(e,t)=>t}):$(this),s=N({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),a={forgotPasswordButton:t("slot",{name:"forgotPassword"},t("a",{onClick:()=>k.push(e.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:t("slot",{name:"secondaryButton"},t("style",null,s),t("sl-button",{type:"text",disabled:e.loading,onClick:()=>k.push(e.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return t(O,{states:e,callbacks:r,content:a})}},yt=class{constructor(t){e(this,t),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Register",this.loginLabel="Sign in",this.confirmPasswordLabel="Confirm Password",this.confirmPassword=!1,this.disablePasswordValidation=!1,this.hideInputs=!1,this.pageLabel="Register",this.loginPath="/login",this.requiredFieldErrorMessage="Cannot be empty",this.networkErrorMessage="Network request failed.",this.passwordMismatchErrorMessage="Passwords do not match.",this.invalidEmailErrorMessage="Must be a valid email address",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.hasErrorText="contain at least 1 number or symbol",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r,refs:s}=h()?T({states:{error:"",loading:!1,confirmPassword:(n=this).confirmPassword,hideInputs:n.hideInputs||!1,customPasswordField:!1,loginPath:n.loginPath,disablePasswordValidation:n.disablePasswordValidation},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},n.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,r,s,n,i,o,c,d,u;const h=l(null),{registrationFormState:m,setRegistrationFormState:p}=V({}),[g,{loading:v,errors:f}]=E();a((()=>{if(!h.current)return;const e=h.current;return e.addEventListener("sl-input",b),()=>{e.removeEventListener("sl-input",b)}}),[h.current]);const b=I((e=>{var t,r;if("tel"!==(null===(r=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===r?void 0:r.toLowerCase()))return;const s=new j("US");e.target.value=s.input(e.target.value)}),[]);let y="";return y=(null===(t=null==f?void 0:f.response)||void 0===t?void 0:t.error)||(null==f?void 0:f.message)&&!(null===(r=null==f?void 0:f.response)||void 0===r?void 0:r.errors.length)?e.networkErrorMessage:(null===(o=null===(i=null===(n=null===(s=null==f?void 0:f.response)||void 0===s?void 0:s.errors)||void 0===n?void 0:n[0])||void 0===i?void 0:i.extensions)||void 0===o?void 0:o.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:v,error:y,registrationFormState:m,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:async t=>{var r;let s=t.target.getFormControls(),a={},n={};if(null==s||s.forEach((t=>{if(!t.name)return;const r=t.name,s=t.value;if(q.set(a,r,s),t.required&&!s&&q.set(n,r,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:r,value:s});e&&q.set(n,r,e)}})),(e.confirmPassword||a.confirmPassword)&&a.password!==a.confirmPassword&&(n={...n,confirmPassword:e.passwordMismatchErrorMessage}),Object.keys(n).length)return void p({loading:!1,error:"",validationErrors:n});p({loading:!0,error:"",validationErrors:{}});const{email:i,password:o}=a;delete a.email,delete a.password,delete a.confirmPassword,a={...a};const l={email:i,password:o,formData:a,redirectPath:e.redirectPath};try{const t=await g(l);if(t instanceof Error)throw t;p({loading:!1,error:"",validationErrors:{}}),(null===(r=t.registerManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token)&&k.push(e.nextPage)}catch(t){p({loading:!1,error:e.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var n;const i={formData:t("slot",{name:"formData"}),secondaryButton:t("slot",{name:"secondaryButton"},t("sl-button",{type:"text",disabled:e.loading,onClick:()=>k.push(e.loginPath)},this.loginLabel)),terms:t("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};return t(oe,{states:e,callbacks:r,content:i,refs:s})}};function xt(e,r){const s=N({Container:{color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),a=s.toString();return t("div",{class:s.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},a,"\n ::slotted(*){\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n ::slotted(*){\n display: block;\n }\n }"),t("div",{class:s.classes.Header},t("div",{class:s.classes.Header,part:"sqm-header"},e.header)),t("div",{class:s.classes.Grid,part:"sqm-grid-container"},r))}const wt=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return t(xt,Object.assign({},M(this)),t("slot",null))}};function kt(e){const r=N({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",borderRadius:e.borderRadius?`${e.borderRadius}px`:"var(--sl-border-radius-large)",color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{color:e.textColor||"var(--sqm-text)",fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{color:e.textColor||"var(--sqm-text)",fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:e.iconBackgroundColor||"var(--sl-color-white)",color:e.iconColor||"var(--sl-color-primary-500)",fontSize:"26px",textAlign:"center",lineHeight:"72px",display:"flex",alignItems:"center",justifyContent:"center"}}),s=r.toString();return t("div",{class:r.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},s),t("div",null,e.imageUrl?t("img",{class:r.classes.Media,src:e.imageUrl,part:"sqm-media"}):t("div",{class:r.classes.Media,part:"sqm-media"},t("sl-icon",{name:e.icon}))),t("div",{class:r.classes.Text},t("div",{class:r.classes.Header,part:"sqm-header"},e.header),t("div",{class:r.classes.Description,part:"sqm-description"},e.description)))}const Ct=class{constructor(t){e(this,t),s(this)}disconnectedCallback(){}render(){return t(kt,Object.assign({},M(this)))}},Et=c("sq:useProgramMenu"),It=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{data:e,ref:s}=function(e){const t=v(),r=m();Et({programId:t,props:e});const s=l(),[,n]=w();return a((()=>{var e;null===(e=s.current)||void 0===e||e.addEventListener("sl-select",(e=>{r.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:e.detail.item.value,bubbles:!0,composed:!0}))}))}),[s.current]),{data:{programId:t},callbacks:{rerender:n},ref:s}}(M(this));return t(r,{style:{display:"contents"}},t("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:e.programId,ref:e=>s.current=e},t("slot",null)))}};function St(e){const r=N({Container:{borderRadius:e.borderRadius||"var(--sl-border-radius-large)",color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||"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"}}}),s=r.toString();return t("div",{part:"sqm-base",class:r.classes.Container,style:{border:e.hideBorder?"none":"1px solid "+(e.borderColor||"var(--sl-color-neutral-300)"),"padding-top":`var(--sl-spacing-${e.paddingTop})`,"padding-right":`var(--sl-spacing-${e.paddingRight})`,"padding-bottom":`var(--sl-spacing-${e.paddingBottom})`,"padding-left":`var(--sl-spacing-${e.paddingLeft})`,backgroundColor:e.backgroundColor,maxWidth:e.limitWidth?"600px":"none",margin:e.limitWidth?"auto":"none"}},t("style",{type:"text/css"},s,"\n :host{\n display: block; \n }\n "),e.hasHeader&&t("div",{class:r.classes.EndContainer},e.slots.header),t("div",{part:"sqm-column-container",class:r.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&t("div",{class:r.classes.EndContainer},e.slots.footer))}const Rt=class{constructor(t){e(this,t),this.ignored=!0,this.verticalAlignment="start",this.hideBorder=!1,this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",this.backgroundColor="#ffffff",this.limitWidth=!1,s(this)}disconnectedCallback(){}render(){const e={left:t("slot",{name:"left"}),right:t("slot",{name:"right"}),header:t("slot",{name:"header"}),footer:t("slot",{name:"footer"})},r=L(),s=r.findIndex((e=>"header"===e.slot))>-1,a=r.findIndex((e=>"footer"===e.slot))>-1;return t(St,Object.assign({},M(this),{slots:e,hasHeader:s,hasFooter:a}),t("slot",null))}},qt=p.gql`
172
+ `,mt={marketingEmailOptIn:!1,errors:{},error:""},pt=class{constructor(t){e(this,t),this.ignored=!0,this.emailPreferencesHeader="Email preferences",this.marketingCheckboxLabel="I want to receive marketing emails and promotions for this referral program from impact.com",this.submitChangeButtonText="Save",this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.",this.successMessage="Opt-in preference has been changed.",s(this)}disconnectedCallback(){}render(){const e=h()?function(e){return T({states:{success:!1,loading:!1,submitDisabled:!1,user:{id:"01",accountId:"111100000",marketingEmailOptIn:!1},text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage},formState:{marketingEmailOptIn:!1,errors:null,error:""}},callbacks:{onSubmit:e=>console.log(e),setChecked:()=>{}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(M(this)):function(e){const t=g(),[r,s]=n(!1),[i,o]=n(void 0),[l,c]=n(mt),d=b(ut,{},!(null==t?void 0:t.jwt)),[u,h]=f(ht);return a((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?c((e=>{var t,r,s;return{...e,error:null===(s=null===(r=null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.response)||void 0===r?void 0:r.errors)||void 0===s?void 0:s[0].message}})):(o((e=>{var t;return{...e,...null===(t=null==h?void 0:h.data)||void 0===t?void 0:t.upsertUser}})),(null==h?void 0:h.data)&&s(!0)))}),[null==h?void 0:h.loading]),a((()=>{var e,t;o((e=>{var t;return{...e,...null===(t=null==d?void 0:d.data)||void 0===t?void 0:t.viewer}})),c({...mt,...null===(e=d.data)||void 0===e?void 0:e.viewer,...null===(t=h.data)||void 0===t?void 0:t.upsertUser})}),[null==d?void 0:d.data]),a((()=>{var t,r;(null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.message)&&c({...null===(r=d.data)||void 0===r?void 0:r.viewer,error:e.networkRequestMessage})}),[null==h?void 0:h.errors]),{states:{success:r,loading:(null==d?void 0:d.loading)||h.loading,submitDisabled:!1,formState:l,user:i,text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage}},callbacks:{onSubmit:e=>{var r;s(!1);const a=null===(r=e.detail)||void 0===r?void 0:r.formData;null==a||a.forEach(((e,t)=>{q.set(a,t,e)})),u({userInput:{id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,marketingEmailOptIn:Boolean(a.marketingEmailOptIn)}}),c((e=>({...e,errors:{},error:""})))},setChecked:e=>c({...l,marketingEmailOptIn:e})}}}(M(this));return t(se,Object.assign({},e))}},gt=class{constructor(t){e(this,t),this.ignored=!0,this.modalChangePasswordHeader="Change Password",this.cancelText="Cancel",this.changePasswordButtonText="Change Password",this.passwordFieldLabel="New Password",this.confirmPasswordFieldLabel="Confirm New Password",this.successMessage="Your password has been updated.",this.portalChangePasswordHeader="Password",this.portalChangePasswordButtonText="Change your password...",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.nonMatchingPasswordErrorText="contain at least 1 lowercase character",this.invalidSessionErrorText="Please log in again to change your password.",this.hasErrorText="contain at least 1 number or symbol",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=h()?function(e){const[t,r]=n(!1);return T({states:{open:t,error:"",content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},callbacks:{setOpen:e=>r(e),submit:e=>console.log("Submit",e)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,s,a,i,o,l;const[c,{loading:d,errors:u}]=C(),[h,m]=n(!1),[p,v]=n(""),[f,b]=n(!1),y=g();return{states:{open:h,loading:d,success:f,error:p||(null===(a=null===(s=null===(r=null===(t=null==u?void 0:u.response)||void 0===t?void 0:t.errors)||void 0===r?void 0:r[0])||void 0===s?void 0:s.extensions)||void 0===a?void 0:a.message)||(null===(l=null===(o=null===(i=null==u?void 0:u.response)||void 0===i?void 0:i.errors)||void 0===o?void 0:o[0])||void 0===l?void 0:l.message),content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},data:{},callbacks:{setOpen:m,submit:async t=>{var r,s;b(!1);const a=null===(r=t.detail)||void 0===r?void 0:r.formData;if(null==a||a.forEach(((e,t)=>{q.set(a,t,e)})),!(null==y?void 0:y.jwt))return void v(e.invalidSessionErrorText);if(a.password!==a.confirmPassword)return void v(e.nonMatchingPasswordErrorText);v("");const n={password:a.password},i=await c(n);i instanceof Error||!(null===(s=i.changeManagedIdentityPassword)||void 0===s?void 0:s.success)||b(!0)}}}}(this);return t(ae,{states:e,callbacks:r})}},vt=class{constructor(t){e(this,t),this.ignored=!0,this.hideSupportText=!1,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.hidePoweredBy=!1,this.poweredByLink="https://impact.com/advocate/",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",s(this)}disconnectedCallback(){}render(){return t(ne,Object.assign({},M(this)))}static get assetsDirs(){return["../../assets"]}},ft=class{constructor(t){e(this,t),this.ignored=!0,this.notFullScreen=!1,this.backgroundColor="var(--sqm-portal-background, #fff);",s(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"footer"}),r=t("slot",{name:"header"}),s=h()?function(e,r,s){return T({notFullScreen:!0,backgroundColor:s.backgroundColor,data:{footer:e||t("span",null,"example@example.com"),header:r||t("div",{style:{display:"flex",flexDirection:"column"}},t("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),t("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},s.demoData||{},{arrayMerge:(e,t)=>t})}(e,r,this):function(e,t,r){const[,s]=w();return{data:{footer:e,header:t},callbacks:{rerender:s},backgroundColor:r.backgroundColor}}(e,r,this);return t(ie,Object.assign({},s),t("slot",null))}},bt=class{constructor(t){e(this,t),this.ignored=!0,this.nextPage="/",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Sign In",this.forgotPasswordPath="/forgotPassword",this.forgotPasswordLabel="Forgot Password?",this.registerLabel="Register",this.registerPath="/register",this.pageLabel="Sign in to your account",this.networkErrorMessage="An error occurred while logging you in. Please refresh the page and try again.",this.registerCTA="Don't have an account?",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=h()?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:(e,t)=>t}):$(this),s=N({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),a={forgotPasswordButton:t("slot",{name:"forgotPassword"},t("a",{onClick:()=>k.push(e.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:t("slot",{name:"secondaryButton"},t("style",null,s),t("sl-button",{type:"text",disabled:e.loading,onClick:()=>k.push(e.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return t(O,{states:e,callbacks:r,content:a})}},yt=class{constructor(t){e(this,t),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Register",this.loginLabel="Sign in",this.confirmPasswordLabel="Confirm Password",this.confirmPassword=!1,this.disablePasswordValidation=!1,this.hideInputs=!1,this.pageLabel="Register",this.loginPath="/login",this.requiredFieldErrorMessage="Cannot be empty",this.networkErrorMessage="Network request failed.",this.passwordMismatchErrorMessage="Passwords do not match.",this.invalidEmailErrorMessage="Must be a valid email address",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.hasErrorText="contain at least 1 number or symbol",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r,refs:s}=h()?T({states:{error:"",loading:!1,confirmPassword:(n=this).confirmPassword,hideInputs:n.hideInputs||!1,customPasswordField:!1,loginPath:n.loginPath,disablePasswordValidation:n.disablePasswordValidation},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},n.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,r,s,n,i,o,c,d,u;const h=l(null),{registrationFormState:m,setRegistrationFormState:p}=V({}),[g,{loading:v,errors:f}]=E();a((()=>{if(!h.current)return;const e=h.current;return e.addEventListener("sl-input",b),()=>{e.removeEventListener("sl-input",b)}}),[h.current]);const b=I((e=>{var t,r;if("tel"!==(null===(r=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===r?void 0:r.toLowerCase()))return;const s=new j("US");e.target.value=s.input(e.target.value)}),[]);let y="";return y=(null===(t=null==f?void 0:f.response)||void 0===t?void 0:t.error)||(null==f?void 0:f.message)&&!(null===(r=null==f?void 0:f.response)||void 0===r?void 0:r.errors.length)?e.networkErrorMessage:(null===(o=null===(i=null===(n=null===(s=null==f?void 0:f.response)||void 0===s?void 0:s.errors)||void 0===n?void 0:n[0])||void 0===i?void 0:i.extensions)||void 0===o?void 0:o.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:v,error:y,registrationFormState:m,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:async t=>{var r;let s=t.target.getFormControls(),a={},n={};if(null==s||s.forEach((t=>{if(!t.name)return;const r=t.name,s=t.value;if(q.set(a,r,s),t.required&&!s&&q.set(n,r,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:r,value:s});e&&q.set(n,r,e)}})),(e.confirmPassword||a.confirmPassword)&&a.password!==a.confirmPassword&&(n={...n,confirmPassword:e.passwordMismatchErrorMessage}),Object.keys(n).length)return void p({loading:!1,error:"",validationErrors:n});p({loading:!0,error:"",validationErrors:{}});const{email:i,password:o}=a;delete a.email,delete a.password,delete a.confirmPassword,a={...a};const l={email:i,password:o,formData:a,redirectPath:e.redirectPath};try{const t=await g(l);if(t instanceof Error)throw t;p({loading:!1,error:"",validationErrors:{}}),(null===(r=t.registerManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token)&&k.push(e.nextPage)}catch(t){p({loading:!1,error:e.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var n;const i={formData:t("slot",{name:"formData"}),secondaryButton:t("slot",{name:"secondaryButton"},t("sl-button",{type:"text",disabled:e.loading,onClick:()=>k.push(e.loginPath)},this.loginLabel)),terms:t("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};return t(oe,{states:e,callbacks:r,content:i,refs:s})}};function xt(e,r){const s=N({Container:{color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),a=s.toString();return t("div",{class:s.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},a,"\n ::slotted(*){\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n ::slotted(*){\n display: block;\n }\n }"),t("div",{class:s.classes.Header},t("div",{class:s.classes.Header,part:"sqm-header"},e.header)),t("div",{class:s.classes.Grid,part:"sqm-grid-container"},r))}const wt=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return t(xt,Object.assign({},M(this)),t("slot",null))}};function kt(e){const r=N({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",borderRadius:e.borderRadius?`${e.borderRadius}px`:"var(--sl-border-radius-large)",color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{color:e.textColor||"var(--sqm-text)",fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{color:e.textColor||"var(--sqm-text)",fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:e.iconBackgroundColor||"var(--sl-color-white)",color:e.iconColor||"var(--sl-color-primary-500)",fontSize:"26px",textAlign:"center",lineHeight:"72px",display:"flex",alignItems:"center",justifyContent:"center"}}),s=r.toString();return t("div",{class:r.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},s),t("div",null,e.imageUrl?t("img",{class:r.classes.Media,src:e.imageUrl,part:"sqm-media"}):t("div",{class:r.classes.Media,part:"sqm-media"},t("sl-icon",{name:e.icon}))),t("div",{class:r.classes.Text},t("div",{class:r.classes.Header,part:"sqm-header"},e.header),t("div",{class:r.classes.Description,part:"sqm-description"},e.description)))}const Ct=class{constructor(t){e(this,t),s(this)}disconnectedCallback(){}render(){return t(kt,Object.assign({},M(this)))}},Et=c("sq:useProgramMenu"),It=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{data:e,ref:s}=function(e){const t=v(),r=m();Et({programId:t,props:e});const s=l(),[,n]=w();return a((()=>{var e;null===(e=s.current)||void 0===e||e.addEventListener("sl-select",(e=>{r.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:e.detail.item.value,bubbles:!0,composed:!0}))}))}),[s.current]),{data:{programId:t},callbacks:{rerender:n},ref:s}}(M(this));return t(r,{style:{display:"contents"}},t("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:e.programId,ref:e=>s.current=e},t("slot",null)))}};function St(e){const r=N({Container:{borderRadius:e.borderRadius||"var(--sl-border-radius-large)",color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||"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"}}}),s=r.toString();return t("div",{part:"sqm-base",class:r.classes.Container,style:{border:e.hideBorder?"none":"1px solid "+(e.borderColor||"var(--sl-color-neutral-300)"),"padding-top":`var(--sl-spacing-${e.paddingTop})`,"padding-right":`var(--sl-spacing-${e.paddingRight})`,"padding-bottom":`var(--sl-spacing-${e.paddingBottom})`,"padding-left":`var(--sl-spacing-${e.paddingLeft})`,backgroundColor:e.backgroundColor,maxWidth:e.limitWidth?"600px":"none",margin:e.limitWidth?"auto":"none"}},t("style",{type:"text/css"},s,"\n :host{\n display: block; \n }\n "),e.hasHeader&&t("div",{class:r.classes.EndContainer},e.slots.header),t("div",{part:"sqm-column-container",class:r.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&t("div",{class:r.classes.EndContainer},e.slots.footer))}const Rt=class{constructor(t){e(this,t),this.ignored=!0,this.verticalAlignment="start",this.hideBorder=!1,this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",this.backgroundColor="#ffffff",this.limitWidth=!1,s(this)}disconnectedCallback(){}render(){const e={left:t("slot",{name:"left"}),right:t("slot",{name:"right"}),header:t("slot",{name:"header"}),footer:t("slot",{name:"footer"})},r=L(),s=r.findIndex((e=>"header"===e.slot))>-1,a=r.findIndex((e=>"footer"===e.slot))>-1;return t(St,Object.assign({},M(this),{slots:e,hasHeader:s,hasFooter:a}),t("slot",null))}},qt=p.gql`
173
173
  query getUser($programId: ID) {
174
174
  viewer {
175
175
  ... on User {