@saasquatch/mint-components 2.1.9-10 → 2.1.9-11

package/dist/mint-components/{p-adcc37f3.entry.js → p-8d5db0d5.entry.js}

@@ -1,4 +1,4 @@
-import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";import{k as n,f as e,n as a}from"./p-a7fc1e02.js";import{d as i,t as s,w as l,J as c,$ as u,i as d,r as p,L as m}from"./p-d20188db.js";import{c as b}from"./p-c1086930.js";import{g as v}from"./p-9ec99ced.js";import{c as f}from"./p-cef45012.js";import{T as h}from"./p-cabf6326.js";import{P as y}from"./p-7144ac40.js";import{S as g,a as q,V as x}from"./p-39840341.js";import{T as w}from"./p-28ed2ae9.js";import{p as k}from"./p-13f3a647.js";import{u as C}from"./p-0d75a207.js";const S=i.gql`
+import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";import{k as n,f as e,n as a}from"./p-a7fc1e02.js";import{d as i,t as s,w as l,J as c,$ as u,i as d,r as p,L as m}from"./p-d20188db.js";import{c as b}from"./p-c1086930.js";import{g as v}from"./p-9ec99ced.js";import{c as f}from"./p-cef45012.js";import{T as h}from"./p-cabf6326.js";import{a as y,P as g}from"./p-c68c2331.js";import{S as q,a as x,V as w}from"./p-39840341.js";import{T as k}from"./p-28ed2ae9.js";import{p as C}from"./p-13f3a647.js";import{u as S}from"./p-0d75a207.js";const I=i.gql`
   mutation upsertUser($userInput: UserInput!) {
     upsertUser(userInput: $userInput) {
       id
@@ -6,7 +6,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";i
       email
     }
   }
-`,I=i.gql`
+`,P=i.gql`
   query user {
     viewer {
       ... on User {
@@ -22,7 +22,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";i
       }
     }
   }
-`;const P=f({Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column"},ContinueButton:{width:"100%"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",borderRadius:"var(--sqm-input-border-radius)"},"&::part(help-text)":{color:"var(--sqm-danger-color-text)"}}}),T=P.toString();function j(t){const{states:n,callbacks:e,text:a}=t;return r("div",{part:"sqm-base"},r("style",{type:"text/css"},'\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n\na {\n  color: inherit;\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n  font-family: var(--sqm-primary-font);\n  width: 100%;\n  background-color: var(--sqm-primary-button-background);\n  color: var(--sqm-primary-button-color);\n  border-color: var(--sqm-primary-button-color-border);\n  border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n  background-color: var(--sqm-primary-button-background-hover);\n  border-color: var(--sqm-primary-button-border-color-hover);\n  color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n  box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n  background-color: var(--sqm-secondary-button-background);\n  color: var(--sqm-secondary-button-color);\n  border-color: var(--sqm-secondary-button-color-border);\n  border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n  background-color: var(--sqm-secondary-button-background-hover);\n  color: var(--sqm-secondary-button-color-hover);\n  border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n  font-family: var(--sqm-primary-font);\n  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n  font-weight: var(--sl-font-weight-semibold);\n  color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n  font-family: var(--sqm-primary-font);\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n  border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n  border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n  font-family: var(--sqm-primary-font);\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n  border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n  background: var(--sqm-input-disabled-background, #f5f5f5);\n  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n  font-family: var(--sqm-primary-font);\n  opacity: 1; /* Firefox adds an opacity to placeholders by default */\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n\n',T),n.sendCodeError&&r("sqm-form-message",{type:"error"},r("p",{part:"alert-title"},a.sendCodeErrorHeader),o.formatMessage({id:"sendCodeErrorDescription",defaultMessage:a.sendCodeErrorDescription},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},a.supportLink)})),n.initialLoading?r("div",{class:P.classes.Wrapper},r("sqm-skeleton",{height:"16px",width:"50%"}),r("sqm-skeleton",{height:"16px",width:"50%"}),r("sqm-skeleton",{height:"16px",width:"50%"}),r("sqm-skeleton",{height:"34px",width:"30%"}),r("sqm-skeleton",{height:"24px",width:"15%"}),r("sl-button",{submit:!0,class:P.classes.ContinueButton,loading:!0,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)):r("div",{class:P.classes.Wrapper},r(h,{type:"p"},a.verifyEmailHeaderText),r("sl-form",{"onSl-submit":e.submitEmail},r("div",{class:P.classes.InputsContainer},r("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:a.emailLabel,value:n.email||"",type:"email",id:"email",name:"email",disabled:!!n.email||n.loading},n.error?{class:P.classes.ErrorInput,helpText:a.emailValidationErrorText}:{})),r("sl-button",{submit:!0,class:P.classes.ContinueButton,loading:n.loading,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)))))}const E=class{constructor(r){t(this,r),this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.",this.sendCodeErrorHeader="There was an error sending your code",this.supportLink="support team",this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.",this.emailLabel="Email",this.sendCodeText="Send code",this.emailValidationErrorText="Please enter a valid email",a(this)}disconnectedCallback(){}getTextProps(){return v(this)}render(){const t=d()?function(r){const t=p(g);return b({states:{error:!0,initialLoading:!1,loading:!1,email:"test@example.com",sendCodeError:!0},callbacks:{submitEmail:async()=>t(!0)},text:r.getTextProps()},r.demoData||{},{arrayMerge:(r,t)=>t})}(this):function(r){const[t,o]=s(g),[a,i]=s(q),[d,p]=n(!1),[m,b]=n(!1),[v,f]=n(!1),{initialized:h,send:[y,{}]}=C(),[x]=function(){const r=c(),[t,{loading:o,data:n,errors:e}]=u(S);return[async o=>{try{const n=await t({userInput:{id:r.id,accountId:r.accountId,email:o}});if(n instanceof Error||!n)throw new Error;return n}catch(r){return void console.error("Could not set email on user",r)}},{loading:o,data:n,errors:e}]}(),[w,k]=n(!0),{data:P,loading:T}=l(I,{}),j=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;return e((()=>{(null==P?void 0:P.viewer)&&p(!!P.viewer.email)}),[P]),e((()=>{h&&k(!1)}),[h]),{callbacks:{submitEmail:async r=>{if(r.preventDefault(),!(null==P?void 0:P.viewer))return;k(!0);const t=P.viewer.email;if(!t){const t=r.detail.formData.get("email").toString();if(!j.test(t))return void b(!0);const o=await x(t);o&&o.user.email||b(!0)}if(!h)return;const n=await y();n&&n.success?(i(t),o(!0)):f(!0),k(!1)}},states:{loading:w,initialLoading:T&&!h,error:m,email:null==P?void 0:P.viewer.email,sendCodeError:v},text:r.getTextProps()}}(this);return r(j,Object.assign({},t))}},N=i.gql`
+`;const T=f({Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column"},ContinueButton:{width:"100%"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",borderRadius:"var(--sqm-input-border-radius)"},"&::part(help-text)":{color:"var(--sqm-danger-color-text)"}}}),j=T.toString();function E(t){const{states:n,callbacks:e,text:a}=t;return r("div",{part:"sqm-base"},r("style",{type:"text/css"},'\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n\na {\n  color: inherit;\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n  font-family: var(--sqm-primary-font);\n  width: 100%;\n  background-color: var(--sqm-primary-button-background);\n  color: var(--sqm-primary-button-color);\n  border-color: var(--sqm-primary-button-color-border);\n  border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n  background-color: var(--sqm-primary-button-background-hover);\n  border-color: var(--sqm-primary-button-border-color-hover);\n  color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n  box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n  background-color: var(--sqm-secondary-button-background);\n  color: var(--sqm-secondary-button-color);\n  border-color: var(--sqm-secondary-button-color-border);\n  border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n  background-color: var(--sqm-secondary-button-background-hover);\n  color: var(--sqm-secondary-button-color-hover);\n  border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n  font-family: var(--sqm-primary-font);\n  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n  font-weight: var(--sl-font-weight-semibold);\n  color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n  font-family: var(--sqm-primary-font);\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n  border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n  border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n  font-family: var(--sqm-primary-font);\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n  border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n  background: var(--sqm-input-disabled-background, #f5f5f5);\n  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n  font-family: var(--sqm-primary-font);\n  opacity: 1; /* Firefox adds an opacity to placeholders by default */\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n\n',j),n.sendCodeError&&r("sqm-form-message",{type:"error"},r("p",{part:"alert-title"},a.sendCodeErrorHeader),o.formatMessage({id:"sendCodeErrorDescription",defaultMessage:a.sendCodeErrorDescription},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},a.supportLink)})),n.initialLoading?r("div",{class:T.classes.Wrapper},r("sqm-skeleton",{height:"16px",width:"50%"}),r("sqm-skeleton",{height:"16px",width:"50%"}),r("sqm-skeleton",{height:"16px",width:"50%"}),r("sqm-skeleton",{height:"34px",width:"30%"}),r("sqm-skeleton",{height:"24px",width:"15%"}),r("sl-button",{submit:!0,class:T.classes.ContinueButton,loading:!0,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)):r("div",{class:T.classes.Wrapper},r(h,{type:"p"},a.verifyEmailHeaderText),r("sl-form",{"onSl-submit":e.submitEmail},r("div",{class:T.classes.InputsContainer},r("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:a.emailLabel,value:n.email||"",type:"email",id:"email",name:"email",disabled:!!n.email||n.loading},n.error?{class:T.classes.ErrorInput,helpText:a.emailValidationErrorText}:{})),r("sl-button",{submit:!0,class:T.classes.ContinueButton,loading:n.loading,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)))))}const N=class{constructor(r){t(this,r),this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.",this.sendCodeErrorHeader="There was an error sending your code",this.supportLink="support team",this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.",this.emailLabel="Email",this.sendCodeText="Send code",this.emailValidationErrorText="Please enter a valid email",a(this)}disconnectedCallback(){}getTextProps(){return v(this)}render(){const t=d()?function(r){const t=p(q);return b({states:{error:!0,initialLoading:!1,loading:!1,email:"test@example.com",sendCodeError:!0},callbacks:{submitEmail:async()=>t(!0)},text:r.getTextProps()},r.demoData||{},{arrayMerge:(r,t)=>t})}(this):function(r){const[t,o]=s(q),[a,i]=s(x),[d,p]=n(!1),[m,b]=n(!1),[v,f]=n(!1),{initialized:h,send:[y,{}]}=S(),[g]=function(){const r=c(),[t,{loading:o,data:n,errors:e}]=u(I);return[async o=>{try{const n=await t({userInput:{id:r.id,accountId:r.accountId,email:o}});if(n instanceof Error||!n)throw new Error;return n}catch(r){return void console.error("Could not set email on user",r)}},{loading:o,data:n,errors:e}]}(),[w,k]=n(!0),{data:C,loading:T}=l(P,{}),j=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;return e((()=>{(null==C?void 0:C.viewer)&&p(!!C.viewer.email)}),[C]),e((()=>{h&&k(!1)}),[h]),{callbacks:{submitEmail:async r=>{if(r.preventDefault(),!(null==C?void 0:C.viewer))return;k(!0);const t=C.viewer.email;if(!t){const t=r.detail.formData.get("email").toString();if(!j.test(t))return void b(!0);const o=await g(t);o&&o.user.email||b(!0)}if(!h)return;const n=await y();n&&n.success?(i(t),o(!0)):f(!0),k(!1)}},states:{loading:w,initialLoading:T&&!h,error:m,email:null==C?void 0:C.viewer.email,sendCodeError:v},text:r.getTextProps()}}(this);return r(E,Object.assign({},t))}},L=i.gql`
   query getUserPartnerInfo {
     user: viewer {
       ... on User {
@@ -53,7 +53,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";i
       }
     }
   }
-`,L=i.gql`
+`,z=i.gql`
   query getCountries {
     impactPayoutCountries(limit: 1000) {
       data {
@@ -62,7 +62,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";i
       }
     }
   }
-`,z=i.gql`
+`,D=i.gql`
   query currencies($locale: RSLocale) {
     currencies(limit: 300) {
       data {
@@ -71,7 +71,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";i
       }
     }
   }
-`,D=i.gql`
+`,$=i.gql`
   mutation createImpactConnection($vars: ImpactConnectionInput!) {
     createImpactConnection(impactConnectionInput: $vars) {
       success
@@ -96,10 +96,10 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";i
       }
     }
   }
-`,$=i.gql`
+`,U=i.gql`
   query getTenantSettings {
     tenantSettings {
       companyName
     }
   }
-`,U=class{constructor(r){t(this,r),this.brandName="",this.modalHeader="Let's get you ready for rewards",this.modalHeaderExistingPartner="We found an existing account",this.descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.",this.descriptionExistingPartner="We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.",this.supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.",this.countryLabel="Country",this.currencyLabel="Currency",this.submitButtonLabel="Submit",this.confirmButtonLabel="Confirm",this.searchCountryPlaceholder="Search for a country",this.searchCurrencyPlaceholder="Search for a currency",this.networkErrorText="An error occurred. Please try again.",this.missingFieldsErrorText="Please select both a country and currency.",this.stateController="{}",a(this)}disconnectedCallback(){}getTextProps(){return v(this)}render(){const t=d()?function(r){const[t,o]=n("US"),[e,a]=n(""),[i,s]=n(""),l=k(r.stateController);return b({states:{brandName:"Test Brand",open:!0,loading:!1,submitting:!1,isExistingPartner:!1,countryCode:t,currency:e,error:i,success:!1,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:r=>{var t,n;const e=null===(n=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===n?void 0:n.__value;e&&(o(e),a(""))},onCurrencyChange:r=>{var t,o;const n=null===(o=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;n&&a(n)},setCountrySearch:()=>{},setCurrencySearch:()=>{},onSubmit:()=>{s(t&&e?"":r.missingFieldsErrorText)},onClose:()=>{}},text:{modalHeader:r.modalHeader,descriptionNewPartner:r.descriptionNewPartner,descriptionExistingPartner:r.descriptionExistingPartner,countryLabel:r.countryLabel,currencyLabel:r.currencyLabel,submitButtonLabel:r.submitButtonLabel,confirmButtonLabel:r.confirmButtonLabel,searchCountryPlaceholder:r.searchCountryPlaceholder,searchCurrencyPlaceholder:r.searchCurrencyPlaceholder,supportDescriptionExistingPartner:r.supportDescriptionExistingPartner,modalHeaderExistingPartner:r.modalHeaderExistingPartner}},r.demoData||((null==l?void 0:l["sqm-partner-info-modal"])||l||{}),{arrayMerge:(r,t)=>t})}(this):function(r){var t,o,a,i,s,c,d,b,v;const f=m(),h=p(x),{data:y,loading:g,refetch:q}=l(N,{}),k=null==y?void 0:y.user,{data:C,loading:S}=l(z,{variables:{locale:f}}),{data:I,loading:P}=l(L,{}),{data:T}=l($,{}),[j,{loading:E}]=u(D),[U,_]=n((null===(o=null===(t=null==k?void 0:k.impactConnection)||void 0===t?void 0:t.publisher)||void 0===o?void 0:o.countryCode)||""),[M,B]=n((null===(i=null===(a=null==k?void 0:k.impactConnection)||void 0===a?void 0:a.publisher)||void 0===i?void 0:i.currency)||"");console.log(U,M,"initial country and currency state");const[O,W]=n(""),[A,F]=n(""),[R,H]=n((null===(s=null==I?void 0:I.impactPayoutCountries)||void 0===s?void 0:s.data)||[]),[Z,V]=n((null===(c=null==C?void 0:C.currencies)||void 0===c?void 0:c.data)||[]),[G,J]=n(""),[K,Q]=n(!1),X=(null===(d=null==I?void 0:I.impactPayoutCountries)||void 0===d?void 0:d.data)||[],Y=(null===(b=null==C?void 0:C.currencies)||void 0===b?void 0:b.data)||[];console.log(k,"user data from partner info query"),e((()=>{var r;y&&(null===(r=k.impactConnection)||void 0===r?void 0:r.publisher)&&(_(k.impactConnection.publisher.countryCode),B(k.impactConnection.publisher.currency))}),[y]),e((()=>{(null==X?void 0:X.length)&&(""===O.trim()?H(X||[]):H(X.filter((r=>r.displayName.toLowerCase().includes(O.toLowerCase())))||[]))}),[O,X]),e((()=>{(null==Y?void 0:Y.length)&&(""===A.trim()?V(Y||[]):V(Y.filter((r=>r.currencyCode.toLowerCase().includes(A.toLowerCase())))||[]))}),[A,Y]);const rr=null==k?void 0:k.impactConnection;console.log(K,"success state in partner info modal");const tr=!(K||g||(null==rr?void 0:rr.connected)&&(null==rr?void 0:rr.publisher));return console.log(tr,"showModal condition in partner info modal"),{states:{open:tr,loading:g||P||S,submitting:E,isExistingPartner:null==rr?void 0:rr.publisher,countryCode:U,currency:M,error:G,success:K,brandName:(null===(v=null==T?void 0:T.tenantSettings)||void 0===v?void 0:v.companyName)||"",filteredCountries:R||[],filteredCurrencies:Z||[]},callbacks:{onCountryChange:function(r){var t,o;const n=null===(o=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;n&&(_(n),B(""),J(""))},onCurrencyChange:function(r){var t,o;const n=null===(o=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;n&&(B(n),J(""))},setCurrencySearch:F,setCountrySearch:W,onSubmit:async function(){var t,o;if(U&&M){J("");try{const n={user:{id:k.id,accountId:k.accountId},firstName:k.firstName,lastName:k.lastName,countryCode:U,currency:M},e=await j({vars:n});if(!e||(null===(t=e)||void 0===t?void 0:t.message))return void J(r.networkErrorText);const a=e.createImpactConnection;if(console.log(e,a,"result and connectionResult from creating partner from modal"),!(null==a?void 0:a.success)){const t=null===(o=null==a?void 0:a.validationErrors)||void 0===o?void 0:o.map((r=>r.message)).join(". ");return J(t||r.networkErrorText),void console.error("Failed to create Impact connection:",null==a?void 0:a.validationErrors)}window.dispatchEvent(new Event(w)),await q(),Q(!0),h(!0)}catch(t){console.error("Partner creation error:",t),J(r.networkErrorText)}}else J(r.missingFieldsErrorText)},onClose:()=>Q(!0)},text:r.getTextProps()}}(this);return r(y,Object.assign({},t))}};export{E as sqm_email_verification,U as sqm_partner_info_modal}
+`,_=class{constructor(r){t(this,r),this.brandName="",this.modalHeader="Let's get you ready for rewards",this.modalHeaderExistingPartner="We found an existing account",this.descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.",this.descriptionExistingPartner="We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.",this.supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.",this.countryLabel="Country",this.currencyLabel="Currency",this.submitButtonLabel="Submit",this.confirmButtonLabel="Confirm",this.searchCountryPlaceholder="Search for a country",this.searchCurrencyPlaceholder="Search for a currency",this.networkErrorText="An error occurred. Please try again.",this.missingFieldsErrorText="Please select both a country and currency.",this.embedded=!1,this.stateController="{}",a(this)}disconnectedCallback(){}getTextProps(){return v(this)}render(){const t=d()?function(r){const[t,o]=n("US"),[e,a]=n(""),[i,s]=n(""),l=C(r.stateController);return b({states:{brandName:"Test Brand",open:!0,loading:!1,submitting:!1,isExistingPartner:!1,countryCode:t,currency:e,error:i,success:!1,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:r=>{var t,n;const e=null===(n=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===n?void 0:n.__value;e&&(o(e),a(""))},onCurrencyChange:r=>{var t,o;const n=null===(o=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;n&&a(n)},setCountrySearch:()=>{},setCurrencySearch:()=>{},onSubmit:()=>{s(t&&e?"":r.missingFieldsErrorText)},onClose:()=>{}},text:{modalHeader:r.modalHeader,descriptionNewPartner:r.descriptionNewPartner,descriptionExistingPartner:r.descriptionExistingPartner,countryLabel:r.countryLabel,currencyLabel:r.currencyLabel,submitButtonLabel:r.submitButtonLabel,confirmButtonLabel:r.confirmButtonLabel,searchCountryPlaceholder:r.searchCountryPlaceholder,searchCurrencyPlaceholder:r.searchCurrencyPlaceholder,supportDescriptionExistingPartner:r.supportDescriptionExistingPartner,modalHeaderExistingPartner:r.modalHeaderExistingPartner}},r.demoData||((null==l?void 0:l["sqm-partner-info-modal"])||l||{}),{arrayMerge:(r,t)=>t})}(this):function(r){var t,o,a,i,s,c,d,b,v;const f=m(),h=p(w),{data:y,loading:g,refetch:q}=l(L,{}),x=null==y?void 0:y.user,{data:C,loading:S}=l(D,{variables:{locale:f}}),{data:I,loading:P}=l(z,{}),{data:T}=l(U,{}),[j,{loading:E}]=u($),[N,_]=n((null===(o=null===(t=null==x?void 0:x.impactConnection)||void 0===t?void 0:t.publisher)||void 0===o?void 0:o.countryCode)||""),[M,B]=n((null===(i=null===(a=null==x?void 0:x.impactConnection)||void 0===a?void 0:a.publisher)||void 0===i?void 0:i.currency)||"");console.log(N,M,"initial country and currency state");const[O,W]=n(""),[A,F]=n(""),[R,H]=n((null===(s=null==I?void 0:I.impactPayoutCountries)||void 0===s?void 0:s.data)||[]),[Z,V]=n((null===(c=null==C?void 0:C.currencies)||void 0===c?void 0:c.data)||[]),[G,J]=n(""),[K,Q]=n(!1),X=(null===(d=null==I?void 0:I.impactPayoutCountries)||void 0===d?void 0:d.data)||[],Y=(null===(b=null==C?void 0:C.currencies)||void 0===b?void 0:b.data)||[];console.log(x,"user data from partner info query"),e((()=>{var r;y&&(null===(r=x.impactConnection)||void 0===r?void 0:r.publisher)&&(_(x.impactConnection.publisher.countryCode),B(x.impactConnection.publisher.currency))}),[y]),e((()=>{(null==X?void 0:X.length)&&(""===O.trim()?H(X||[]):H(X.filter((r=>r.displayName.toLowerCase().includes(O.toLowerCase())))||[]))}),[O,X]),e((()=>{(null==Y?void 0:Y.length)&&(""===A.trim()?V(Y||[]):V(Y.filter((r=>r.currencyCode.toLowerCase().includes(A.toLowerCase())))||[]))}),[A,Y]);const rr=null==x?void 0:x.impactConnection;console.log(K,"success state in partner info modal");const tr=!(K||g||(null==rr?void 0:rr.connected)&&(null==rr?void 0:rr.publisher));return console.log(tr,"showModal condition in partner info modal"),{states:{open:tr,loading:g||P||S,submitting:E,isExistingPartner:null==rr?void 0:rr.publisher,countryCode:N,currency:M,error:G,success:K,brandName:(null===(v=null==T?void 0:T.tenantSettings)||void 0===v?void 0:v.companyName)||"",filteredCountries:R||[],filteredCurrencies:Z||[]},callbacks:{onCountryChange:function(r){var t,o;const n=null===(o=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;n&&(_(n),B(""),J(""))},onCurrencyChange:function(r){var t,o;const n=null===(o=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;n&&(B(n),J(""))},setCurrencySearch:F,setCountrySearch:W,onSubmit:async function(){var t,o;if(N&&M){J("");try{const n={user:{id:x.id,accountId:x.accountId},firstName:x.firstName,lastName:x.lastName,countryCode:N,currency:M},e=await j({vars:n});if(!e||(null===(t=e)||void 0===t?void 0:t.message))return void J(r.networkErrorText);const a=e.createImpactConnection;if(console.log(e,a,"result and connectionResult from creating partner from modal"),!(null==a?void 0:a.success)){const t=null===(o=null==a?void 0:a.validationErrors)||void 0===o?void 0:o.map((r=>r.message)).join(". ");return J(t||r.networkErrorText),void console.error("Failed to create Impact connection:",null==a?void 0:a.validationErrors)}window.dispatchEvent(new Event(k)),await q(),Q(!0),h(!0)}catch(t){console.error("Partner creation error:",t),J(r.networkErrorText)}}else J(r.missingFieldsErrorText)},onClose:()=>Q(!0)},text:r.getTextProps()}}(this);return r(this.embedded?y:g,Object.assign({},t))}};export{N as sqm_email_verification,_ as sqm_partner_info_modal}

package/dist/mint-components/p-99b17bca.system.js

@@ -0,0 +1 @@
+System.register(["./p-641f968d.system.js","./p-1a673057.system.js"],(function(e){"use strict";var r,n;return{setters:[function(e){r=e.h},function(e){n=e.c}],execute:function(){e({P:s,a:a});var t={Dialog:{"&::part(panel)":{maxWidth:"480px"},"&::part(title)":{fontSize:"var(--sl-font-size-x-large)",fontWeight:"600",padding:"var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(footer)":{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)"},"&::part(overlay)":{background:"rgba(0, 0, 0, 0.5)"},"&::part(close-button)":{display:"none"}},FormFields:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)","& > *":{flex:1}},ErrorMessage:{color:"var(--sqm-danger-color-text, #d32f2f)",fontSize:"var(--sl-font-size-small)",marginTop:"var(--sl-spacing-x-small)"},SearchInput:{"&::part(base)":{border:"none",borderBottom:"1px solid var(--sl-color-neutral-300)",borderRadius:"0"}},DescriptionContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-small)","& > p":{margin:"0"}}};function a(e){var a,s;var l=e.states,i=e.callbacks,o=e.text;var c=n(t);var u=c.toString();var p=l.isExistingPartner?r("div",{class:c.classes.DescriptionContainer},r("p",null,o.descriptionExistingPartner),r("p",null,o.supportDescriptionExistingPartner)):r("p",null," ",o.descriptionNewPartner);var d=l.isExistingPartner?o.confirmButtonLabel:o.submitButtonLabel;return[r("style",{type:"text/css"},u),p,r("div",{class:c.classes.FormFields},r("sl-select",{key:"country-"+l.countryCode,exportparts:"label: input-label, base: input-base",label:o.countryLabel,value:l.countryCode,disabled:l.submitting||!!l.isExistingPartner,required:true,"onSl-select":i.onCountryChange},r("sl-input",{class:c.classes.SearchInput,placeholder:o.searchCountryPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var r;i.setCountrySearch((r=e.target)===null||r===void 0?void 0:r.value)}}),(a=l.filteredCountries)===null||a===void 0?void 0:a.map((function(e){return r("sl-menu-item",{value:e.countryCode},e.displayName)}))),r("sl-select",{key:"currency-"+l.currency,exportparts:"label: input-label, base: input-base",label:o.currencyLabel,value:l.currency,disabled:l.submitting||!!l.isExistingPartner,required:true,"onSl-select":i.onCurrencyChange},r("sl-input",{class:c.classes.SearchInput,placeholder:o.searchCurrencyPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var r;return i.setCurrencySearch((r=e.target)===null||r===void 0?void 0:r.value)}}),(s=l.filteredCurrencies)===null||s===void 0?void 0:s.map((function(e){return r("sl-menu-item",{value:e.currencyCode},e.currencyCode)})))),l.error&&r("p",{class:c.classes.ErrorMessage},l.error),r("sl-button",{slot:"footer",type:"primary",loading:l.submitting,disabled:l.submitting||!l.countryCode||!l.currency,onClick:i.onSubmit,style:{width:"100%"},exportparts:"base: primarybutton-base"},d)]}function s(e){var s=e.states,l=e.text;var i=n(t);console.log(s,"partner info modal states");if(!s.open)return r("div",null);return r("sl-dialog",{class:i.classes.Dialog,open:s.open,noHeader:false,label:s.isExistingPartner?l.modalHeaderExistingPartner:l.modalHeader,"onSl-request-close":function(e){e.preventDefault()},"onSl-hide":function(e){var r;if(((r=e.target)===null||r===void 0?void 0:r.tagName)==="SL-DIALOG"){e.preventDefault()}}},r(a,Object.assign({},e)))}}}}));

package/dist/mint-components/p-c68c2331.js

@@ -0,0 +1 @@
+import{h as l}from"./p-083180bf.js";import{c as e}from"./p-cef45012.js";const a={Dialog:{"&::part(panel)":{maxWidth:"480px"},"&::part(title)":{fontSize:"var(--sl-font-size-x-large)",fontWeight:"600",padding:"var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(footer)":{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)"},"&::part(overlay)":{background:"rgba(0, 0, 0, 0.5)"},"&::part(close-button)":{display:"none"}},FormFields:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)","& > *":{flex:1}},ErrorMessage:{color:"var(--sqm-danger-color-text, #d32f2f)",fontSize:"var(--sl-font-size-small)",marginTop:"var(--sl-spacing-x-small)"},SearchInput:{"&::part(base)":{border:"none",borderBottom:"1px solid var(--sl-color-neutral-300)",borderRadius:"0"}},DescriptionContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-small)","& > p":{margin:"0"}}};function s(s){var r,o;const{states:n,callbacks:t,text:i}=s,p=e(a),c=p.toString(),d=n.isExistingPartner?l("div",{class:p.classes.DescriptionContainer},l("p",null,i.descriptionExistingPartner),l("p",null,i.supportDescriptionExistingPartner)):l("p",null," ",i.descriptionNewPartner),u=n.isExistingPartner?i.confirmButtonLabel:i.submitButtonLabel;return[l("style",{type:"text/css"},c),d,l("div",{class:p.classes.FormFields},l("sl-select",{key:`country-${n.countryCode}`,exportparts:"label: input-label, base: input-base",label:i.countryLabel,value:n.countryCode,disabled:n.submitting||!!n.isExistingPartner,required:!0,"onSl-select":t.onCountryChange},l("sl-input",{class:p.classes.SearchInput,placeholder:i.searchCountryPlaceholder,onKeyDown:l=>l.stopPropagation(),"onSl-input":l=>{var e;t.setCountrySearch(null===(e=l.target)||void 0===e?void 0:e.value)}}),null===(r=n.filteredCountries)||void 0===r?void 0:r.map((e=>l("sl-menu-item",{value:e.countryCode},e.displayName)))),l("sl-select",{key:`currency-${n.currency}`,exportparts:"label: input-label, base: input-base",label:i.currencyLabel,value:n.currency,disabled:n.submitting||!!n.isExistingPartner,required:!0,"onSl-select":t.onCurrencyChange},l("sl-input",{class:p.classes.SearchInput,placeholder:i.searchCurrencyPlaceholder,onKeyDown:l=>l.stopPropagation(),"onSl-input":l=>{var e;return t.setCurrencySearch(null===(e=l.target)||void 0===e?void 0:e.value)}}),null===(o=n.filteredCurrencies)||void 0===o?void 0:o.map((e=>l("sl-menu-item",{value:e.currencyCode},e.currencyCode))))),n.error&&l("p",{class:p.classes.ErrorMessage},n.error),l("sl-button",{slot:"footer",type:"primary",loading:n.submitting,disabled:n.submitting||!n.countryCode||!n.currency,onClick:t.onSubmit,style:{width:"100%"},exportparts:"base: primarybutton-base"},u)]}function r(r){const{states:o,text:n}=r,t=e(a);return console.log(o,"partner info modal states"),o.open?l("sl-dialog",{class:t.classes.Dialog,open:o.open,noHeader:!1,label:o.isExistingPartner?n.modalHeaderExistingPartner:n.modalHeader,"onSl-request-close":l=>{l.preventDefault()},"onSl-hide":l=>{var e;"SL-DIALOG"===(null===(e=l.target)||void 0===e?void 0:e.tagName)&&l.preventDefault()}},l(s,Object.assign({},r))):l("div",null)}export{r as P,s as a}

package/dist/mint-components/{p-d1a2d813.entry.js → p-fa3d7e53.entry.js}

@@ -288,4 +288,4 @@ import{r as e,h as t,c as r}from"./p-083180bf.js";import{b as o,i as a}from"./p-
       }
     }
   }
-`,so=class{constructor(t){e(this,t),this.general_verifyEmailHeader="Verify your email",this.general_verifyEmailDescription="To get your cash paid out directly to your bank account, please complete your account setup",this.emailStep_verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.",this.emailStep_sendCodeErrorHeader="There was an error sending your code.",this.emailStep_sendCodeErrorDescription="Please try again. If this problem continues, contact our program support team.",this.emailStep_emailLabel="Email",this.emailStep_sendCodeText="Send code",this.emailStep_emailValidationErrorText="Please enter a valid email",this.codeStep_verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.",this.codeStep_reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.",this.codeStep_resendCodeText="Didn't receive your code? {resendCodeLink}",this.codeStep_resendCodeLabel="Resend code",this.codeStep_codeResentSuccessfullyText="Another code has been sent to {email}",this.codeStep_invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.",this.codeStep_verifyText="Verify",this.codeStep_networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.",this.createPartnerStep_modalHeader="Let's get you ready for rewards",this.createPartnerStep_modalHeaderExistingPartner="We found an existing account",this.createPartnerStep_descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.",this.createPartnerStep_descriptionExistingPartner="We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.",this.createPartnerStep_supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.",this.createPartnerStep_countryLabel="Country",this.createPartnerStep_currencyLabel="Currency",this.createPartnerStep_submitButtonLabel="Submit",this.createPartnerStep_confirmButtonLabel="Confirm",this.createPartnerStep_searchCountryPlaceholder="Search for a country",this.createPartnerStep_searchCurrencyPlaceholder="Search for a currency",this.createPartnerStep_networkErrorText="An error occurred. Please try again.",this.createPartnerStep_missingFieldsErrorText="Please select both a country and currency.",this.stateController="{}",i(this)}disconnectedCallback(){}getStepTextProps(e){return Jr(L(this),e)}render(){const e=m()?function(e){const[t,r]=A({namespace:Ye,initialValue:!1}),[o,a]=A({namespace:We,initialValue:void 0}),i=q(Ge),n=Je(e.stateController),s=Object.keys(n).reduce(((e,t)=>"sqm-widget-verification"===t?{...e,...n[t]}:{...e,[`${t}_stateController`]:n[t]}),{});return D({showCode:t,showPartnerModal:!1,onVerification:()=>{i(!0)},onPartnerModalComplete:()=>{},loading:!1},s||{},{arrayMerge:(e,t)=>t})}(this):function(){const e=g(),[t,r]=A({namespace:Ye,initialValue:!1}),[o,a]=A({namespace:We,initialValue:null==e?void 0:e.email}),i=q(Ge),[s,d]=l(!0),[c,u]=l(!1),[h]=N(no);return n((()=>{(async()=>{var e,t,r,o,a;try{const n=await h({});if(!n||n instanceof Error)throw new Error;const s=(null===(e=null==n?void 0:n.viewer)||void 0===e?void 0:e.emailVerified)||(null===(r=null===(t=null==n?void 0:n.viewer)||void 0===t?void 0:t.managedIdentity)||void 0===r?void 0:r.emailVerified);(null===(a=null===(o=null==n?void 0:n.viewer)||void 0===o?void 0:o.impactConnection)||void 0===a?void 0:a.connected)?i(!0):s&&u(!0)}catch(e){console.error("Could not fetch user information:",e)}finally{d(!1)}})()}),[]),{showCode:t,showPartnerModal:c,onVerification:()=>{u(!0)},onPartnerModalComplete:()=>{u(!1),i(!0)},loading:s}}();if(e.loading)return t("sl-spinner",null);const r=B({Dialog:{"&::part(panel)":{maxWidth:"480px"},"&::part(title)":{fontSize:"var(--sl-font-size-x-large)",fontWeight:"600",padding:"var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(footer)":{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)"},"&::part(overlay)":{background:"rgba(0, 0, 0, 0.5)"},"&::part(close-button)":{display:"none"}}}),o=r.toString(),a=this.getStepTextProps("general_");return e.showPartnerModal?t("sqm-partner-info-modal",Object.assign({},this.getStepTextProps("createPartnerStep_"))):t("div",null,t("style",{type:"text/css"},o),t("h3",{style:{fontSize:"24px",margin:"0"}},a.verifyEmailHeader),t("p",{style:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-medium)",margin:"0"}},a.verifyEmailDescription),e.showCode?t("sl-dialog",{class:r.classes.Dialog,noHeader:!1,open:e.showCode,label:"Let's get your started for rewards","onSl-request-close":e=>{e.preventDefault()},"onSl-hide":e=>{var t;"SL-DIALOG"===(null===(t=e.target)||void 0===t?void 0:t.tagName)&&e.preventDefault()}},t("sqm-code-verification",Object.assign({onVerification:e.onVerification},this.getStepTextProps("codeStep_"),Jr(e,"sqm-code-verification_")))):e.showPartnerModal?t("sqm-partner-info-modal",Object.assign({},this.getStepTextProps("createPartnerStep_"))):t("sl-dialog",{class:r.classes.Dialog,noHeader:!1,open:!e.showCode,label:"Let's get your started for rewards","onSl-request-close":e=>{e.preventDefault()},"onSl-hide":e=>{var t;"SL-DIALOG"===(null===(t=e.target)||void 0===t?void 0:t.tagName)&&e.preventDefault()}},t("sqm-email-verification",Object.assign({},this.getStepTextProps("emailStep_"),Jr(e,"sqm-email-verification_")))))}};export{Qe as sqm_big_stat,vt as sqm_brand,bt as sqm_brand_selector,yt as sqm_card_feed,wt as sqm_checkbox_field,Et as sqm_coupon_code,Ft as sqm_divided_layout,It as sqm_dropdown_field,Rt as sqm_edit_profile,qt as sqm_hero,Mt as sqm_hero_image,Dt as sqm_hook_story_container,Pt as sqm_image,Bt as sqm_input_field,Ot as sqm_lead_dropdown_field,zt as sqm_lead_form,Wt as sqm_leaderboard,Xt as sqm_link_button,Qt as sqm_marketing_emails_checkbox,er as sqm_name_fields,rr as sqm_navigation_menu,sr as sqm_payout_button_scroll,ur as sqm_payout_status_alert,fr as sqm_portal_change_marketing,gr as sqm_portal_change_password,vr as sqm_portal_footer,br as sqm_portal_frame,wr as sqm_portal_google_registration_form,Cr as sqm_program_explainer,_r as sqm_program_explainer_step,Ir as sqm_program_menu,Tr as sqm_referral_card,Rr as sqm_referral_iframe,qr as sqm_referred_registration,Pr as sqm_reward_exchange_list,Vr as sqm_router,zr as sqm_share_button,Hr as sqm_share_code,Yr as sqm_share_link,Wr as sqm_stat_container,Kr as sqm_task_card,Zr as sqm_tax_and_cash,Xr as sqm_timeline,ro as sqm_timeline_entry,io as sqm_user_name,so as sqm_widget_verification}
+`,so=class{constructor(t){e(this,t),this.general_verifyEmailHeader="Verify your email",this.general_verifyEmailDescription="To get your cash paid out directly to your bank account, please complete your account setup",this.emailStep_verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.",this.emailStep_sendCodeErrorHeader="There was an error sending your code.",this.emailStep_sendCodeErrorDescription="Please try again. If this problem continues, contact our program support team.",this.emailStep_emailLabel="Email",this.emailStep_sendCodeText="Send code",this.emailStep_emailValidationErrorText="Please enter a valid email",this.codeStep_verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.",this.codeStep_reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.",this.codeStep_resendCodeText="Didn't receive your code? {resendCodeLink}",this.codeStep_resendCodeLabel="Resend code",this.codeStep_codeResentSuccessfullyText="Another code has been sent to {email}",this.codeStep_invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.",this.codeStep_verifyText="Verify",this.codeStep_networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.",this.createPartnerStep_modalHeader="Let's get you ready for rewards",this.createPartnerStep_modalHeaderExistingPartner="We found an existing account",this.createPartnerStep_descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.",this.createPartnerStep_descriptionExistingPartner="We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.",this.createPartnerStep_supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.",this.createPartnerStep_countryLabel="Country",this.createPartnerStep_currencyLabel="Currency",this.createPartnerStep_submitButtonLabel="Submit",this.createPartnerStep_confirmButtonLabel="Confirm",this.createPartnerStep_searchCountryPlaceholder="Search for a country",this.createPartnerStep_searchCurrencyPlaceholder="Search for a currency",this.createPartnerStep_networkErrorText="An error occurred. Please try again.",this.createPartnerStep_missingFieldsErrorText="Please select both a country and currency.",this.stateController="{}",i(this)}disconnectedCallback(){}getStepTextProps(e){return Jr(L(this),e)}render(){const e=m()?function(e){const[t,r]=A({namespace:Ye,initialValue:!1}),[o,a]=A({namespace:We,initialValue:void 0}),i=q(Ge),n=Je(e.stateController),s=Object.keys(n).reduce(((e,t)=>"sqm-widget-verification"===t?{...e,...n[t]}:{...e,[`${t}_stateController`]:n[t]}),{});return D({showCode:t,showPartnerModal:!1,onVerification:()=>{i(!0)},onPartnerModalComplete:()=>{},loading:!1},s||{},{arrayMerge:(e,t)=>t})}(this):function(){const e=g(),[t,r]=A({namespace:Ye,initialValue:!1}),[o,a]=A({namespace:We,initialValue:null==e?void 0:e.email}),i=q(Ge),[s,d]=l(!0),[c,u]=l(!1),[h]=N(no);return n((()=>{(async()=>{var e,t,r,o,a;try{const n=await h({});if(!n||n instanceof Error)throw new Error;const s=(null===(e=null==n?void 0:n.viewer)||void 0===e?void 0:e.emailVerified)||(null===(r=null===(t=null==n?void 0:n.viewer)||void 0===t?void 0:t.managedIdentity)||void 0===r?void 0:r.emailVerified);(null===(a=null===(o=null==n?void 0:n.viewer)||void 0===o?void 0:o.impactConnection)||void 0===a?void 0:a.connected)?i(!0):s&&u(!0)}catch(e){console.error("Could not fetch user information:",e)}finally{d(!1)}})()}),[]),{showCode:t,showPartnerModal:c,onVerification:()=>{u(!0)},onPartnerModalComplete:()=>{u(!1),i(!0)},loading:s}}();if(e.loading)return t("sl-spinner",null);const r=B({Dialog:{"&::part(panel)":{maxWidth:"480px"},"&::part(title)":{fontSize:"var(--sl-font-size-x-large)",fontWeight:"600",padding:"var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(footer)":{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)"},"&::part(overlay)":{background:"rgba(0, 0, 0, 0.5)"},"&::part(close-button)":{display:"none"}}}),o=r.toString(),a=this.getStepTextProps("general_"),i=this.getStepTextProps("createPartnerStep_"),s=e.showPartnerModal?i.modalHeader:a.verifyEmailHeader;return t("div",null,t("style",{type:"text/css"},o),t("sl-dialog",{class:r.classes.Dialog,noHeader:!1,open:!0,label:s,"onSl-request-close":e=>{e.preventDefault()},"onSl-hide":e=>{var t;"SL-DIALOG"===(null===(t=e.target)||void 0===t?void 0:t.tagName)&&e.preventDefault()}},(()=>e.showPartnerModal?t("sqm-partner-info-modal",Object.assign({embedded:!0},i)):e.showCode?t("sqm-code-verification",Object.assign({onVerification:e.onVerification},this.getStepTextProps("codeStep_"),Jr(e,"sqm-code-verification_"))):t("sqm-email-verification",Object.assign({},this.getStepTextProps("emailStep_"),Jr(e,"sqm-email-verification_"))))()))}};export{Qe as sqm_big_stat,vt as sqm_brand,bt as sqm_brand_selector,yt as sqm_card_feed,wt as sqm_checkbox_field,Et as sqm_coupon_code,Ft as sqm_divided_layout,It as sqm_dropdown_field,Rt as sqm_edit_profile,qt as sqm_hero,Mt as sqm_hero_image,Dt as sqm_hook_story_container,Pt as sqm_image,Bt as sqm_input_field,Ot as sqm_lead_dropdown_field,zt as sqm_lead_form,Wt as sqm_leaderboard,Xt as sqm_link_button,Qt as sqm_marketing_emails_checkbox,er as sqm_name_fields,rr as sqm_navigation_menu,sr as sqm_payout_button_scroll,ur as sqm_payout_status_alert,fr as sqm_portal_change_marketing,gr as sqm_portal_change_password,vr as sqm_portal_footer,br as sqm_portal_frame,wr as sqm_portal_google_registration_form,Cr as sqm_program_explainer,_r as sqm_program_explainer_step,Ir as sqm_program_menu,Tr as sqm_referral_card,Rr as sqm_referral_iframe,qr as sqm_referred_registration,Pr as sqm_reward_exchange_list,Vr as sqm_router,zr as sqm_share_button,Hr as sqm_share_code,Yr as sqm_share_link,Wr as sqm_stat_container,Kr as sqm_task_card,Zr as sqm_tax_and_cash,Xr as sqm_timeline,ro as sqm_timeline_entry,io as sqm_user_name,so as sqm_widget_verification}

package/dist/mint-components/sqm-widget-verification.entry.js

@@ -0,0 +1,356 @@
+import { r as registerInstance, h as h$1 } from './index-d9876cd5.js';
+import { i as useState, j as useEffect, o as h } from './dom-context-hooks.module-8411297a.js';
+import { d as dist, J, I as In, r as En, X as Xe, i as isDemo } from './index.module-76b0705d.js';
+import './jss-preset-default.esm-c36417f8.js';
+import { c as createStyleSheet } from './JSS-8c381d8b.js';
+import { g as getProps } from './utils-61821fb1.js';
+import { c as cjs } from './cjs-e829b75b.js';
+import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
+import { p as parseStates } from './parseStates-ed75e224.js';
+import { e as extractProps } from './extractProps-ae1afbb3.js';
+
+const USER_LOOKUP = dist.gql `
+  query checkUserVerification {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+        emailVerified
+        managedIdentity {
+          email
+          emailVerified
+        }
+        impactConnection {
+          connected
+        }
+      }
+    }
+  }
+`;
+function useWidgetVerification() {
+  const userIdentity = J();
+  const [showCode, setShowCode] = In({
+    namespace: SHOW_CODE_NAMESPACE,
+    initialValue: false,
+  });
+  const [email, setEmail] = In({
+    namespace: VERIFICATION_EMAIL_NAMESPACE,
+    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
+  });
+  const setContext = En(VERIFICATION_PARENT_NAMESPACE);
+  const [loading, setLoading] = useState(true);
+  const [showPartnerModal, setShowPartnerModal] = useState(false);
+  const [fetch] = Xe(USER_LOOKUP);
+  useEffect(() => {
+    const checkUser = async () => {
+      var _a, _b, _c, _d, _e;
+      try {
+        const res = await fetch({});
+        if (!res || res instanceof Error)
+          throw new Error();
+        // Flow changed to send email -> verify code -> show early partner creation modal
+        const emailVerified = ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified) || ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified);
+        const isConnected = (_e = (_d = res === null || res === void 0 ? void 0 : res.viewer) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.connected;
+        if (isConnected) {
+          // Partner already created, show widget content
+          setContext(true);
+        }
+        else if (emailVerified) {
+          // Email verified but no partner yet, show partner modal
+          setShowPartnerModal(true);
+        }
+      }
+      catch (e) {
+        console.error("Could not fetch user information:", e);
+      }
+      finally {
+        setLoading(false);
+      }
+    };
+    checkUser();
+  }, []);
+  const onVerification = () => {
+    setShowPartnerModal(true);
+  };
+  const onPartnerModalComplete = () => {
+    setShowPartnerModal(false);
+    setContext(true);
+  };
+  return { showCode, showPartnerModal, onVerification, onPartnerModalComplete, loading };
+}
+
+const WidgetVerification = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // ! Any updated must be reflected in sqm-widget-verification-internal AND sqm-email-verification AND sqm-code-verification AND sqm-partner-info-modal
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                    GENERAL PROPS
+      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName General verify widget header text
+     * @uiGroup General Text
+     */
+    this.general_verifyEmailHeader = "Verify your email";
+    /**
+     * @uiName General verify widget description text
+     * @uiGroup General Text
+     */
+    this.general_verifyEmailDescription = "To get your cash paid out directly to your bank account, please complete your account setup";
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                    EMAIL STEP PROPS
+      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName Verify email widget header text
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_verifyEmailHeaderText = "Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";
+    /**
+     * @uiName Send code to email alert header
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_sendCodeErrorHeader = "There was an error sending your code.";
+    /**
+     * @uiName Send code to email alert description
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_sendCodeErrorDescription = "Please try again. If this problem continues, contact our program support team.";
+    /**
+     * @uiName Email input label
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_emailLabel = "Email";
+    /**
+     * @uiName Send code button text
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_sendCodeText = "Send code";
+    /**
+     * @uiName Send code button text
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_emailValidationErrorText = "Please enter a valid email";
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                    CODE STEP PROPS
+      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName Verify code widget header text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_verifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
+    /**
+     * @uiName Reverify code widget header text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_reverifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
+    /**
+     * Text displayed under verify button
+     * @uiName Resend code text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_resendCodeText = "Didn't receive your code? {resendCodeLink}";
+    /**
+     * The link that appears in the resend code link
+     * @uiName Resend code label
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_resendCodeLabel = "Resend code";
+    /**
+     * Link text displayed under verify button
+     * @uiName Resend code text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_codeResentSuccessfullyText = "Another code has been sent to {email}";
+    /**
+     * Error text displayed under verification input
+     * @uiName Invalid code text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_invalidCodeText = "Please check your code and try again. If you’re still having trouble, try resending your code.";
+    /**
+     * @uiName Verify code button text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_verifyText = "Verify";
+    /**
+     * 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
+     */
+    this.codeStep_networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                    PARTNER CREATION STEP PROPS
+      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName New partner header
+     * @uiGroup Partner Creation Step
+     * @uiWidget textArea
+     */
+    this.createPartnerStep_modalHeader = "Let's get you ready for rewards";
+    /**
+     * @uiName Existing partner header
+     * @uiGroup Partner Creation Step
+     * @uiWidget textArea
+     */
+    this.createPartnerStep_modalHeaderExistingPartner = "We found an existing account";
+    /**
+     * @uiName New partner description
+     * @uiGroup Partner Creation Step
+     * @uiWidget textArea
+     */
+    this.createPartnerStep_descriptionNewPartner = "Confirm your country and currency now to get your future rewards faster.";
+    /**
+     * @uiName Existing partner description
+     * @uiGroup Partner Creation Step
+     * @uiWidget textArea
+     */
+    this.createPartnerStep_descriptionExistingPartner = "We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.";
+    /**
+     * @uiName Existing partner support description
+     * @uiGroup Partner Creation Step
+     * @uiWidget textArea
+     */
+    this.createPartnerStep_supportDescriptionExistingPartner = "If this is a mistake, please contact Support or sign up for this referral program with a different email.";
+    /**
+     * @uiName Country label
+     * @uiGroup Partner Creation Step
+     */
+    this.createPartnerStep_countryLabel = "Country";
+    /**
+     * @uiName Currency label
+     * @uiGroup Partner Creation Step
+     */
+    this.createPartnerStep_currencyLabel = "Currency";
+    /**
+     * @uiName Submit button label
+     * @uiGroup Partner Creation Step
+     */
+    this.createPartnerStep_submitButtonLabel = "Submit";
+    /**
+     * @uiName Confirm button label
+     * @uiGroup Partner Creation Step
+     */
+    this.createPartnerStep_confirmButtonLabel = "Confirm";
+    /**
+     * @uiName Search country placeholder
+     * @uiGroup Partner Creation Step
+     */
+    this.createPartnerStep_searchCountryPlaceholder = "Search for a country";
+    /**
+     * @uiName Search currency placeholder
+     * @uiGroup Partner Creation Step
+     */
+    this.createPartnerStep_searchCurrencyPlaceholder = "Search for a currency";
+    /**
+     * @uiName Network error text
+     * @uiGroup Partner Creation Step
+     * @uiWidget textArea
+     */
+    this.createPartnerStep_networkErrorText = "An error occurred. Please try again.";
+    /**
+     * @uiName Missing fields error text
+     * @uiGroup Partner Creation Step
+     * @uiWidget textArea
+     */
+    this.createPartnerStep_missingFieldsErrorText = "Please select both a country and currency.";
+    /**
+     * @undocumented
+     * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
+     * @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"], "uiGroup": "Code Verification Step" }
+     * @componentState { "title": "Step 3: Create Partner", "props": { "showPartnerModal": true }, "dependencies": ["sqm-partner-info-modal"], "uiGroup": "Partner Creation Step" }
+     */
+    this.stateController = "{}";
+    h(this);
+  }
+  disconnectedCallback() { }
+  getStepTextProps(prefix) {
+    const props = getProps(this);
+    return extractProps(props, prefix);
+  }
+  render() {
+    const props = isDemo()
+      ? useDemoWidgetVerificationInternal(this)
+      : useWidgetVerification();
+    if (props.loading)
+      return h$1("sl-spinner", null);
+    const style = {
+      Dialog: {
+        "&::part(panel)": {
+          maxWidth: "480px",
+        },
+        "&::part(title)": {
+          fontSize: "var(--sl-font-size-x-large)",
+          fontWeight: "600",
+          padding: "var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
+        },
+        "&::part(body)": {
+          padding: "0 var(--sl-spacing-x-large)",
+          fontSize: "var(--sl-font-size-small)",
+          overflow: "visible",
+        },
+        "&::part(footer)": {
+          display: "flex",
+          flexDirection: "column",
+          gap: "var(--sl-spacing-small)",
+        },
+        "&::part(overlay)": {
+          background: "rgba(0, 0, 0, 0.5)",
+        },
+        "&::part(close-button)": {
+          display: "none",
+        },
+      },
+    };
+    const sheet = createStyleSheet(style);
+    const styleString = sheet.toString();
+    const generalText = this.getStepTextProps("general_");
+    const partnerText = this.getStepTextProps("createPartnerStep_");
+    const dialogLabel = props.showPartnerModal
+      ? partnerText.modalHeader
+      : generalText.verifyEmailHeader;
+    const renderStepContent = () => {
+      if (props.showPartnerModal) {
+        return (h$1("sqm-partner-info-modal", Object.assign({ embedded: true }, partnerText)));
+      }
+      if (props.showCode) {
+        return (h$1("sqm-code-verification", Object.assign({ onVerification: props.onVerification }, this.getStepTextProps("codeStep_"), extractProps(props, "sqm-code-verification_"))));
+      }
+      return (h$1("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"), extractProps(props, "sqm-email-verification_"))));
+    };
+    return (h$1("div", null, h$1("style", { type: "text/css" }, styleString), h$1("sl-dialog", { class: sheet.classes.Dialog, noHeader: false, open: true, label: dialogLabel, "onSl-request-close": (e) => {
+        e.preventDefault();
+      }, "onSl-hide": (e) => {
+        var _a;
+        if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
+          e.preventDefault();
+        }
+      } }, renderStepContent())));
+  }
+};
+function useDemoWidgetVerificationInternal(props) {
+  const [showCode, setShowCode] = In({
+    namespace: SHOW_CODE_NAMESPACE,
+    initialValue: false,
+  });
+  const [email, setEmail] = In({
+    namespace: VERIFICATION_EMAIL_NAMESPACE,
+    initialValue: undefined,
+  });
+  const setContext = En(VERIFICATION_PARENT_NAMESPACE);
+  const states = parseStates(props.stateController);
+  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-widget-verification"
+    ? { ...prev, ...states[key] }
+    : { ...prev, [`${key}_stateController`]: states[key] }, {});
+  const onVerification = () => {
+    setContext(true);
+  };
+  return cjs({
+    showCode,
+    showPartnerModal: false,
+    onVerification,
+    onPartnerModalComplete: () => { },
+    loading: false,
+  }, formatted || {}, { arrayMerge: (_, a) => a });
+}
+
+export { WidgetVerification as sqm_widget_verification };

package/dist/mint-components/sqm-widget-verification.system.entry.js

@@ -0,0 +1 @@
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++){r=arguments[t];for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a))e[a]=r[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,t,n){function a(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,i){function o(e){try{c(n.next(e))}catch(e){i(e)}}function s(e){try{c(n["throw"](e))}catch(e){i(e)}}function c(e){e.done?t(e.value):a(e.value).then(o,s)}c((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(r){return c([e,r])}}function c(o){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,a&&(i=o[0]&2?a["return"]:o[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,o[1])).done)return i;if(a=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;a=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){t.label=o[1];break}if(o[0]===6&&t.label<i[1]){t.label=i[1];i=o;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(o);break}if(i[2])t.ops.pop();t.trys.pop();continue}o=r.call(e,t)}catch(e){o=[6,e];a=0}finally{n=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./index-6582b378.system.js","./dom-context-hooks.module-d6e89c16.system.js","./index.module-5e7007c8.system.js","./jss-preset-default.esm-62a04d6d.system.js","./JSS-840a8fea.system.js","./utils-b405e671.system.js","./cjs-f0ef8d23.system.js","./keys-4fe6dfb6.system.js","./parseStates-5fae0361.system.js","./extractProps-32938668.system.js"],(function(e){"use strict";var r,t,n,a,i,o,s,c,l,u,d,f,p,m,h,v,y,g,_;return{setters:[function(e){r=e.r;t=e.h},function(e){n=e.i;a=e.j;i=e.o},function(e){o=e.d;s=e.J;c=e.I;l=e.r;u=e.X;d=e.i},function(){},function(e){f=e.c},function(e){p=e.g},function(e){m=e.c},function(e){h=e.S;v=e.a;y=e.V},function(e){g=e.p},function(e){_=e.e}],execute:function(){var S=o.gql(__makeTemplateObject(["\n  query checkUserVerification {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        emailVerified\n        managedIdentity {\n          email\n          emailVerified\n        }\n        impactConnection {\n          connected\n        }\n      }\n    }\n  }\n"],["\n  query checkUserVerification {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        emailVerified\n        managedIdentity {\n          email\n          emailVerified\n        }\n        impactConnection {\n          connected\n        }\n      }\n    }\n  }\n"]));function b(){var e=this;var r=s();var t=c({namespace:h,initialValue:false}),i=t[0],o=t[1];var d=c({namespace:v,initialValue:r===null||r===void 0?void 0:r.email}),f=d[0],p=d[1];var m=l(y);var g=n(true),_=g[0],b=g[1];var w=n(false),P=w[0],x=w[1];var C=u(S)[0];a((function(){var r=function(){return __awaiter(e,void 0,void 0,(function(){var e,r,t,n,a,i,o,s,c;return __generator(this,(function(l){switch(l.label){case 0:l.trys.push([0,2,3,4]);return[4,C({})];case 1:i=l.sent();if(!i||i instanceof Error)throw new Error;o=((e=i===null||i===void 0?void 0:i.viewer)===null||e===void 0?void 0:e.emailVerified)||((t=(r=i===null||i===void 0?void 0:i.viewer)===null||r===void 0?void 0:r.managedIdentity)===null||t===void 0?void 0:t.emailVerified);s=(a=(n=i===null||i===void 0?void 0:i.viewer)===null||n===void 0?void 0:n.impactConnection)===null||a===void 0?void 0:a.connected;if(s){m(true)}else if(o){x(true)}return[3,4];case 2:c=l.sent();console.error("Could not fetch user information:",c);return[3,4];case 3:b(false);return[7];case 4:return[2]}}))}))};r()}),[]);var j=function(){x(true)};var T=function(){x(false);m(true)};return{showCode:i,showPartnerModal:P,onVerification:j,onPartnerModalComplete:T,loading:_}}var w=e("sqm_widget_verification",function(){function e(e){r(this,e);this.general_verifyEmailHeader="Verify your email";this.general_verifyEmailDescription="To get your cash paid out directly to your bank account, please complete your account setup";this.emailStep_verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.emailStep_sendCodeErrorHeader="There was an error sending your code.";this.emailStep_sendCodeErrorDescription="Please try again. If this problem continues, contact our program support team.";this.emailStep_emailLabel="Email";this.emailStep_sendCodeText="Send code";this.emailStep_emailValidationErrorText="Please enter a valid email";this.codeStep_verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.codeStep_reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.codeStep_resendCodeText="Didn't receive your code? {resendCodeLink}";this.codeStep_resendCodeLabel="Resend code";this.codeStep_codeResentSuccessfullyText="Another code has been sent to {email}";this.codeStep_invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.";this.codeStep_verifyText="Verify";this.codeStep_networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.";this.createPartnerStep_modalHeader="Let's get you ready for rewards";this.createPartnerStep_modalHeaderExistingPartner="We found an existing account";this.createPartnerStep_descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.";this.createPartnerStep_descriptionExistingPartner="We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.";this.createPartnerStep_supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.";this.createPartnerStep_countryLabel="Country";this.createPartnerStep_currencyLabel="Currency";this.createPartnerStep_submitButtonLabel="Submit";this.createPartnerStep_confirmButtonLabel="Confirm";this.createPartnerStep_searchCountryPlaceholder="Search for a country";this.createPartnerStep_searchCurrencyPlaceholder="Search for a currency";this.createPartnerStep_networkErrorText="An error occurred. Please try again.";this.createPartnerStep_missingFieldsErrorText="Please select both a country and currency.";this.stateController="{}";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getStepTextProps=function(e){var r=p(this);return _(r,e)};e.prototype.render=function(){var e=this;var r=d()?P(this):b();if(r.loading)return t("sl-spinner",null);var n={Dialog:{"&::part(panel)":{maxWidth:"480px"},"&::part(title)":{fontSize:"var(--sl-font-size-x-large)",fontWeight:"600",padding:"var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(footer)":{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)"},"&::part(overlay)":{background:"rgba(0, 0, 0, 0.5)"},"&::part(close-button)":{display:"none"}}};var a=f(n);var i=a.toString();var o=this.getStepTextProps("general_");var s=this.getStepTextProps("createPartnerStep_");var c=r.showPartnerModal?s.modalHeader:o.verifyEmailHeader;var l=function(){if(r.showPartnerModal){return t("sqm-partner-info-modal",Object.assign({embedded:true},s))}if(r.showCode){return t("sqm-code-verification",Object.assign({onVerification:r.onVerification},e.getStepTextProps("codeStep_"),_(r,"sqm-code-verification_")))}return t("sqm-email-verification",Object.assign({},e.getStepTextProps("emailStep_"),_(r,"sqm-email-verification_")))};return t("div",null,t("style",{type:"text/css"},i),t("sl-dialog",{class:a.classes.Dialog,noHeader:false,open:true,label:c,"onSl-request-close":function(e){e.preventDefault()},"onSl-hide":function(e){var r;if(((r=e.target)===null||r===void 0?void 0:r.tagName)==="SL-DIALOG"){e.preventDefault()}}},l()))};return e}());function P(e){var r=c({namespace:h,initialValue:false}),t=r[0],n=r[1];var a=c({namespace:v,initialValue:undefined}),i=a[0],o=a[1];var s=l(y);var u=g(e.stateController);var d=Object.keys(u).reduce((function(e,r){var t;return r==="sqm-widget-verification"?__assign(__assign({},e),u[r]):__assign(__assign({},e),(t={},t[r+"_stateController"]=u[r],t))}),{});var f=function(){s(true)};return m({showCode:t,showPartnerModal:false,onVerification:f,onPartnerModalComplete:function(){},loading:false},d||{},{arrayMerge:function(e,r){return r}})}}}}));

package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal-view.d.ts

@@ -40,4 +40,5 @@ export interface PartnerInfoModalViewProps {
     modalHeaderExistingPartner: string;
   };
 }
+export declare function PartnerInfoModalContent(props: PartnerInfoModalViewProps): any[];
 export declare function PartnerInfoModalView(props: PartnerInfoModalViewProps): any;

package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal.d.ts

@@ -82,6 +82,12 @@ export declare class PartnerInfoModal {
    * @uiWidget textArea
    */
   missingFieldsErrorText: string;
+  /**
+   * When true, renders only the form content without its own sl-dialog wrapper.
+   * Used when embedded inside another dialog (e.g. sqm-widget-verification).
+   * @undocumented
+   */
+  embedded: boolean;
   /**
    * @undocumented
    * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }

package/dist/types/components.d.ts

@@ -2346,6 +2346,11 @@ export namespace Components {
           * @uiWidget textArea
          */
         "descriptionNewPartner": string;
+        /**
+          * When true, renders only the form content without its own sl-dialog wrapper. Used when embedded inside another dialog (e.g. sqm-widget-verification).
+          * @undocumented
+         */
+        "embedded": boolean;
         /**
           * @uiName Missing fields error text
           * @uiWidget textArea
@@ -10546,6 +10551,11 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "descriptionNewPartner"?: string;
+        /**
+          * When true, renders only the form content without its own sl-dialog wrapper. Used when embedded inside another dialog (e.g. sqm-widget-verification).
+          * @undocumented
+         */
+        "embedded"?: boolean;
         /**
           * @uiName Missing fields error text
           * @uiWidget textArea