@saasquatch/mint-components 2.1.9-4 → 2.1.9-6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-e7a9ce16.js";import{k as e,f as n,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,q as p,L as m}from"./p-1d450b85.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-1b0d7020.js";import{p as g}from"./p-13f3a647.js";import{S as q,V as x}from"./p-38c7775a.js";import{T as w}from"./p-28ed2ae9.js";import{u as k}from"./p-ab678644.js";const C=i.gql`
1
+ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-e7a9ce16.js";import{k as e,f as n,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,q as p,L as m}from"./p-1d450b85.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-1b0d7020.js";import{p as g}from"./p-13f3a647.js";import{S as q,V as x,a as w}from"./p-38c7775a.js";import{T as k}from"./p-28ed2ae9.js";import{u as C}from"./p-ab678644.js";const S=i.gql`
2
2
  mutation upsertUser($userInput: UserInput!) {
3
3
  upsertUser(userInput: $userInput) {
4
4
  id
@@ -6,7 +6,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-e7a9ce16.js";i
6
6
  email
7
7
  }
8
8
  }
9
- `,S=i.gql`
9
+ `,I=i.gql`
10
10
  query user {
11
11
  viewer {
12
12
  ... on User {
@@ -22,7 +22,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-e7a9ce16.js";i
22
22
  }
23
23
  }
24
24
  }
25
- `;const I=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",maxWidth:"320px"},ContinueButton:{width:"100%",maxWidth:"100px"},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)"}}}),P=I.toString();function T(t){const{states:e,callbacks:n,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',P),e.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)})),e.initialLoading?r("div",{class:I.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:I.classes.ContinueButton,loading:!0,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)):r("div",{class:I.classes.Wrapper},r(h,{type:"p"},a.verifyEmailHeaderText),r("sl-form",{"onSl-submit":n.submitEmail},r("div",{class:I.classes.InputsContainer},r("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:a.emailLabel,value:e.email||"",type:"email",id:"email",name:"email",disabled:!!e.email||e.loading},e.error?{class:I.classes.ErrorInput,helpText:a.emailValidationErrorText}:{})),r("sl-button",{submit:!0,class:I.classes.ContinueButton,loading:e.loading,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)))))}const j=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]=e(!1),[m,b]=e(!1),[v,f]=e(!1),{initialized:h,send:[y,{}]}=k(),[g]=function(){const r=c(),[t,{loading:o,data:e,errors:n}]=u(C);return[async o=>{try{const e=await t({userInput:{id:r.id,accountId:r.accountId,email:o}});if(e instanceof Error||!e)throw new Error;return e}catch(r){return void console.error("Could not set email on user",r)}},{loading:o,data:e,errors:n}]}(),[w,I]=e(!0),{data:P,loading:T}=l(S,{}),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 n((()=>{(null==P?void 0:P.viewer)&&p(!!P.viewer.email)}),[P]),n((()=>{h&&I(!1)}),[h]),{callbacks:{submitEmail:async r=>{if(r.preventDefault(),!(null==P?void 0:P.viewer))return;I(!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 g(t);o&&o.user.email||b(!0)}if(!h)return;const e=await y();e&&e.success?(i(t),o(!0)):f(!0),I(!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(T,Object.assign({},t))}},E=i.gql`
25
+ `;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",maxWidth:"320px"},ContinueButton:{width:"100%",maxWidth:"100px"},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:e,callbacks:n,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),e.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)})),e.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":n.submitEmail},r("div",{class:P.classes.InputsContainer},r("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:a.emailLabel,value:e.email||"",type:"email",id:"email",name:"email",disabled:!!e.email||e.loading},e.error?{class:P.classes.ErrorInput,helpText:a.emailValidationErrorText}:{})),r("sl-button",{submit:!0,class:P.classes.ContinueButton,loading:e.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(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]=e(!1),[m,b]=e(!1),[v,f]=e(!1),{initialized:h,send:[y,{}]}=C(),[g]=function(){const r=c(),[t,{loading:o,data:e,errors:n}]=u(S);return[async o=>{try{const e=await t({userInput:{id:r.id,accountId:r.accountId,email:o}});if(e instanceof Error||!e)throw new Error;return e}catch(r){return void console.error("Could not set email on user",r)}},{loading:o,data:e,errors:n}]}(),[w,k]=e(!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 n((()=>{(null==P?void 0:P.viewer)&&p(!!P.viewer.email)}),[P]),n((()=>{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 g(t);o&&o.user.email||b(!0)}if(!h)return;const e=await y();e&&e.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`
26
26
  query getUserPartnerInfo {
27
27
  user: viewer {
28
28
  ... on User {
@@ -53,7 +53,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-e7a9ce16.js";i
53
53
  }
54
54
  }
55
55
  }
56
- `,N=i.gql`
56
+ `,L=i.gql`
57
57
  query getCountries {
58
58
  impactPayoutCountries(limit: 1000) {
59
59
  data {
@@ -62,7 +62,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-e7a9ce16.js";i
62
62
  }
63
63
  }
64
64
  }
65
- `,L=i.gql`
65
+ `,z=i.gql`
66
66
  query currencies($locale: RSLocale) {
67
67
  currencies(limit: 300) {
68
68
  data {
@@ -71,7 +71,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-e7a9ce16.js";i
71
71
  }
72
72
  }
73
73
  }
74
- `,z=i.gql`
74
+ `,D=i.gql`
75
75
  mutation createImpactConnection($vars: ImpactConnectionInput!) {
76
76
  createImpactConnection(impactConnectionInput: $vars) {
77
77
  success
@@ -96,10 +96,10 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-e7a9ce16.js";i
96
96
  }
97
97
  }
98
98
  }
99
- `,D=i.gql`
99
+ `,$=i.gql`
100
100
  query getTenantSettings {
101
101
  tenantSettings {
102
102
  companyName
103
103
  }
104
104
  }
105
- `,$=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]=e("US"),[n,a]=e(""),[i,s]=e(""),l=g(r.stateController)||{};return b({states:{brandName:"Test Brand",open:!0,loading:!1,submitting:!1,isExistingPartner:!1,countryCode:t,currency:n,error:i,success:!1,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:r=>{var t,e;const n=null===(e=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===e?void 0:e.__value;n&&(o(n),a(""))},onCurrencyChange:r=>{var t,o;const e=null===(o=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;e&&a(e)},setCountrySearch:()=>{},setCurrencySearch:()=>{},onSubmit:()=>{s(t&&n?"":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}},b(l,r.demoData||{},{arrayMerge:(r,t)=>t}),{arrayMerge:(r,t)=>t})}(this):function(r){var t,o,a,i,s,c,d,p,b;const v=m(),{data:f,loading:h,refetch:y}=l(E,{}),g=null==f?void 0:f.user,{data:q,loading:x}=l(L,{variables:{locale:v}}),{data:k,loading:C}=l(N,{}),{data:S}=l(D,{}),[I,{loading:P}]=u(z),[T,j]=e((null===(o=null===(t=null==g?void 0:g.impactConnection)||void 0===t?void 0:t.publisher)||void 0===o?void 0:o.countryCode)||""),[$,U]=e((null===(i=null===(a=null==g?void 0:g.impactConnection)||void 0===a?void 0:a.publisher)||void 0===i?void 0:i.currency)||"");console.log(T,$,"initial country and currency state");const[M,W]=e(""),[_,B]=e(""),[O,A]=e((null===(s=null==k?void 0:k.impactPayoutCountries)||void 0===s?void 0:s.data)||[]),[F,R]=e((null===(c=null==q?void 0:q.currencies)||void 0===c?void 0:c.data)||[]),[H,Z]=e(""),[V,G]=e(!1),J=(null===(d=null==k?void 0:k.impactPayoutCountries)||void 0===d?void 0:d.data)||[],K=(null===(p=null==q?void 0:q.currencies)||void 0===p?void 0:p.data)||[];console.log(g,"user data from partner info query"),n((()=>{var r;f&&(null===(r=g.impactConnection)||void 0===r?void 0:r.publisher)&&(j(g.impactConnection.publisher.countryCode),U(g.impactConnection.publisher.currency))}),[f]),n((()=>{(null==J?void 0:J.length)&&(""===M.trim()?A(J||[]):A(J.filter((r=>r.displayName.toLowerCase().includes(M.toLowerCase())))||[]))}),[M,J]),n((()=>{(null==K?void 0:K.length)&&(""===_.trim()?R(K||[]):R(K.filter((r=>r.currencyCode.toLowerCase().includes(_.toLowerCase())))||[]))}),[_,K]);const Q=null==g?void 0:g.impactConnection;console.log(V,"success state in partner info modal");const X=!(V||h||(null==Q?void 0:Q.connected)&&(null==Q?void 0:Q.publisher));return console.log(X,"showModal condition in partner info modal"),{states:{open:X,loading:h||C||x,submitting:P,isExistingPartner:(null==Q?void 0:Q.connected)||(null==Q?void 0:Q.publisher),countryCode:T,currency:$,error:H,success:V,brandName:(null===(b=null==S?void 0:S.tenantSettings)||void 0===b?void 0:b.companyName)||"",filteredCountries:O||[],filteredCurrencies:F||[]},callbacks:{onCountryChange:function(r){var t,o;const e=null===(o=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;e&&(j(e),U(""),Z(""))},onCurrencyChange:function(r){var t,o;const e=null===(o=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;e&&(U(e),Z(""))},setCurrencySearch:B,setCountrySearch:W,onSubmit:async function(){var t,o;if(T&&$){Z("");try{const e={user:{id:g.id,accountId:g.accountId},firstName:g.firstName,lastName:g.lastName,countryCode:T,currency:$},n=await I({vars:e});if(!n||(null===(t=n)||void 0===t?void 0:t.message))return void Z(r.networkErrorText);const a=n.createImpactConnection;if(console.log(n,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 Z(t||r.networkErrorText),void console.error("Failed to create Impact connection:",null==a?void 0:a.validationErrors)}window.dispatchEvent(new Event(w)),await y(),G(!0)}catch(t){console.error("Partner creation error:",t),Z(r.networkErrorText)}}else Z(r.missingFieldsErrorText)},onClose:()=>G(!0)},text:r.getTextProps()}}(this);return r(y,Object.assign({},t))}};export{j as sqm_email_verification,$ as sqm_partner_info_modal}
105
+ `,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]=e("US"),[n,a]=e(""),[i,s]=e(""),l=g(r.stateController)||{},c=l["sqm-partner-info-modal"]||l;return console.log("stateController raw:",r.stateController,"parsed:",l,"overrides:",c),b({states:{brandName:"Test Brand",open:!0,loading:!1,submitting:!1,isExistingPartner:!1,countryCode:t,currency:n,error:i,success:!1,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:r=>{var t,e;const n=null===(e=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===e?void 0:e.__value;n&&(o(n),a(""))},onCurrencyChange:r=>{var t,o;const e=null===(o=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;e&&a(e)},setCountrySearch:()=>{},setCurrencySearch:()=>{},onSubmit:()=>{s(t&&n?"":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}},c||{},{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(N,{}),x=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,W]=e((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]=e((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(U,_,"initial country and currency state");const[B,O]=e(""),[A,F]=e(""),[R,H]=e((null===(s=null==I?void 0:I.impactPayoutCountries)||void 0===s?void 0:s.data)||[]),[Z,V]=e((null===(c=null==C?void 0:C.currencies)||void 0===c?void 0:c.data)||[]),[G,J]=e(""),[K,Q]=e(!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"),n((()=>{var r;y&&(null===(r=x.impactConnection)||void 0===r?void 0:r.publisher)&&(W(x.impactConnection.publisher.countryCode),M(x.impactConnection.publisher.currency))}),[y]),n((()=>{(null==X?void 0:X.length)&&(""===B.trim()?H(X||[]):H(X.filter((r=>r.displayName.toLowerCase().includes(B.toLowerCase())))||[]))}),[B,X]),n((()=>{(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.connected)||(null==rr?void 0:rr.publisher),countryCode:U,currency:_,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 e=null===(o=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;e&&(W(e),M(""),J(""))},onCurrencyChange:function(r){var t,o;const e=null===(o=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;e&&(M(e),J(""))},setCurrencySearch:F,setCountrySearch:O,onSubmit:async function(){var t,o;if(U&&_){J("");try{const e={user:{id:x.id,accountId:x.accountId},firstName:x.firstName,lastName:x.lastName,countryCode:U,currency:_},n=await j({vars:e});if(!n||(null===(t=n)||void 0===t?void 0:t.message))return void J(r.networkErrorText);const a=n.createImpactConnection;if(console.log(n,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(y,Object.assign({},t))}};export{E as sqm_email_verification,U as sqm_partner_info_modal}
package/docs/docs.docx CHANGED
Binary file
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@saasquatch/mint-components",
3
3
  "title": "Mint Components",
4
- "version": "2.1.9-4",
4
+ "version": "2.1.9-6",
5
5
  "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
6
6
  "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
7
7
  "raisins": "docs/raisins.json",
@@ -1 +0,0 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(n,e){if(Object.defineProperty){Object.defineProperty(n,"raw",{value:e})}else{n.raw=e}return n};var __awaiter=this&&this.__awaiter||function(n,e,r,t){function o(n){return n instanceof r?n:new r((function(e){e(n)}))}return new(r||(r=Promise))((function(r,a){function i(n){try{u(t.next(n))}catch(n){a(n)}}function s(n){try{u(t["throw"](n))}catch(n){a(n)}}function u(n){n.done?r(n.value):o(n.value).then(i,s)}u((t=t.apply(n,e||[])).next())}))};var __generator=this&&this.__generator||function(n,e){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,o,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(n){return function(e){return u([n,e])}}function u(i){if(t)throw new TypeError("Generator is already executing.");while(r)try{if(t=1,o&&(a=i[0]&2?o["return"]:i[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,i[1])).done)return a;if(o=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;o=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){r.label=i[1];break}if(i[0]===6&&r.label<a[1]){r.label=a[1];a=i;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(i);break}if(a[2])r.ops.pop();r.trys.pop();continue}i=e.call(n,r)}catch(n){i=[6,n];o=0}finally{t=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-641f968d.system.js","./p-1b9705fd.system.js","./p-b6504987.system.js","./p-d6c1e876.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-7b909aa5.system.js","./p-78909fc0.system.js","./p-115dfc03.system.js","./p-57dd28bd.system.js","./p-6f8dde97.system.js","./p-695ec086.system.js"],(function(n){"use strict";var e,r,t,o,a,i,s,u,l,c,d,p,m,v,f,b,y,h,g,x,C,w,q,k;return{setters:[function(n){e=n.h;r=n.r},function(n){t=n.i},function(n){o=n.k;a=n.f;i=n.n},function(n){s=n.d;u=n.t;l=n.w;c=n.J;d=n.$;p=n.i;m=n.q;v=n.L},function(n){f=n.c},function(n){b=n.g},function(n){y=n.c},function(n){h=n.T},function(n){g=n.P},function(n){x=n.p},function(n){C=n.S;w=n.V},function(n){q=n.T},function(n){k=n.u}],execute:function(){var _=s.gql(__makeTemplateObject(["\n mutation upsertUser($userInput: UserInput!) {\n upsertUser(userInput: $userInput) {\n id\n accountId\n email\n }\n }\n"],["\n mutation upsertUser($userInput: UserInput!) {\n upsertUser(userInput: $userInput) {\n id\n accountId\n email\n }\n }\n"]));var T=s.gql(__makeTemplateObject(["\n query user {\n viewer {\n ... on User {\n id\n accountId\n email\n impactConnection {\n user {\n id\n email\n }\n }\n }\n }\n }\n"],["\n query user {\n viewer {\n ... on User {\n id\n accountId\n email\n impactConnection {\n user {\n id\n email\n }\n }\n }\n }\n }\n"]));function E(){var n=this;var e=c();var r=d(_),t=r[0],o=r[1],a=o.loading,i=o.data,s=o.errors;var u=function(r){return __awaiter(n,void 0,void 0,(function(){var n,o;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,t({userInput:{id:e.id,accountId:e.accountId,email:r}})];case 1:n=a.sent();if(n instanceof Error||!n)throw new Error;return[2,n];case 2:o=a.sent();console.error("Could not set email on user",o);return[2,undefined];case 3:return[2]}}))}))};return[u,{loading:a,data:i,errors:s}]}function I(n){var e=this;var r=u(C),t=r[0],i=r[1];var s=u(w),c=s[0],d=s[1];var p=o(false),m=p[0],v=p[1];var f=o(false),b=f[0],y=f[1];var h=o(false),g=h[0],x=h[1];var q=k(),_=q.initialized,I=q.send,P=I[0],S=I[1],L=S.loading,j=S.errors;var N=E()[0];var D=o(true),O=D[0],$=D[1];var U=l(T,{}),B=U.data,H=U.loading;var z=/^(([^<>()[\]\\.,;:\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,}))$/;a((function(){if(!(B===null||B===void 0?void 0:B.viewer))return;v(!!B.viewer.email)}),[B]);a((function(){if(_)$(false)}),[_]);var M=function(n){return __awaiter(e,void 0,void 0,(function(){var e,r,t,o,a;return __generator(this,(function(s){switch(s.label){case 0:n.preventDefault();if(!(B===null||B===void 0?void 0:B.viewer))return[2];$(true);e=B.viewer.email;if(!!e)return[3,2];r=n.detail.formData;t=r.get("email").toString();if(!z.test(t)){y(true);return[2]}return[4,N(t)];case 1:o=s.sent();if(!o||!o.user.email)y(true);s.label=2;case 2:if(!_)return[2];return[4,P()];case 3:a=s.sent();if(!a||!a.success)x(true);else{d(e);i(true)}$(false);return[2]}}))}))};return{callbacks:{submitEmail:M},states:{loading:O,initialLoading:H&&!_,error:b,email:B===null||B===void 0?void 0:B.viewer.email,sendCodeError:g},text:n.getTextProps()}}var P={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",maxWidth:"320px"},ContinueButton:{width:"100%",maxWidth:"100px"},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)"}}};var S='\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';var L=y(P);var j=L.toString();function N(n){var r=n.states,o=n.callbacks,a=n.text;var i=function(){return e("div",{class:L.classes.Wrapper},e("sqm-skeleton",{height:"16px",width:"50%"}),e("sqm-skeleton",{height:"16px",width:"50%"}),e("sqm-skeleton",{height:"16px",width:"50%"}),e("sqm-skeleton",{height:"34px",width:"30%"}),e("sqm-skeleton",{height:"24px",width:"15%"}),e("sl-button",{submit:true,class:L.classes.ContinueButton,loading:true,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText))};return e("div",{part:"sqm-base"},e("style",{type:"text/css"},S,j),r.sendCodeError&&e("sqm-form-message",{type:"error"},e("p",{part:"alert-title"},a.sendCodeErrorHeader),t.formatMessage({id:"sendCodeErrorDescription",defaultMessage:a.sendCodeErrorDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},a.supportLink)})),r.initialLoading?i():e("div",{class:L.classes.Wrapper},e(h,{type:"p"},a.verifyEmailHeaderText),e("sl-form",{"onSl-submit":o.submitEmail},e("div",{class:L.classes.InputsContainer},e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:a.emailLabel,value:r.email||"",type:"email",id:"email",name:"email",disabled:!!r.email||r.loading},r.error?{class:L.classes.ErrorInput,helpText:a.emailValidationErrorText}:{})),e("sl-button",{submit:true,class:L.classes.ContinueButton,loading:r.loading,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)))))}var D=n("sqm_email_verification",function(){function n(n){r(this,n);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";i(this)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return b(this)};n.prototype.render=function(){var n=p()?O(this):I(this);return e(N,Object.assign({},n))};return n}());function O(n){var e=this;var r=m(C);return f({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(n){return[2,r(true)]}))}))}},text:n.getTextProps()},n.demoData||{},{arrayMerge:function(n,e){return e}})}var $=s.gql(__makeTemplateObject(["\n query getUserPartnerInfo {\n user: viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n customFields\n impactConnection {\n connected\n publisher {\n phoneNumber\n phoneNumberCountryCode\n countryCode\n currency\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n withdrawalSettings {\n paymentMethod\n }\n }\n }\n }\n }\n }\n"],["\n query getUserPartnerInfo {\n user: viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n customFields\n impactConnection {\n connected\n publisher {\n phoneNumber\n phoneNumberCountryCode\n countryCode\n currency\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n withdrawalSettings {\n paymentMethod\n }\n }\n }\n }\n }\n }\n"]));var U=s.gql(__makeTemplateObject(["\n query getCountries {\n impactPayoutCountries(limit: 1000) {\n data {\n countryCode\n displayName\n }\n }\n }\n"],["\n query getCountries {\n impactPayoutCountries(limit: 1000) {\n data {\n countryCode\n displayName\n }\n }\n }\n"]));var B=s.gql(__makeTemplateObject(["\n query currencies($locale: RSLocale) {\n currencies(limit: 300) {\n data {\n displayName(locale: $locale)\n currencyCode\n }\n }\n }\n"],["\n query currencies($locale: RSLocale) {\n currencies(limit: 300) {\n data {\n displayName(locale: $locale)\n currencyCode\n }\n }\n }\n"]));var H=s.gql(__makeTemplateObject(["\n mutation createImpactConnection($vars: ImpactConnectionInput!) {\n createImpactConnection(impactConnectionInput: $vars) {\n success\n validationErrors {\n field\n message\n }\n user {\n id\n accountId\n impactConnection {\n connected\n publisher {\n brandedSignup\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n }\n }\n }\n }\n }\n"],["\n mutation createImpactConnection($vars: ImpactConnectionInput!) {\n createImpactConnection(impactConnectionInput: $vars) {\n success\n validationErrors {\n field\n message\n }\n user {\n id\n accountId\n impactConnection {\n connected\n publisher {\n brandedSignup\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n }\n }\n }\n }\n }\n"]));var z=s.gql(__makeTemplateObject(["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"],["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"]));function M(n){var e,r,t,i,s,u,c,p,m;var f=v();var b=l($,{}),y=b.data,h=b.loading,g=b.refetch;var x=y===null||y===void 0?void 0:y.user;var C=l(B,{variables:{locale:f}}),w=C.data,k=C.loading;var _=l(U,{}),T=_.data,E=_.loading;var I=l(z,{}).data;var P=d(H),S=P[0],L=P[1],j=L.loading,N=L.errors;var D=o(((r=(e=x===null||x===void 0?void 0:x.impactConnection)===null||e===void 0?void 0:e.publisher)===null||r===void 0?void 0:r.countryCode)||""),O=D[0],M=D[1];var W=o(((i=(t=x===null||x===void 0?void 0:x.impactConnection)===null||t===void 0?void 0:t.publisher)===null||i===void 0?void 0:i.currency)||""),F=W[0],R=W[1];console.log(O,F,"initial country and currency state");var A=o(""),V=A[0],Z=A[1];var G=o(""),J=G[0],K=G[1];var Q=o(((s=T===null||T===void 0?void 0:T.impactPayoutCountries)===null||s===void 0?void 0:s.data)||[]),X=Q[0],Y=Q[1];var nn=o(((u=w===null||w===void 0?void 0:w.currencies)===null||u===void 0?void 0:u.data)||[]),en=nn[0],rn=nn[1];var tn=o(""),on=tn[0],an=tn[1];var sn=o(false),un=sn[0],ln=sn[1];var cn=((c=T===null||T===void 0?void 0:T.impactPayoutCountries)===null||c===void 0?void 0:c.data)||[];var dn=((p=w===null||w===void 0?void 0:w.currencies)===null||p===void 0?void 0:p.data)||[];console.log(x,"user data from partner info query");a((function(){var n;if(y&&((n=x.impactConnection)===null||n===void 0?void 0:n.publisher)){M(x.impactConnection.publisher.countryCode);R(x.impactConnection.publisher.currency)}}),[y]);a((function(){if(!(cn===null||cn===void 0?void 0:cn.length))return;if(V.trim()===""){Y(cn||[])}else{Y(cn.filter((function(n){return n.displayName.toLowerCase().includes(V.toLowerCase())}))||[])}}),[V,cn]);a((function(){if(!(dn===null||dn===void 0?void 0:dn.length))return;if(J.trim()===""){rn(dn||[])}else{rn(dn.filter((function(n){return n.currencyCode.toLowerCase().includes(J.toLowerCase())}))||[])}}),[J,dn]);var pn=x===null||x===void 0?void 0:x.impactConnection;function mn(n){var e,r;var t=(r=(e=n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(!t)return;M(t);R("");an("")}function vn(n){var e,r;var t=(r=(e=n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(!t)return;R(t);an("")}function fn(){return __awaiter(this,void 0,void 0,(function(){var e,r,t,o,a,i,s;return __generator(this,(function(u){switch(u.label){case 0:if(!O||!F){an(n.missingFieldsErrorText);return[2]}an("");u.label=1;case 1:u.trys.push([1,4,,5]);t={user:{id:x.id,accountId:x.accountId},firstName:x.firstName,lastName:x.lastName,countryCode:O,currency:F};return[4,S({vars:t})];case 2:o=u.sent();if(!o||((e=o)===null||e===void 0?void 0:e.message)){an(n.networkErrorText);return[2]}a=o.createImpactConnection;console.log(o,a,"result and connectionResult from creating partner from modal");if(!(a===null||a===void 0?void 0:a.success)){i=(r=a===null||a===void 0?void 0:a.validationErrors)===null||r===void 0?void 0:r.map((function(n){return n.message})).join(". ");an(i||n.networkErrorText);console.error("Failed to create Impact connection:",a===null||a===void 0?void 0:a.validationErrors);return[2]}window.dispatchEvent(new Event(q));return[4,g()];case 3:u.sent();ln(true);return[3,5];case 4:s=u.sent();console.error("Partner creation error:",s);an(n.networkErrorText);return[3,5];case 5:return[2]}}))}))}console.log(un,"success state in partner info modal");var bn=!un&&!h&&(!(pn===null||pn===void 0?void 0:pn.connected)||!(pn===null||pn===void 0?void 0:pn.publisher));console.log(bn,"showModal condition in partner info modal");return{states:{open:bn,loading:h||E||k,submitting:j,isExistingPartner:(pn===null||pn===void 0?void 0:pn.connected)||(pn===null||pn===void 0?void 0:pn.publisher),countryCode:O,currency:F,error:on,success:un,brandName:((m=I===null||I===void 0?void 0:I.tenantSettings)===null||m===void 0?void 0:m.companyName)||"",filteredCountries:X||[],filteredCurrencies:en||[]},callbacks:{onCountryChange:mn,onCurrencyChange:vn,setCurrencySearch:K,setCountrySearch:Z,onSubmit:fn,onClose:function(){return ln(true)}},text:n.getTextProps()}}var W=n("sqm_partner_info_modal",function(){function n(n){r(this,n);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="{}";i(this)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return b(this)};n.prototype.render=function(){var n=p()?F(this):M(this);return e(g,Object.assign({},n))};return n}());function F(n){var e=o("US"),r=e[0],t=e[1];var a=o(""),i=a[0],s=a[1];var u=o(""),l=u[0],c=u[1];var d=x(n.stateController)||{};return f({states:{brandName:"Test Brand",open:true,loading:false,submitting:false,isExistingPartner:false,countryCode:r,currency:i,error:l,success:false,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:function(n){var e,r;var o=(r=(e=n===null||n===void 0?void 0:n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(o){t(o);s("")}},onCurrencyChange:function(n){var e,r;var t=(r=(e=n===null||n===void 0?void 0:n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(t)s(t)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!r||!i){c(n.missingFieldsErrorText);return}c("")},onClose:function(){}},text:{modalHeader:n.modalHeader,descriptionNewPartner:n.descriptionNewPartner,descriptionExistingPartner:n.descriptionExistingPartner,countryLabel:n.countryLabel,currencyLabel:n.currencyLabel,submitButtonLabel:n.submitButtonLabel,confirmButtonLabel:n.confirmButtonLabel,searchCountryPlaceholder:n.searchCountryPlaceholder,searchCurrencyPlaceholder:n.searchCurrencyPlaceholder,supportDescriptionExistingPartner:n.supportDescriptionExistingPartner,modalHeaderExistingPartner:n.modalHeaderExistingPartner}},f(d,n.demoData||{},{arrayMerge:function(n,e){return e}}),{arrayMerge:function(n,e){return e}})}}}}));
@@ -1 +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 i in r)if(Object.prototype.hasOwnProperty.call(r,i))e[i]=r[i]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,t,n){function i(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,a){function o(e){try{c(n.next(e))}catch(e){a(e)}}function s(e){try{c(n["throw"](e))}catch(e){a(e)}}function c(e){e.done?t(e.value):i(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(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,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,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;i=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=r.call(e,t)}catch(e){o=[6,e];i=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-641f968d.system.js","./p-b6504987.system.js","./p-d6c1e876.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-115dfc03.system.js","./p-a8645c1b.system.js","./p-57dd28bd.system.js"],(function(e){"use strict";var r,t,n,i,a,o,s,c,l,u,d,f,p,h,m,y,v,_;return{setters:[function(e){r=e.r;t=e.h},function(e){n=e.k;i=e.f;a=e.n},function(e){o=e.d;s=e.J;c=e.I;l=e.q;u=e.X;d=e.i},function(e){f=e.c},function(e){p=e.g},function(e){h=e.p},function(e){m=e.e},function(e){y=e.S;v=e.V;_=e.a}],execute:function(){var g=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 }\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 }\n }\n }\n"]));function S(){var e=this;var r=s();var t=c({namespace:y,initialValue:false}),a=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 h=l(_);var m=n(true),S=m[0],b=m[1];var w=n(false),P=w[0],x=w[1];var C=u(g)[0];i((function(){var r=function(){return __awaiter(e,void 0,void 0,(function(){var e,r,t,n,i;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,3,4]);return[4,C({})];case 1:n=a.sent();if(!n||n instanceof Error)throw new Error;if((e=n===null||n===void 0?void 0:n.viewer)===null||e===void 0?void 0:e.emailVerified)h(true);else if((t=(r=n===null||n===void 0?void 0:n.viewer)===null||r===void 0?void 0:r.managedIdentity)===null||t===void 0?void 0:t.emailVerified)h(true);return[3,4];case 2:i=a.sent();console.error("Could not fetch user information:",i);return[3,4];case 3:b(false);return[7];case 4:return[2]}}))}))};r()}),[]);var T=function(){x(true)};var E=function(){x(false);h(true)};return{showCode:a,showPartnerModal:P,onVerification:T,onPartnerModalComplete:E,loading:S}}var b=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="{}";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getStepTextProps=function(e){var r=p(this);return m(r,e)};e.prototype.render=function(){var e=d()?w(this):S();if(e.loading)return t("sl-spinner",null);if(e.showPartnerModal){return t("sqm-partner-info-modal",Object.assign({},this.getStepTextProps("createPartnerStep_")))}var r=this.getStepTextProps("general_");return t("div",null,t("h3",{style:{fontSize:"24px",margin:"0"}},r.verifyEmailHeader),t("p",{style:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-medium)",margin:"0"}},r.verifyEmailDescription),e.showCode?t("sqm-code-verification",Object.assign({onVerification:e.onVerification},this.getStepTextProps("codeStep_"),m(e,"sqm-code-verification_"))):t("sqm-email-verification",Object.assign({},this.getStepTextProps("emailStep_"),m(e,"sqm-email-verification_"))))};return e}());function w(e){var r=c({namespace:y,initialValue:false}),t=r[0],n=r[1];var i=c({namespace:v,initialValue:undefined}),a=i[0],o=i[1];var s=l(_);var u=h(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 p=function(){s(true)};return f({showCode:t,showPartnerModal:false,onVerification:p,onPartnerModalComplete:function(){},loading:false},d||{},{arrayMerge:function(e,r){return r}})}}}}));