@saasquatch/mint-components 1.12.0-3 → 1.12.0-4

package/dist/mint-components/{p-8da20810.entry.js → p-ff77d11f.entry.js}

@@ -151,7 +151,7 @@ import{r as e,h as t,c as s}from"./p-64c3217a.js";import{j as r,d as a,f as n,k
       }
     }
   }
-`,ot=class{constructor(t){e(this,t),this.informationRequiredHeader="Payout and tax information required",this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.",this.informationRequiredButtonText="Payouts & Tax Settings",this.verificationRequiredHeader="Verify your identity",this.verificationRequiredDescription="Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.",this.verificationRequiredButtonText="Start Verification",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 {support email}.",r(this)}disconnectedCallback(){}getTextProps(){return A(this)}render(){const e=h()?function(e){return M({states:{status:"INFORMATION_REQUIRED",loading:!1},text:e.getTextProps()},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){const{loading:t,data:s,refetch:r}=f(it,{}),[i,o]=n(void 0);return a((()=>{if(!s)return;const e=function(e){var t,s;const r=null===(s=null===(t=e.user.impactConnection)||void 0===t?void 0:t.publisher)||void 0===s?void 0:s.payoutsAccount;return r?r.hold?"HOLD":r.verified?"DONE":"VERIFICATION_NEEDED":"INFORMATION_REQUIRED"}(s);o(e)}),[s]),a((()=>{const e=()=>r();return window.addEventListener("sqm:tax-form-updated",e),()=>window.removeEventListener("sqm:tax-form-updated",e)}),[]),console.log({data:s}),{states:{loading:t,status:i},text:e.getTextProps()}}(this);return t(nt,Object.assign({},e))}},lt=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",r(this)}disconnectedCallback(){}render(){const{states:e,callbacks:s}=h()?function(e){const[t,s]=n(!1);return M({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=>s(e),submit:e=>console.log("Submit",e)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,s,r,a,i,o,l;const[c,{loading:d,errors:u}]=k(),[h,m]=n(!1),[v,g]=n(""),[f,b]=n(!1),y=p();return{states:{open:h,loading:d,success:f,error:v||(null===(a=null===(r=null===(s=null===(t=null==u?void 0:u.response)||void 0===t?void 0:t.errors)||void 0===s?void 0:s[0])||void 0===r?void 0:r.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 s,r;b(!1);const a=null===(s=t.detail)||void 0===s?void 0:s.formData;if(null==a||a.forEach(((e,t)=>{F.set(a,t,e)})),!(null==y?void 0:y.jwt))return void g(e.invalidSessionErrorText);if(a.password!==a.confirmPassword)return void g(e.nonMatchingPasswordErrorText);g("");const n={password:a.password},i=await c(n);i instanceof Error||!(null===(r=i.changeManagedIdentityPassword)||void 0===r?void 0:r.success)||b(!0)}}}}(this);return t(se,{states:e,callbacks:s})}},ct=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",r(this)}disconnectedCallback(){}render(){return t(re,Object.assign({},A(this)))}static get assetsDirs(){return["../../assets"]}},dt=class{constructor(t){e(this,t),this.ignored=!0,this.notFullScreen=!1,r(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"footer"}),s=t("slot",{name:"header"}),r=h()?function(e,s,r){return M({notFullScreen:!0,data:{footer:e||t("span",null,"example@example.com"),header:s||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:()=>{}}},r.demoData||{},{arrayMerge:(e,t)=>t})}(e,s,this):function(e,t){const[,s]=x();return{data:{footer:e,header:t},callbacks:{rerender:s}}}(e,s);return t(ae,Object.assign({},r),t("slot",null))}},ut=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.",r(this)}disconnectedCallback(){}render(){const{states:e,callbacks:s}=h()?M({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:async()=>{console.log("submit")}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,s,r,a,i,o,l;const[c,{loading:d,errors:u}]=C(),[h,m]=n(""),p=new URLSearchParams(w.location.search),v=p.get("nextPage");return{states:{loading:d,error:(null===(a=null===(r=null===(s=null===(t=null==u?void 0:u.response)||void 0===t?void 0:t.errors)||void 0===s?void 0:s[0])||void 0===r?void 0:r.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)||h,registerPath:e.registerPath,forgotPasswordPath:e.forgotPasswordPath},callbacks:{submit:async t=>{var s,r;m("");let a=t.detail.formData;null==a||a.forEach(((e,t)=>{F.set(a,t,e)}));const n={email:a.email,password:a.password},i=await c(n);if(i instanceof Error)((null==i?void 0:i.message)||(null===(s=null==i?void 0:i.response)||void 0===s?void 0:s.error))&&m(e.networkErrorMessage);else if(null===(r=i.authenticateManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token){p.delete("nextPage");const t=D(v||e.nextPage);w.push(t.href)}}}}}(this),r={forgotPasswordButton:t("slot",{name:"forgotPassword"},t("a",{onClick:()=>w.push(e.forgotPasswordPath)},this.forgotPasswordLabel)),secondaryButton:t("slot",{name:"secondaryButton"},t("sl-button",{type:"text",disabled:e.loading,onClick:()=>w.push(e.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return t(ne,{states:e,callbacks:s,content:r})}},ht=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",r(this)}disconnectedCallback(){}render(){const{states:e,callbacks:s,refs:r}=h()?M({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,s,r,n,i,o,c,d,u;const h=l(null),{registrationFormState:m,setRegistrationFormState:p}=$({}),[v,{loading:g,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,s;if("tel"!==(null===(s=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===s?void 0:s.toLowerCase()))return;const r=new j("US");e.target.value=r.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===(s=null==f?void 0:f.response)||void 0===s?void 0:s.errors.length)?e.networkErrorMessage:(null===(o=null===(i=null===(n=null===(r=null==f?void 0:f.response)||void 0===r?void 0:r.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:g,error:y,registrationFormState:m,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:async t=>{var s;let r=t.target.getFormControls(),a={},n={};if(null==r||r.forEach((t=>{if(!t.name)return;const s=t.name,r=t.value;if(F.set(a,s,r),t.required&&!r&&F.set(n,s,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:s,value:r});e&&F.set(n,s,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 v(l);if(t instanceof Error)throw t;p({loading:!1,error:"",validationErrors:{}}),(null===(s=t.registerManagedIdentityWithEmailAndPassword)||void 0===s?void 0:s.token)&&w.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:()=>w.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(ie,{states:e,callbacks:s,content:i,refs:r})}};function mt(e,s){const r=q({Container:{color:e.textColor||"var(--sl-color-neutral-900)",background:e.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),a=r.toString();return t("div",{class:r.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:r.classes.Header},t("div",{class:r.classes.Header,part:"sqm-header"},e.header)),t("div",{class:r.classes.Grid,part:"sqm-grid-container"},s))}const pt=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return t(mt,Object.assign({},A(this)),t("slot",null))}};function vt(e){const s=q({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sl-color-neutral-900)",background:e.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:"#FFF",color:"var(--sl-color-primary-300)",fontSize:"26px",textAlign:"center",lineHeight:"72px"}}),r=s.toString();return t("div",{class:s.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},r),t("div",null,e.imageUrl?t("img",{class:s.classes.Media,src:e.imageUrl,part:"sqm-media"}):t("div",{class:s.classes.Media,part:"sqm-media"},t("sl-icon",{name:e.icon}))),t("div",{class:s.classes.Text},t("div",{class:s.classes.Header,part:"sqm-header"},e.header),t("div",{class:s.classes.Description,part:"sqm-description"},e.description)))}const gt=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}render(){return t(vt,Object.assign({},A(this)))}},ft=c("sq:useProgramMenu"),bt=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){const{data:e,ref:r}=function(e){const t=v(),s=m();ft({programId:t,props:e});const r=l(),[,n]=x();return a((()=>{var e;null===(e=r.current)||void 0===e||e.addEventListener("sl-select",(e=>{s.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:e.detail.item.value,bubbles:!0,composed:!0}))}))}),[r.current]),{data:{programId:t},callbacks:{rerender:n},ref:r}}(A(this));return t(s,{style:{display:"contents"}},t("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:e.programId,ref:e=>r.current=e},t("slot",null)))}},yt=q({Container:{borderRadius:"var(--sl-border-radius-large)",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)",display:"flex",flexDirection:"column",rowGap:"var(--sl-spacing-large)"},EndContainer:{display:"flex",flexDirection:"column",alignItems:"center"},ColumnContainer:{"& p":{margin:"0"},display:"grid",gridAutoColumns:"minmax(0, 1fr)",gridAutoFlow:"column",gap:"calc(2 * var(--sl-spacing-medium))","@media (max-width: 499px)":{gridAutoFlow:"unset",gridAutoColumns:"unset",gridTemplateColumns:"1fr",border:"none"}}}),xt=yt.toString();function wt(e){return t("div",{part:"sqm-base",class:yt.classes.Container,style:{border:e.hideBorder?"none":"1px solid var(--sl-color-neutral-300)","padding-top":`var(--sl-spacing-${e.paddingTop})`,"padding-right":`var(--sl-spacing-${e.paddingRight})`,"padding-bottom":`var(--sl-spacing-${e.paddingBottom})`,"padding-left":`var(--sl-spacing-${e.paddingLeft})`,backgroundColor:e.backgroundColor,maxWidth:e.limitWidth?"600px":"none",margin:e.limitWidth?"auto":"none"}},t("style",{type:"text/css"},xt,"\n    :host{\n      display: block;   \n    }\n  "),e.hasHeader&&t("div",{class:yt.classes.EndContainer},e.slots.header),t("div",{part:"sqm-column-container",class:yt.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&t("div",{class:yt.classes.EndContainer},e.slots.footer))}const kt=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,r(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"})},s=_(),r=s.findIndex((e=>"header"===e.slot))>-1,a=s.findIndex((e=>"footer"===e.slot))>-1;return t(wt,Object.assign({},A(this),{slots:e,hasHeader:r,hasFooter:a}),t("slot",null))}},Ct=N.gql`
+`,ot=class{constructor(t){e(this,t),this.informationRequiredHeader="Payout and tax information required",this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.",this.informationRequiredButtonText="Payouts & Tax Settings",this.verificationRequiredHeader="Verify your identity",this.verificationRequiredDescription="Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.",this.verificationRequiredButtonText="Start Verification",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 {support email}.",r(this)}disconnectedCallback(){}getTextProps(){return A(this)}render(){const e=h()?function(e){return M({states:{status:"INFORMATION_REQUIRED",loading:!1},text:e.getTextProps()},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){const{loading:t,data:s,refetch:r}=f(it,{}),[i,o]=n(void 0);return a((()=>{if(!s)return;const e=function(e){var t,s;const r=null===(s=null===(t=e.user.impactConnection)||void 0===t?void 0:t.publisher)||void 0===s?void 0:s.payoutsAccount;return r?r.hold?"HOLD":r.verified?"DONE":"VERIFICATION_NEEDED":"INFORMATION_REQUIRED"}(s);o(e)}),[s]),a((()=>{const e=()=>r();return window.addEventListener("sqm:tax-form-updated",e),()=>window.removeEventListener("sqm:tax-form-updated",e)}),[]),{states:{loading:t,status:i},text:e.getTextProps()}}(this);return t(nt,Object.assign({},e))}},lt=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",r(this)}disconnectedCallback(){}render(){const{states:e,callbacks:s}=h()?function(e){const[t,s]=n(!1);return M({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=>s(e),submit:e=>console.log("Submit",e)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,s,r,a,i,o,l;const[c,{loading:d,errors:u}]=k(),[h,m]=n(!1),[v,g]=n(""),[f,b]=n(!1),y=p();return{states:{open:h,loading:d,success:f,error:v||(null===(a=null===(r=null===(s=null===(t=null==u?void 0:u.response)||void 0===t?void 0:t.errors)||void 0===s?void 0:s[0])||void 0===r?void 0:r.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 s,r;b(!1);const a=null===(s=t.detail)||void 0===s?void 0:s.formData;if(null==a||a.forEach(((e,t)=>{F.set(a,t,e)})),!(null==y?void 0:y.jwt))return void g(e.invalidSessionErrorText);if(a.password!==a.confirmPassword)return void g(e.nonMatchingPasswordErrorText);g("");const n={password:a.password},i=await c(n);i instanceof Error||!(null===(r=i.changeManagedIdentityPassword)||void 0===r?void 0:r.success)||b(!0)}}}}(this);return t(se,{states:e,callbacks:s})}},ct=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",r(this)}disconnectedCallback(){}render(){return t(re,Object.assign({},A(this)))}static get assetsDirs(){return["../../assets"]}},dt=class{constructor(t){e(this,t),this.ignored=!0,this.notFullScreen=!1,r(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"footer"}),s=t("slot",{name:"header"}),r=h()?function(e,s,r){return M({notFullScreen:!0,data:{footer:e||t("span",null,"example@example.com"),header:s||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:()=>{}}},r.demoData||{},{arrayMerge:(e,t)=>t})}(e,s,this):function(e,t){const[,s]=x();return{data:{footer:e,header:t},callbacks:{rerender:s}}}(e,s);return t(ae,Object.assign({},r),t("slot",null))}},ut=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.",r(this)}disconnectedCallback(){}render(){const{states:e,callbacks:s}=h()?M({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:async()=>{console.log("submit")}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,s,r,a,i,o,l;const[c,{loading:d,errors:u}]=C(),[h,m]=n(""),p=new URLSearchParams(w.location.search),v=p.get("nextPage");return{states:{loading:d,error:(null===(a=null===(r=null===(s=null===(t=null==u?void 0:u.response)||void 0===t?void 0:t.errors)||void 0===s?void 0:s[0])||void 0===r?void 0:r.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)||h,registerPath:e.registerPath,forgotPasswordPath:e.forgotPasswordPath},callbacks:{submit:async t=>{var s,r;m("");let a=t.detail.formData;null==a||a.forEach(((e,t)=>{F.set(a,t,e)}));const n={email:a.email,password:a.password},i=await c(n);if(i instanceof Error)((null==i?void 0:i.message)||(null===(s=null==i?void 0:i.response)||void 0===s?void 0:s.error))&&m(e.networkErrorMessage);else if(null===(r=i.authenticateManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token){p.delete("nextPage");const t=D(v||e.nextPage);w.push(t.href)}}}}}(this),r={forgotPasswordButton:t("slot",{name:"forgotPassword"},t("a",{onClick:()=>w.push(e.forgotPasswordPath)},this.forgotPasswordLabel)),secondaryButton:t("slot",{name:"secondaryButton"},t("sl-button",{type:"text",disabled:e.loading,onClick:()=>w.push(e.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return t(ne,{states:e,callbacks:s,content:r})}},ht=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",r(this)}disconnectedCallback(){}render(){const{states:e,callbacks:s,refs:r}=h()?M({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,s,r,n,i,o,c,d,u;const h=l(null),{registrationFormState:m,setRegistrationFormState:p}=$({}),[v,{loading:g,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,s;if("tel"!==(null===(s=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===s?void 0:s.toLowerCase()))return;const r=new j("US");e.target.value=r.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===(s=null==f?void 0:f.response)||void 0===s?void 0:s.errors.length)?e.networkErrorMessage:(null===(o=null===(i=null===(n=null===(r=null==f?void 0:f.response)||void 0===r?void 0:r.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:g,error:y,registrationFormState:m,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:async t=>{var s;let r=t.target.getFormControls(),a={},n={};if(null==r||r.forEach((t=>{if(!t.name)return;const s=t.name,r=t.value;if(F.set(a,s,r),t.required&&!r&&F.set(n,s,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:s,value:r});e&&F.set(n,s,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 v(l);if(t instanceof Error)throw t;p({loading:!1,error:"",validationErrors:{}}),(null===(s=t.registerManagedIdentityWithEmailAndPassword)||void 0===s?void 0:s.token)&&w.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:()=>w.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(ie,{states:e,callbacks:s,content:i,refs:r})}};function mt(e,s){const r=q({Container:{color:e.textColor||"var(--sl-color-neutral-900)",background:e.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),a=r.toString();return t("div",{class:r.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:r.classes.Header},t("div",{class:r.classes.Header,part:"sqm-header"},e.header)),t("div",{class:r.classes.Grid,part:"sqm-grid-container"},s))}const pt=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return t(mt,Object.assign({},A(this)),t("slot",null))}};function vt(e){const s=q({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sl-color-neutral-900)",background:e.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:"#FFF",color:"var(--sl-color-primary-300)",fontSize:"26px",textAlign:"center",lineHeight:"72px"}}),r=s.toString();return t("div",{class:s.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},r),t("div",null,e.imageUrl?t("img",{class:s.classes.Media,src:e.imageUrl,part:"sqm-media"}):t("div",{class:s.classes.Media,part:"sqm-media"},t("sl-icon",{name:e.icon}))),t("div",{class:s.classes.Text},t("div",{class:s.classes.Header,part:"sqm-header"},e.header),t("div",{class:s.classes.Description,part:"sqm-description"},e.description)))}const gt=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}render(){return t(vt,Object.assign({},A(this)))}},ft=c("sq:useProgramMenu"),bt=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){const{data:e,ref:r}=function(e){const t=v(),s=m();ft({programId:t,props:e});const r=l(),[,n]=x();return a((()=>{var e;null===(e=r.current)||void 0===e||e.addEventListener("sl-select",(e=>{s.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:e.detail.item.value,bubbles:!0,composed:!0}))}))}),[r.current]),{data:{programId:t},callbacks:{rerender:n},ref:r}}(A(this));return t(s,{style:{display:"contents"}},t("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:e.programId,ref:e=>r.current=e},t("slot",null)))}},yt=q({Container:{borderRadius:"var(--sl-border-radius-large)",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)",display:"flex",flexDirection:"column",rowGap:"var(--sl-spacing-large)"},EndContainer:{display:"flex",flexDirection:"column",alignItems:"center"},ColumnContainer:{"& p":{margin:"0"},display:"grid",gridAutoColumns:"minmax(0, 1fr)",gridAutoFlow:"column",gap:"calc(2 * var(--sl-spacing-medium))","@media (max-width: 499px)":{gridAutoFlow:"unset",gridAutoColumns:"unset",gridTemplateColumns:"1fr",border:"none"}}}),xt=yt.toString();function wt(e){return t("div",{part:"sqm-base",class:yt.classes.Container,style:{border:e.hideBorder?"none":"1px solid var(--sl-color-neutral-300)","padding-top":`var(--sl-spacing-${e.paddingTop})`,"padding-right":`var(--sl-spacing-${e.paddingRight})`,"padding-bottom":`var(--sl-spacing-${e.paddingBottom})`,"padding-left":`var(--sl-spacing-${e.paddingLeft})`,backgroundColor:e.backgroundColor,maxWidth:e.limitWidth?"600px":"none",margin:e.limitWidth?"auto":"none"}},t("style",{type:"text/css"},xt,"\n    :host{\n      display: block;   \n    }\n  "),e.hasHeader&&t("div",{class:yt.classes.EndContainer},e.slots.header),t("div",{part:"sqm-column-container",class:yt.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&t("div",{class:yt.classes.EndContainer},e.slots.footer))}const kt=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,r(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"})},s=_(),r=s.findIndex((e=>"header"===e.slot))>-1,a=s.findIndex((e=>"footer"===e.slot))>-1;return t(wt,Object.assign({},A(this),{slots:e,hasHeader:r,hasFooter:a}),t("slot",null))}},Ct=N.gql`
   query getUser($programId: ID) {
     viewer {
       ... on User {

package/dist/types/components/sqm-widget-verification/sqm-widget-verification-internal.d.ts

@@ -1,5 +1,20 @@
 export declare class WidgetVerificationInternal {
+  emailStep_verifyEmailHeaderText: string;
+  emailStep_sendCodeErrorHeader: string;
+  emailStep_sendCodeErrorDescription: string;
+  emailStep_emailLabel: string;
+  emailStep_sendCodeText: string;
+  emailStep_emailValidationErrorText: string;
+  codeStep_verifyCodeHeaderText: string;
+  codeStep_reverifyCodeHeaderText: string;
+  codeStep_resendCodeText: string;
+  codeStep_resendCodeLabel: string;
+  codeStep_codeResentSuccessfullyText: string;
+  codeStep_invalidCodeText: string;
+  codeStep_verifyText: string;
+  codeStep_networkErrorMessage: string;
   constructor();
   disconnectedCallback(): void;
+  getStepTextProps(prefix: string): {};
   render(): any;
 }

package/dist/types/components/sqm-widget-verification/sqm-widget-verification.d.ts

@@ -2,8 +2,85 @@
  * @uiName Widget Verification Gate
  * @slots [{"name":"not-verified","title":"Not verified template"},{"name":"verified","title":"Verified template"}]
  * @canvasRenderer always-replace
+ * @exampleGroup Widget Verification
+ * @example Widget Verification Gate - <sqm-widget-verification><template slot="verified"><sqm-tax-and-cash></sqm-tax-and-cash></template></sqm-widget-verification>
  */
 export declare class WidgetVerification {
+  /**
+   * @uiName Verify email widget header text
+   * @uiGroup Email Verification Step
+   */
+  emailStep_verifyEmailHeaderText: string;
+  /**
+   * @uiName Send code to email alert header
+   * @uiGroup Email Verification Step
+   */
+  emailStep_sendCodeErrorHeader: string;
+  /**
+   * @uiName Send code to email alert description
+   * @uiGroup Email Verification Step
+   */
+  emailStep_sendCodeErrorDescription: string;
+  /**
+   * @uiName Email input label
+   * @uiGroup Email Verification Step
+   */
+  emailStep_emailLabel: string;
+  /**
+   * @uiName Send code button text
+   * @uiGroup Email Verification Step
+   */
+  emailStep_sendCodeText: string;
+  /**
+   * @uiName Send code button text
+   * @uiGroup Email Verification Step
+   */
+  emailStep_emailValidationErrorText: string;
+  /**
+   * @uiName Verify code widget header text
+   * @uiGroup Code Verification Step
+   */
+  codeStep_verifyCodeHeaderText: string;
+  /**
+   * @uiName Reverify code widget header text
+   * @uiGroup Code Verification Step
+   */
+  codeStep_reverifyCodeHeaderText: string;
+  /**
+   * Text displayed under verify button
+   * @uiName Resend code text
+   * @uiGroup Code Verification Step
+   */
+  codeStep_resendCodeText: string;
+  /**
+   * The link that appears in the resend code link
+   * @uiName Resend code label
+   * @uiGroup Code Verification Step
+   */
+  codeStep_resendCodeLabel: string;
+  /**
+   * Link text displayed under verify button
+   * @uiName Resend code text
+   * @uiGroup Code Verification Step
+   */
+  codeStep_codeResentSuccessfullyText: string;
+  /**
+   * Error text displayed under verification input
+   * @uiName Invalid code text
+   * @uiGroup Code Verification Step
+   */
+  codeStep_invalidCodeText: string;
+  /**
+   * @uiName Verify code button text
+   * @uiGroup Code Verification Step
+   */
+  codeStep_verifyText: string;
+  /**
+   * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
+   * @uiName Network error message
+   * @uiGroup Code Verification Step
+   */
+  codeStep_networkErrorMessage: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components.d.ts

@@ -5268,8 +5268,97 @@ export namespace Components {
         "loadingText": string;
     }
     interface SqmWidgetVerification {
+        /**
+          * Link text displayed under verify button
+          * @uiName Resend code text
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_codeResentSuccessfullyText": string;
+        /**
+          * Error text displayed under verification input
+          * @uiName Invalid code text
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_invalidCodeText": string;
+        /**
+          * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
+          * @uiName Network error message
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_networkErrorMessage": string;
+        /**
+          * The link that appears in the resend code link
+          * @uiName Resend code label
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_resendCodeLabel": string;
+        /**
+          * Text displayed under verify button
+          * @uiName Resend code text
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_resendCodeText": string;
+        /**
+          * @uiName Reverify code widget header text
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_reverifyCodeHeaderText": string;
+        /**
+          * @uiName Verify code widget header text
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_verifyCodeHeaderText": string;
+        /**
+          * @uiName Verify code button text
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_verifyText": string;
+        /**
+          * @uiName Email input label
+          * @uiGroup Email Verification Step
+         */
+        "emailStep_emailLabel": string;
+        /**
+          * @uiName Send code button text
+          * @uiGroup Email Verification Step
+         */
+        "emailStep_emailValidationErrorText": string;
+        /**
+          * @uiName Send code to email alert description
+          * @uiGroup Email Verification Step
+         */
+        "emailStep_sendCodeErrorDescription": string;
+        /**
+          * @uiName Send code to email alert header
+          * @uiGroup Email Verification Step
+         */
+        "emailStep_sendCodeErrorHeader": string;
+        /**
+          * @uiName Send code button text
+          * @uiGroup Email Verification Step
+         */
+        "emailStep_sendCodeText": string;
+        /**
+          * @uiName Verify email widget header text
+          * @uiGroup Email Verification Step
+         */
+        "emailStep_verifyEmailHeaderText": string;
     }
     interface SqmWidgetVerificationInternal {
+        "codeStep_codeResentSuccessfullyText": string;
+        "codeStep_invalidCodeText": string;
+        "codeStep_networkErrorMessage": string;
+        "codeStep_resendCodeLabel": string;
+        "codeStep_resendCodeText": string;
+        "codeStep_reverifyCodeHeaderText": string;
+        "codeStep_verifyCodeHeaderText": string;
+        "codeStep_verifyText": string;
+        "emailStep_emailLabel": string;
+        "emailStep_emailValidationErrorText": string;
+        "emailStep_sendCodeErrorDescription": string;
+        "emailStep_sendCodeErrorHeader": string;
+        "emailStep_sendCodeText": string;
+        "emailStep_verifyEmailHeaderText": string;
     }
 }
 declare global {
@@ -11259,8 +11348,97 @@ declare namespace LocalJSX {
         "loadingText"?: string;
     }
     interface SqmWidgetVerification {
+        /**
+          * Link text displayed under verify button
+          * @uiName Resend code text
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_codeResentSuccessfullyText"?: string;
+        /**
+          * Error text displayed under verification input
+          * @uiName Invalid code text
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_invalidCodeText"?: string;
+        /**
+          * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
+          * @uiName Network error message
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_networkErrorMessage"?: string;
+        /**
+          * The link that appears in the resend code link
+          * @uiName Resend code label
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_resendCodeLabel"?: string;
+        /**
+          * Text displayed under verify button
+          * @uiName Resend code text
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_resendCodeText"?: string;
+        /**
+          * @uiName Reverify code widget header text
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_reverifyCodeHeaderText"?: string;
+        /**
+          * @uiName Verify code widget header text
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_verifyCodeHeaderText"?: string;
+        /**
+          * @uiName Verify code button text
+          * @uiGroup Code Verification Step
+         */
+        "codeStep_verifyText"?: string;
+        /**
+          * @uiName Email input label
+          * @uiGroup Email Verification Step
+         */
+        "emailStep_emailLabel"?: string;
+        /**
+          * @uiName Send code button text
+          * @uiGroup Email Verification Step
+         */
+        "emailStep_emailValidationErrorText"?: string;
+        /**
+          * @uiName Send code to email alert description
+          * @uiGroup Email Verification Step
+         */
+        "emailStep_sendCodeErrorDescription"?: string;
+        /**
+          * @uiName Send code to email alert header
+          * @uiGroup Email Verification Step
+         */
+        "emailStep_sendCodeErrorHeader"?: string;
+        /**
+          * @uiName Send code button text
+          * @uiGroup Email Verification Step
+         */
+        "emailStep_sendCodeText"?: string;
+        /**
+          * @uiName Verify email widget header text
+          * @uiGroup Email Verification Step
+         */
+        "emailStep_verifyEmailHeaderText"?: string;
     }
     interface SqmWidgetVerificationInternal {
+        "codeStep_codeResentSuccessfullyText"?: string;
+        "codeStep_invalidCodeText"?: string;
+        "codeStep_networkErrorMessage"?: string;
+        "codeStep_resendCodeLabel"?: string;
+        "codeStep_resendCodeText"?: string;
+        "codeStep_reverifyCodeHeaderText"?: string;
+        "codeStep_verifyCodeHeaderText"?: string;
+        "codeStep_verifyText"?: string;
+        "emailStep_emailLabel"?: string;
+        "emailStep_emailValidationErrorText"?: string;
+        "emailStep_sendCodeErrorDescription"?: string;
+        "emailStep_sendCodeErrorHeader"?: string;
+        "emailStep_sendCodeText"?: string;
+        "emailStep_verifyEmailHeaderText"?: string;
     }
     interface IntrinsicElements {
         "raisins-plop-target": RaisinsPlopTarget;