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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/mint-components.cjs.js +1 -1
  3. package/dist/cjs/sqm-big-stat_46.cjs.entry.js +19 -18
  4. package/dist/cjs/sqm-email-verification_2.cjs.entry.js +9 -2
  5. package/dist/cjs/{sqm-partner-info-modal-view-cd758f12.js → sqm-partner-info-modal-view-7bcb2262.js} +23 -16
  6. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
  7. package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal-view.js +22 -16
  8. package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal.js +30 -2
  9. package/dist/collection/components/sqm-widget-verification/sqm-widget-verification.js +43 -22
  10. package/dist/esm/loader.js +1 -1
  11. package/dist/esm/mint-components.js +1 -1
  12. package/dist/esm/sqm-big-stat_46.entry.js +19 -18
  13. package/dist/esm/sqm-email-verification_2.entry.js +9 -2
  14. package/dist/esm/{sqm-partner-info-modal-view-dbedda28.js → sqm-partner-info-modal-view-dd777f00.js} +23 -17
  15. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  16. package/dist/esm-es5/loader.js +1 -1
  17. package/dist/esm-es5/mint-components.js +1 -1
  18. package/dist/esm-es5/sqm-big-stat_46.entry.js +1 -1
  19. package/dist/esm-es5/sqm-email-verification_2.entry.js +1 -1
  20. package/dist/esm-es5/sqm-partner-info-modal-view-dd777f00.js +1 -0
  21. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  22. package/dist/mint-components/mint-components.esm.js +1 -1
  23. package/dist/mint-components/p-0581c425.system.entry.js +1 -0
  24. package/dist/mint-components/{p-7de884a0.system.entry.js → p-0a769ba3.system.entry.js} +1 -1
  25. package/dist/mint-components/p-1c413a06.system.js +1 -1
  26. package/dist/mint-components/{p-59f69bdc.system.entry.js → p-50cdc2d0.system.entry.js} +1 -1
  27. package/dist/mint-components/{p-d2927531.entry.js → p-52e702ad.entry.js} +1 -1
  28. package/dist/mint-components/p-71d00dcf.js +1 -0
  29. package/dist/mint-components/{p-adcc37f3.entry.js → p-aabc6b28.entry.js} +8 -8
  30. package/dist/mint-components/{p-d1a2d813.entry.js → p-e7c3d207.entry.js} +1 -1
  31. package/dist/mint-components/p-f10e42e8.system.js +1 -0
  32. package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal-view.d.ts +1 -0
  33. package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal.d.ts +5 -0
  34. package/dist/types/components/sqm-widget-verification/sqm-widget-verification.d.ts +5 -0
  35. package/dist/types/components.d.ts +20 -0
  36. package/docs/docs.docx +0 -0
  37. package/docs/raisins.json +1 -1
  38. package/grapesjs/grapesjs.js +1 -1
  39. package/package.json +1 -1
  40. package/dist/esm-es5/sqm-partner-info-modal-view-dbedda28.js +0 -1
  41. package/dist/mint-components/p-6638c7c6.system.js +0 -1
  42. package/dist/mint-components/p-7144ac40.js +0 -1
  43. package/dist/mint-components/p-7a5814ef.system.entry.js +0 -1
@@ -0,0 +1 @@
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}
@@ -1,4 +1,4 @@
1
- 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`
1
+ 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-71d00dcf.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`
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-438f6702.js";i
6
6
  email
7
7
  }
8
8
  }
9
- `,I=i.gql`
9
+ `,P=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-438f6702.js";i
22
22
  }
23
23
  }
24
24
  }
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"},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`
25
+ `;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`
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-438f6702.js";i
53
53
  }
54
54
  }
55
55
  }
56
- `,L=i.gql`
56
+ `,z=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-438f6702.js";i
62
62
  }
63
63
  }
64
64
  }
65
- `,z=i.gql`
65
+ `,D=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-438f6702.js";i
71
71
  }
72
72
  }
73
73
  }
74
- `,D=i.gql`
74
+ `,$=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-438f6702.js";i
96
96
  }
97
97
  }
98
98
  }
99
- `,$=i.gql`
99
+ `,U=i.gql`
100
100
  query getTenantSettings {
101
101
  tenantSettings {
102
102
  companyName
103
103
  }
104
104
  }
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]=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}
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.inModal=!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.inModal?y:g,Object.assign({},t))}};export{N as sqm_email_verification,_ as sqm_partner_info_modal}
@@ -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-
288
288
  }
289
289
  }
290
290
  }
291
- `,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}
291
+ `,so=class{constructor(t){e(this,t),this.general_widgetHeaderWithPartnerCreation="Let's get you ready for rewards",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("createPartnerStep_"),i=this.general_widgetHeaderWithPartnerCreation;return t("div",null,t("style",{type:"text/css"},o),t("sl-dialog",{class:r.classes.Dialog,noHeader:!1,open:!0,label:i,"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({inModal:!0},a)):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}
@@ -0,0 +1 @@
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)))}}}}));
@@ -40,4 +40,5 @@ export interface PartnerInfoModalViewProps {
40
40
  modalHeaderExistingPartner: string;
41
41
  };
42
42
  }
43
+ export declare function PartnerInfoModalContentView(props: PartnerInfoModalViewProps): any[];
43
44
  export declare function PartnerInfoModalView(props: PartnerInfoModalViewProps): any;
@@ -82,6 +82,11 @@ export declare class PartnerInfoModal {
82
82
  * @uiWidget textArea
83
83
  */
84
84
  missingFieldsErrorText: string;
85
+ /**
86
+ * Used to render in another modal.
87
+ * @undocumented
88
+ */
89
+ inModal: boolean;
85
90
  /**
86
91
  * @undocumented
87
92
  * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }
@@ -4,6 +4,11 @@
4
4
  * @example Widget Verification - <sqm-widget-verification></sqm-widget-verification>
5
5
  */
6
6
  export declare class WidgetVerification {
7
+ /**
8
+ * @uiName General widget header text with partner creation
9
+ * @uiGroup General Text
10
+ */
11
+ general_widgetHeaderWithPartnerCreation: string;
7
12
  /**
8
13
  * @uiName General verify widget header text
9
14
  * @uiGroup General Text
@@ -2346,6 +2346,11 @@ export namespace Components {
2346
2346
  * @uiWidget textArea
2347
2347
  */
2348
2348
  "descriptionNewPartner": string;
2349
+ /**
2350
+ * Used to render in another modal.
2351
+ * @undocumented
2352
+ */
2353
+ "inModal": boolean;
2349
2354
  /**
2350
2355
  * @uiName Missing fields error text
2351
2356
  * @uiWidget textArea
@@ -7342,6 +7347,11 @@ export namespace Components {
7342
7347
  * @uiGroup General Text
7343
7348
  */
7344
7349
  "general_verifyEmailHeader": string;
7350
+ /**
7351
+ * @uiName General widget header text with partner creation
7352
+ * @uiGroup General Text
7353
+ */
7354
+ "general_widgetHeaderWithPartnerCreation": string;
7345
7355
  /**
7346
7356
  * @undocumented
7347
7357
  * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
@@ -10546,6 +10556,11 @@ declare namespace LocalJSX {
10546
10556
  * @uiWidget textArea
10547
10557
  */
10548
10558
  "descriptionNewPartner"?: string;
10559
+ /**
10560
+ * Used to render in another modal.
10561
+ * @undocumented
10562
+ */
10563
+ "inModal"?: boolean;
10549
10564
  /**
10550
10565
  * @uiName Missing fields error text
10551
10566
  * @uiWidget textArea
@@ -15517,6 +15532,11 @@ declare namespace LocalJSX {
15517
15532
  * @uiGroup General Text
15518
15533
  */
15519
15534
  "general_verifyEmailHeader"?: string;
15535
+ /**
15536
+ * @uiName General widget header text with partner creation
15537
+ * @uiGroup General Text
15538
+ */
15539
+ "general_widgetHeaderWithPartnerCreation"?: string;
15520
15540
  /**
15521
15541
  * @undocumented
15522
15542
  * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
package/docs/docs.docx CHANGED
Binary file