@saasquatch/mint-components 2.3.1 → 2.4.1-1
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.
- package/dist/cjs/sqm-email-verification_2.cjs.entry.js +40 -15
- package/dist/cjs/{sqm-partner-info-modal-view-243aad7b.js → sqm-partner-info-modal-view-431100ad.js} +13 -4
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +47 -6
- package/dist/collection/components/sqm-partner-info-modal/PartnerInfoModal.stories.js +38 -0
- package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal-view.js +14 -5
- package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal.js +1 -1
- package/dist/collection/components/sqm-partner-info-modal/usePartnerInfoModal.js +38 -13
- package/dist/collection/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification.js +1 -1
- package/dist/esm/sqm-email-verification_2.entry.js +40 -15
- package/dist/esm/{sqm-partner-info-modal-view-8f141a4f.js → sqm-partner-info-modal-view-34d4be5b.js} +14 -5
- package/dist/esm/sqm-stencilbook.entry.js +47 -6
- package/dist/esm-es5/sqm-email-verification_2.entry.js +1 -1
- package/dist/esm-es5/sqm-partner-info-modal-view-34d4be5b.js +1 -0
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/{p-f77b89cb.entry.js → p-2e33148c.entry.js} +2 -2
- package/dist/mint-components/{p-1f68a3e6.system.entry.js → p-3784c92c.system.entry.js} +1 -1
- package/dist/mint-components/p-ad90628d.system.js +1 -0
- package/dist/mint-components/p-bfb00685.system.js +1 -1
- package/dist/mint-components/{p-61f7bf8a.entry.js → p-c3025801.entry.js} +6 -6
- package/dist/mint-components/p-c36fedea.js +1 -0
- package/dist/mint-components/p-f8ec1f37.system.entry.js +1 -0
- package/dist/types/components/sqm-partner-info-modal/PartnerInfoModal.stories.d.ts +3 -0
- package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal-view.d.ts +5 -0
- package/docs/docs.docx +0 -0
- package/package.json +1 -1
- package/dist/esm-es5/sqm-partner-info-modal-view-8f141a4f.js +0 -1
- package/dist/mint-components/p-55847fc2.system.entry.js +0 -1
- package/dist/mint-components/p-a094da68.js +0 -1
- package/dist/mint-components/p-e7f45f18.system.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-6f8a3436.js";import{k as n,f as e,n as a,u as i}from"./p-a7fc1e02.js";import{d as s,q as l,w as c,J as u,$ as d,i as p,p as m,L as v}from"./p-8a6531d2.js";import{c as b}from"./p-c1086930.js";import{g as f}from"./p-9ec99ced.js";import{c as h}from"./p-cef45012.js";import{T as y}from"./p-c813ec64.js";import{g}from"./p-5c52100b.js";import{a as q,P as x}from"./p-
|
|
1
|
+
import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-6f8a3436.js";import{k as n,f as e,n as a,u as i}from"./p-a7fc1e02.js";import{d as s,q as l,w as c,J as u,$ as d,i as p,p as m,L as v}from"./p-8a6531d2.js";import{c as b}from"./p-c1086930.js";import{g as f}from"./p-9ec99ced.js";import{c as h}from"./p-cef45012.js";import{T as y}from"./p-c813ec64.js";import{g}from"./p-5c52100b.js";import{a as q,P as x}from"./p-c36fedea.js";import{S as k,a as w,P as C}from"./p-4f9dc974.js";import{T as I}from"./p-28ed2ae9.js";import{p as S}from"./p-13f3a647.js";import{u as P}from"./p-eae44b42.js";const j=s.gql`
|
|
2
2
|
mutation upsertUser($userInput: UserInput!) {
|
|
3
3
|
upsertUser(userInput: $userInput) {
|
|
4
4
|
id
|
|
@@ -22,7 +22,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-6f8a3436.js";i
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
`;const T=h({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)"}}}),L=T.toString();function
|
|
25
|
+
`;const T=h({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)"}}}),L=T.toString();function N(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-bold);\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',L),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(y,{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 z=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 f(this)}render(){const t=p()?function(r){const t=m(k);return b({states:{error:!1,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]=l(k),[a,i]=l(w),[s,p]=n(!1),[m,v]=n(!1),[b,f]=n(!1),{initialized:h,send:[y,{}]}=P(),[g]=function(){const r=u(),[t,{loading:o,data:n,errors:e}]=d(j);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}]}(),[q,x]=n(!0),{data:C,loading:I}=c(E,{}),S=/^(([^<>()[\]\\.,;:\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&&x(!1)}),[h]),{callbacks:{submitEmail:async r=>{var t,n,e,a;if(r.preventDefault(),!(null==C?void 0:C.viewer))return;x(!0),f(!1),v(!1);let s=C.viewer.email;if(!s){const o=null===(t=r.detail)||void 0===t?void 0:t.formData,i=null!==(e=null===(n=null==o?void 0:o.get("email"))||void 0===n?void 0:n.toString())&&void 0!==e?e:"";if(!S.test(i))return v(!0),void x(!1);const l=await g(i);if(!l||!(null===(a=l.upsertUser)||void 0===a?void 0:a.email))return v(!0),void x(!1);s=l.upsertUser.email}if(!h)return void x(!1);const l=await y();l&&l.success?(i(s),o(!0)):f(!0),x(!1)}},states:{loading:q,initialLoading:I&&!h,error:m,email:null==C?void 0:C.viewer.email,sendCodeError:b},text:r.getTextProps()}}(this);return r(N,Object.assign({},t))}},U=s.gql`
|
|
26
26
|
query getUserPartnerInfo {
|
|
27
27
|
user: viewer {
|
|
28
28
|
... on User {
|
|
@@ -45,7 +45,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-6f8a3436.js";i
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
|
-
`,
|
|
48
|
+
`,_=s.gql`
|
|
49
49
|
query getCountries {
|
|
50
50
|
impactPayoutCountries(limit: 1000) {
|
|
51
51
|
data {
|
|
@@ -54,7 +54,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-6f8a3436.js";i
|
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
|
|
57
|
+
`,D=s.gql`
|
|
58
58
|
query currencies($locale: RSLocale) {
|
|
59
59
|
currencies(limit: 300) {
|
|
60
60
|
data {
|
|
@@ -63,7 +63,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-6f8a3436.js";i
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
|
|
66
|
+
`,$=s.gql`
|
|
67
67
|
mutation startImpactConnection($vars: ImpactConnectionInput!) {
|
|
68
68
|
startImpactConnection(impactConnectionInput: $vars) {
|
|
69
69
|
success
|
|
@@ -88,4 +88,4 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-6f8a3436.js";i
|
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
`,A=class{constructor(r){t(this,r),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 {supportLink} or sign up for this referral program with a different email.",this.supportLink="Support",this.allowBankingCollection="I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information.",this.termsAndConditionsLabel="terms and conditions",this.termsAndConditionsLink="https://terms.advocate.impact.com/PayoutTermsAndConditions.html",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 fill out all fields.",this.inModal=!1,this.stateController='{"sqm-partner-info-modal":{"states":{"open":false}}}',a(this)}disconnectedCallback(){}getTextProps(){return f(this)}render(){const t=p()?function(r){const[t,o]=n("US"),[e,a]=n(""),[i,s]=n(""),[l,c]=n(!1),u=S(r.stateController);return b({states:{open:!1,loading:!1,submitting:!1,isExistingPartner:!1,countryCode:t,currency:e,error:i,success:!1,filteredCountries:[],filteredCurrencies:[],allowBankingCollection:l,disabled:!1},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)},onCheckboxChange:r=>{c(r.target.checked)},setCountrySearch:()=>{},setCurrencySearch:()=>{},onSubmit:()=>{s(t&&e?"":r.missingFieldsErrorText)},onClose:()=>{},onInitialFocus:r=>r.preventDefault()},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,supportLink:r.supportLink,modalHeaderExistingPartner:r.modalHeaderExistingPartner}},r.demoData||((null==u?void 0:u["sqm-partner-info-modal"])||u||{}),{arrayMerge:(r,t)=>t})}(this):function(r){var t,o,a,s,l;const
|
|
91
|
+
`,A=class{constructor(r){t(this,r),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 {supportLink} or sign up for this referral program with a different email.",this.supportLink="Support",this.allowBankingCollection="I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information.",this.termsAndConditionsLabel="terms and conditions",this.termsAndConditionsLink="https://terms.advocate.impact.com/PayoutTermsAndConditions.html",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 fill out all fields.",this.inModal=!1,this.stateController='{"sqm-partner-info-modal":{"states":{"open":false}}}',a(this)}disconnectedCallback(){}getTextProps(){return f(this)}render(){const t=p()?function(r){const[t,o]=n("US"),[e,a]=n(""),[i,s]=n(""),[l,c]=n(!1),u=S(r.stateController);return b({states:{open:!1,loading:!1,submitting:!1,isExistingPartner:!1,countryCode:t,currency:e,error:i,success:!1,filteredCountries:[],filteredCurrencies:[],allowBankingCollection:l,disabled:!1},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)},onCheckboxChange:r=>{c(r.target.checked)},setCountrySearch:()=>{},setCurrencySearch:()=>{},onSubmit:()=>{s(t&&e?"":r.missingFieldsErrorText)},onClose:()=>{},onInitialFocus:r=>r.preventDefault()},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,supportLink:r.supportLink,modalHeaderExistingPartner:r.modalHeaderExistingPartner}},r.demoData||((null==u?void 0:u["sqm-partner-info-modal"])||u||{}),{arrayMerge:(r,t)=>t})}(this):function(r){var t,o,a,s,l,u,p;const b=v(),f=m(C),{data:h,loading:y,refetch:q}=c(U,{}),x=null==h?void 0:h.user,{data:k,loading:w}=c(D,{variables:{locale:b}}),{data:S,loading:P}=c(_,{}),[j,E]=n(!1),[T,L]=n(null!==(t=null==x?void 0:x.firstName)&&void 0!==t?t:""),[N,z]=n(null!==(o=null==x?void 0:x.lastName)&&void 0!==o?o:""),[A,F]=n((null===(s=null===(a=null==x?void 0:x.impactConnection)||void 0===a?void 0:a.publisher)||void 0===s?void 0:s.countryCode)||b.replace(/^.*_/,"")),[B,O]=n((null===(u=null===(l=null==x?void 0:x.impactConnection)||void 0===l?void 0:l.publisher)||void 0===u?void 0:u.currency)||""),{data:W}=c(g,{variables:{filter:A?{countryCode_eq:A}:{}}}),[M,{loading:R}]=d($),[H,Z]=n(!1),G=i((()=>{var r;const t=null===(r=null==S?void 0:S.impactPayoutCountries)||void 0===r?void 0:r.data;return t?[...t].sort(((r,t)=>"US"===r.countryCode?-1:"US"===t.countryCode?1:r.displayName.localeCompare(t.displayName))):[]}),[S]),J=!!(null===(p=null==x?void 0:x.impactConnection)||void 0===p?void 0:p.publisher),K=i((()=>{var r,t,o;return J?(null===(r=null==k?void 0:k.currencies)||void 0===r?void 0:r.data)||[]:(null===(o=null===(t=null==W?void 0:W.impactFinanceNetworkSettings)||void 0===t?void 0:t.data)||void 0===o?void 0:o.reduce(((r,t)=>{var o,n;if(A&&t.countryCode!==A)return r;const e=null===(n=null===(o=null==k?void 0:k.currencies)||void 0===o?void 0:o.data)||void 0===n?void 0:n.find((r=>r.currencyCode===t.currency));return e?r.find((r=>r.currencyCode===t.currency))?r:[...r,e]:r}),[]))||[]}),[W,k,A,J]),Q=i((()=>[...K].sort(((r,t)=>r.displayName.localeCompare(t.displayName)))),[K]),[V,X]=n(""),[Y,rr]=n(""),[tr,or]=n(G||[]),[nr,er]=n(Q||[]),[ar,ir]=n(""),[sr,lr]=n(!1),[cr,ur]=n(!1);e((()=>{var r;if(cr||!x)return;E(!x.firstName||!x.lastName),L(x.firstName||""),z(x.lastName||"");const t=null===(r=x.impactConnection)||void 0===r?void 0:r.publisher;t&&(F(t.countryCode),O(t.currency)),ur(!0)}),[x,cr]),e((()=>{(null==G?void 0:G.length)&&(""===V.trim()?or(G||[]):or(G.filter((r=>r.displayName.toLowerCase().includes(V.toLowerCase())))||[]))}),[V,G]),e((()=>{(null==Q?void 0:Q.length)&&(""===Y.trim()?er(Q||[]):er(Q.filter((r=>r.currencyCode.toLowerCase().includes(Y.toLowerCase())))||[]))}),[Y,Q]);const dr=null==x?void 0:x.impactConnection;return{states:{open:!sr&&!y&&"NOT_STARTED"===(null==dr?void 0:dr.connectionStatus),loading:y||P||w,submitting:R,shouldDisplayNameFields:j,isExistingPartner:J,firstName:T,lastName:N,countryCode:A,currency:B,error:ar,success:sr,filteredCountries:tr||[],filteredCurrencies:nr||[],allowBankingCollection:H,disabled:y||R},callbacks:{onFirstNameChange:function(r){L(r.target.value)},onLastNameChange:function(r){z(r.target.value)},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&&(F(n),O(""),ir(""))},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&&(O(n),ir(""))},onCheckboxChange:function(r){Z(r.target.checked)},setCurrencySearch:rr,setCountrySearch:X,onSubmit:async function(){var t,o;if(H&&A&&B&&(!j||T&&N))if(ir(""),x)try{const n={user:{id:x.id,accountId:x.accountId},firstName:T,lastName:N,countryCode:A,currency:B},e=await M({vars:n});if(!e||(null===(t=e)||void 0===t?void 0:t.message))return void ir(r.networkErrorText);const a=e.startImpactConnection;if(!(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 ir(t||r.networkErrorText),void console.error("Failed to create Impact connection:",null==a?void 0:a.validationErrors)}window.dispatchEvent(new Event(I)),await q(),null==f||f(!0),lr(!0)}catch(t){console.error("Partner creation error:",t),ir(r.networkErrorText)}else ir(r.networkErrorText);else ir(r.missingFieldsErrorText)},onClose:()=>lr(!0)},text:r.getTextProps()}}(this);return r(this.inModal?q:x,Object.assign({},t))}};export{z as sqm_email_verification,A as sqm_partner_info_modal}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as l,F as a}from"./p-083180bf.js";import{i as e}from"./p-6f8a3436.js";import{c as s}from"./p-cef45012.js";const t={Dialog:{"&::part(panel)":{maxWidth:"480px"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(overlay)":{background:"var(--sl-overlay-background-color)"}},DialogTitle:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"600",padding:"var(--sl-spacing-large) 0 0 0",margin:"0"},FormFields:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-large)"},NameInput:{"&::part(label)":{fontWeight:"var(--sl-font-weight-normal)",fontSize:"var(--sl-input-label-font-size-medium)"}},ErrorMessage:{marginTop:"var(--sl-spacing-x-small)"},SearchInput:{"&::part(base)":{border:"none",borderBottom:"1px solid var(--sl-color-neutral-300)",borderRadius:"0"}},SelectMenu:{maxHeight:"300px"},DescriptionContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",margin:"0","& > p":{margin:"0"}},CheckboxWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},Checkbox:{"&::part(label)":{fontSize:"var(--sl-font-size-small)"}},SubmitButton:{width:"100%",marginTop:"var(--sl-spacing-large)","&::part(base)":{color:"var(--sqm-primary-button-color)",backgroundColor:"var(--sqm-primary-button-background)",border:"var(--sqm-primary-button-color-border)",borderRadius:"var(--sqm-primary-button-radius)"}}};function r(r){var i,o;const{states:n,callbacks:p,text:u}=r,c=s(t),d=c.toString(),b=e.formatMessage({id:"supportDescriptionExistingPartner",defaultMessage:u.supportDescriptionExistingPartner},{supportLink:l("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},u.supportLink)}),m=n.isExistingPartner?l("span",{class:c.classes.DescriptionContainer},l("p",null,u.descriptionExistingPartner),l("p",null,b)):l("p",{class:c.classes.DescriptionContainer},u.descriptionNewPartner),v=n.isExistingPartner?u.confirmButtonLabel:u.submitButtonLabel,g=e.formatMessage({id:"bankingCollectionText",defaultMessage:u.allowBankingCollection},{termsAndConditionsLink:l("a",{href:u.termsAndConditionsLink,target:"_blank"},u.termsAndConditionsLabel)});return l("div",null,l("style",{type:"text/css"},d),l("div",{class:c.classes.FormFields},m,n.shouldDisplayNameFields&&l(a,null,l("sl-input",{exportparts:"label: input-label, base: input-base",class:c.classes.NameInput,label:"First Name",value:n.firstName,"onSl-input":p.onFirstNameChange,disabled:n.submitting,required:!0}),l("sl-input",{exportparts:"label: input-label, base: input-base",class:c.classes.NameInput,label:"Last Name",value:n.lastName,"onSl-input":p.onLastNameChange,disabled:n.submitting,required:!0})),l("sl-select",{exportparts:"label: input-label, base: input-base, menu: select-menu",label:u.countryLabel,value:n.countryCode,disabled:n.submitting||!!n.countryCode&&n.isExistingPartner,required:!0,hoist:!0,"onSl-select":p.onCountryChange},l("sl-input",{class:c.classes.SearchInput,placeholder:u.searchCountryPlaceholder,onKeyDown:l=>l.stopPropagation(),"onSl-input":l=>{var a;p.setCountrySearch(null===(a=l.target)||void 0===a?void 0:a.value)}}),l("div",{class:c.classes.SelectMenu},null===(i=n.filteredCountries)||void 0===i?void 0:i.map((a=>l("sl-menu-item",{value:a.countryCode},a.displayName))))),l("sl-select",{exportparts:"label: input-label, base: input-base",label:u.currencyLabel,value:n.currency,disabled:n.submitting||!!n.currency&&n.isExistingPartner,required:!0,hoist:!0,"onSl-select":p.onCurrencyChange},l("sl-input",{class:c.classes.SearchInput,placeholder:u.searchCurrencyPlaceholder,onKeyDown:l=>l.stopPropagation(),"onSl-input":l=>{var a;return p.setCurrencySearch(null===(a=l.target)||void 0===a?void 0:a.value)}}),l("div",{class:c.classes.SelectMenu},null===(o=n.filteredCurrencies)||void 0===o?void 0:o.map((a=>l("sl-menu-item",{value:a.currencyCode},a.currencyCode," - ",a.displayName))))),l("div",{class:c.classes.CheckboxWrapper},l("sl-checkbox",{class:c.classes.Checkbox,checked:!0===n.allowBankingCollection,"onSl-change":p.onCheckboxChange,disabled:n.submitting,required:!0,value:n.allowBankingCollection,id:"allowBankingCollection",name:"/allowBankingCollection"},g))),n.error&&l("div",{class:c.classes.ErrorMessage},l("sqm-form-message",{class:c.classes.ErrorMessage,type:"error"},l("p",{part:"alert-description"},n.error))),l("sl-button",{slot:"footer",type:"primary",loading:n.submitting,disabled:n.submitting||!n.countryCode||!n.currency||!n.allowBankingCollection||n.shouldDisplayNameFields&&(!n.firstName||!n.lastName),onClick:p.onSubmit,class:c.classes.SubmitButton,exportparts:"base: primarybutton-base"},v))}function i(a){const{states:e,text:i,callbacks:o}=a,n=s(t),p=n.toString();if(!e.open)return l("div",null);const u=e.isExistingPartner?i.modalHeaderExistingPartner:i.modalHeader;return l("div",null,l("style",{type:"text/css"}," ",p),l("sl-dialog",{class:n.classes.Dialog,open:e.open,noHeader:!0,label:u,"onSl-request-close":l=>{l.preventDefault()},"onSl-hide":l=>{var a;"SL-DIALOG"===(null===(a=l.target)||void 0===a?void 0:a.tagName)&&l.preventDefault()},"onSl-initial-focus":o.onInitialFocus},l("h2",{class:n.classes.DialogTitle},u),l(r,Object.assign({},a))))}export{i as P,r as a}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __makeTemplateObject=this&&this.__makeTemplateObject||function(n,r){if(Object.defineProperty){Object.defineProperty(n,"raw",{value:r})}else{n.raw=r}return n};var __awaiter=this&&this.__awaiter||function(n,r,e,t){function a(n){return n instanceof e?n:new e((function(r){r(n)}))}return new(e||(e=Promise))((function(e,o){function i(n){try{l(t.next(n))}catch(n){o(n)}}function s(n){try{l(t["throw"](n))}catch(n){o(n)}}function l(n){n.done?e(n.value):a(n.value).then(i,s)}l((t=t.apply(n,r||[])).next())}))};var __generator=this&&this.__generator||function(n,r){var e={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},t,a,o,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(r){return l([n,r])}}function l(i){if(t)throw new TypeError("Generator is already executing.");while(e)try{if(t=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:e.label++;return{value:i[1],done:false};case 5:e.label++;a=i[1];i=[0];continue;case 7:i=e.ops.pop();e.trys.pop();continue;default:if(!(o=e.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){e=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){e.label=i[1];break}if(i[0]===6&&e.label<o[1]){e.label=o[1];o=i;break}if(o&&e.label<o[2]){e.label=o[2];e.ops.push(i);break}if(o[2])e.ops.pop();e.trys.pop();continue}i=r.call(n,e)}catch(n){i=[6,n];a=0}finally{t=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var n=0,r=0,e=arguments.length;r<e;r++)n+=arguments[r].length;for(var t=Array(n),a=0,r=0;r<e;r++)for(var o=arguments[r],i=0,s=o.length;i<s;i++,a++)t[a]=o[i];return t};System.register(["./p-641f968d.system.js","./p-0607b068.system.js","./p-b6504987.system.js","./p-2190dc73.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-7562cd98.system.js","./p-9c1f5317.system.js","./p-ad90628d.system.js","./p-4691e9d5.system.js","./p-6f8dde97.system.js","./p-115dfc03.system.js","./p-376c7608.system.js"],(function(n){"use strict";var r,e,t,a,o,i,s,l,u,c,d,p,m,v,f,b,h,y,g,C,x,w,k,q,_,E,T,I;return{setters:[function(n){r=n.h;e=n.r},function(n){t=n.i},function(n){a=n.k;o=n.f;i=n.n;s=n.u},function(n){l=n.d;u=n.q;c=n.w;d=n.J;p=n.$;m=n.i;v=n.p;f=n.L},function(n){b=n.c},function(n){h=n.g},function(n){y=n.c},function(n){g=n.T},function(n){C=n.g},function(n){x=n.a;w=n.P},function(n){k=n.S;q=n.a;_=n.P},function(n){E=n.T},function(n){T=n.p},function(n){I=n.u}],execute:function(){var P=l.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 L=l.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 S(){var n=this;var r=d();var e=p(P),t=e[0],a=e[1],o=a.loading,i=a.data,s=a.errors;var l=function(e){return __awaiter(n,void 0,void 0,(function(){var n,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,t({userInput:{id:r.id,accountId:r.accountId,email:e}})];case 1:n=o.sent();if(n instanceof Error||!n)throw new Error;return[2,n];case 2:a=o.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[l,{loading:o,data:i,errors:s}]}function N(n){var r=this;var e=u(k),t=e[0],i=e[1];var s=u(q),l=s[0],d=s[1];var p=a(false),m=p[0],v=p[1];var f=a(false),b=f[0],h=f[1];var y=a(false),g=y[0],C=y[1];var x=I(),w=x.initialized,_=x.send,E=_[0],T=_[1],P=T.loading,N=T.errors;var j=S()[0];var D=a(true),U=D[0],O=D[1];var A=c(L,{}),$=A.data,B=A.loading;var F=/^(([^<>()[\]\\.,;:\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,}))$/;o((function(){if(!($===null||$===void 0?void 0:$.viewer))return;v(!!$.viewer.email)}),[$]);o((function(){if(w)O(false)}),[w]);var H=function(n){return __awaiter(r,void 0,void 0,(function(){var r,e,t,a,o,s,l,u,c;return __generator(this,(function(p){switch(p.label){case 0:n.preventDefault();if(!($===null||$===void 0?void 0:$.viewer))return[2];O(true);C(false);h(false);o=$.viewer.email;if(!!o)return[3,2];s=(r=n.detail)===null||r===void 0?void 0:r.formData;l=(t=(e=s===null||s===void 0?void 0:s.get("email"))===null||e===void 0?void 0:e.toString())!==null&&t!==void 0?t:"";if(!F.test(l)){h(true);O(false);return[2]}return[4,j(l)];case 1:u=p.sent();if(!u||!((a=u.upsertUser)===null||a===void 0?void 0:a.email)){h(true);O(false);return[2]}o=u.upsertUser.email;p.label=2;case 2:if(!w){O(false);return[2]}return[4,E()];case 3:c=p.sent();if(!c||!c.success){C(true)}else{d(o);i(true)}O(false);return[2]}}))}))};return{callbacks:{submitEmail:H},states:{loading:U,initialLoading:B&&!w,error:b,email:$===null||$===void 0?void 0:$.viewer.email,sendCodeError:g},text:n.getTextProps()}}var j={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)"}}};var D='\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-bold);\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 U=y(j);var O=U.toString();function A(n){var e=n.states,a=n.callbacks,o=n.text;var i=function(){return r("div",{class:U.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:true,class:U.classes.ContinueButton,loading:true,exportparts:"base: primarybutton-base",type:"primary"},o.sendCodeText))};return r("div",{part:"sqm-base"},r("style",{type:"text/css"},D,O),e.sendCodeError&&r("sqm-form-message",{type:"error"},r("p",{part:"alert-title"},o.sendCodeErrorHeader),t.formatMessage({id:"sendCodeErrorDescription",defaultMessage:o.sendCodeErrorDescription},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},o.supportLink)})),e.initialLoading?i():r("div",{class:U.classes.Wrapper},r(g,{type:"p"},o.verifyEmailHeaderText),r("sl-form",{"onSl-submit":a.submitEmail},r("div",{class:U.classes.InputsContainer},r("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:o.emailLabel,value:e.email||"",type:"email",id:"email",name:"email",disabled:!!e.email||e.loading},e.error?{class:U.classes.ErrorInput,helpText:o.emailValidationErrorText}:{})),r("sl-button",{submit:true,class:U.classes.ContinueButton,loading:e.loading,exportparts:"base: primarybutton-base",type:"primary"},o.sendCodeText)))))}var $=n("sqm_email_verification",function(){function n(n){e(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 h(this)};n.prototype.render=function(){var n=m()?B(this):N(this);return r(A,Object.assign({},n))};return n}());function B(n){var r=this;var e=v(k);return b({states:{error:false,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(n){return[2,e(true)]}))}))}},text:n.getTextProps()},n.demoData||{},{arrayMerge:function(n,r){return r}})}var F=l.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 connectionStatus\n publisher {\n id\n countryCode\n currency\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 connectionStatus\n publisher {\n id\n countryCode\n currency\n }\n }\n }\n }\n }\n"]));var H=l.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 z=l.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 M=l.gql(__makeTemplateObject(["\n mutation startImpactConnection($vars: ImpactConnectionInput!) {\n startImpactConnection(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 startImpactConnection($vars: ImpactConnectionInput!) {\n startImpactConnection(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"]));function W(n){var r,e,t,i,l,u,d;var m=f();var b=v(_);var h=c(F,{}),y=h.data,g=h.loading,x=h.refetch;var w=y===null||y===void 0?void 0:y.user;var k=c(z,{variables:{locale:m}}),q=k.data,T=k.loading;var I=c(H,{}),P=I.data,L=I.loading;var S=a(false),N=S[0],j=S[1];var D=a((r=w===null||w===void 0?void 0:w.firstName)!==null&&r!==void 0?r:""),U=D[0],O=D[1];var A=a((e=w===null||w===void 0?void 0:w.lastName)!==null&&e!==void 0?e:""),$=A[0],B=A[1];var W=a(((i=(t=w===null||w===void 0?void 0:w.impactConnection)===null||t===void 0?void 0:t.publisher)===null||i===void 0?void 0:i.countryCode)||m.replace(/^.*_/,"")),R=W[0],V=W[1];var Z=a(((u=(l=w===null||w===void 0?void 0:w.impactConnection)===null||l===void 0?void 0:l.publisher)===null||u===void 0?void 0:u.currency)||""),G=Z[0],J=Z[1];var K=c(C,{variables:{filter:R?{countryCode_eq:R}:{}}}).data;var Q=p(M),X=Q[0],Y=Q[1].loading;var nn=a(false),rn=nn[0],en=nn[1];var tn=s((function(){var n;var r=(n=P===null||P===void 0?void 0:P.impactPayoutCountries)===null||n===void 0?void 0:n.data;if(!r)return[];return __spreadArrays(r).sort((function(n,r){if(n.countryCode==="US")return-1;if(r.countryCode==="US")return 1;return n.displayName.localeCompare(r.displayName)}))}),[P]);var an=!!((d=w===null||w===void 0?void 0:w.impactConnection)===null||d===void 0?void 0:d.publisher);var on=s((function(){var n,r,e;if(an){return((n=q===null||q===void 0?void 0:q.currencies)===null||n===void 0?void 0:n.data)||[]}var t=(e=(r=K===null||K===void 0?void 0:K.impactFinanceNetworkSettings)===null||r===void 0?void 0:r.data)===null||e===void 0?void 0:e.reduce((function(n,r){var e,t;if(R&&r.countryCode!==R)return n;var a=(t=(e=q===null||q===void 0?void 0:q.currencies)===null||e===void 0?void 0:e.data)===null||t===void 0?void 0:t.find((function(n){return n.currencyCode===r.currency}));if(!a)return n;if(n.find((function(n){return n.currencyCode===r.currency})))return n;return __spreadArrays(n,[a])}),[]);return t||[]}),[K,q,R,an]);var sn=s((function(){return __spreadArrays(on).sort((function(n,r){return n.displayName.localeCompare(r.displayName)}))}),[on]);var ln=a(""),un=ln[0],cn=ln[1];var dn=a(""),pn=dn[0],mn=dn[1];var vn=a(tn||[]),fn=vn[0],bn=vn[1];var hn=a(sn||[]),yn=hn[0],gn=hn[1];var Cn=a(""),xn=Cn[0],wn=Cn[1];var kn=a(false),qn=kn[0],_n=kn[1];var En=a(false),Tn=En[0],In=En[1];o((function(){var n;if(Tn||!w)return;j(!w.firstName||!w.lastName);O(w.firstName||"");B(w.lastName||"");var r=(n=w.impactConnection)===null||n===void 0?void 0:n.publisher;if(r){V(r.countryCode);J(r.currency)}In(true)}),[w,Tn]);o((function(){if(!(tn===null||tn===void 0?void 0:tn.length))return;if(un.trim()===""){bn(tn||[])}else{bn(tn.filter((function(n){return n.displayName.toLowerCase().includes(un.toLowerCase())}))||[])}}),[un,tn]);o((function(){if(!(sn===null||sn===void 0?void 0:sn.length))return;if(pn.trim()===""){gn(sn||[])}else{gn(sn.filter((function(n){return n.currencyCode.toLowerCase().includes(pn.toLowerCase())}))||[])}}),[pn,sn]);var Pn=w===null||w===void 0?void 0:w.impactConnection;function Ln(n){var r=n.target.value;O(r)}function Sn(n){var r=n.target.value;B(r)}function Nn(n){var r,e;var t=(e=(r=n.detail)===null||r===void 0?void 0:r.item)===null||e===void 0?void 0:e.__value;if(!t)return;V(t);J("");wn("")}function jn(n){var r,e;var t=(e=(r=n.detail)===null||r===void 0?void 0:r.item)===null||e===void 0?void 0:e.__value;if(!t)return;J(t);wn("")}function Dn(n){var r=n.target.checked;en(r)}function Un(){return __awaiter(this,void 0,void 0,(function(){var r,e,t,a,o,i,s;return __generator(this,(function(l){switch(l.label){case 0:if(!rn||!R||!G||N&&(!U||!$)){wn(n.missingFieldsErrorText);return[2]}wn("");if(!w){wn(n.networkErrorText);return[2]}l.label=1;case 1:l.trys.push([1,4,,5]);t={user:{id:w.id,accountId:w.accountId},firstName:U,lastName:$,countryCode:R,currency:G};return[4,X({vars:t})];case 2:a=l.sent();if(!a||((r=a)===null||r===void 0?void 0:r.message)){wn(n.networkErrorText);return[2]}o=a.startImpactConnection;if(!(o===null||o===void 0?void 0:o.success)){i=(e=o===null||o===void 0?void 0:o.validationErrors)===null||e===void 0?void 0:e.map((function(n){return n.message})).join(". ");wn(i||n.networkErrorText);console.error("Failed to create Impact connection:",o===null||o===void 0?void 0:o.validationErrors);return[2]}window.dispatchEvent(new Event(E));return[4,x()];case 3:l.sent();b===null||b===void 0?void 0:b(true);_n(true);return[3,5];case 4:s=l.sent();console.error("Partner creation error:",s);wn(n.networkErrorText);return[3,5];case 5:return[2]}}))}))}var On=!qn&&!g&&(Pn===null||Pn===void 0?void 0:Pn.connectionStatus)==="NOT_STARTED";return{states:{open:On,loading:g||L||T,submitting:Y,shouldDisplayNameFields:N,isExistingPartner:an,firstName:U,lastName:$,countryCode:R,currency:G,error:xn,success:qn,filteredCountries:fn||[],filteredCurrencies:yn||[],allowBankingCollection:rn,disabled:g||Y},callbacks:{onFirstNameChange:Ln,onLastNameChange:Sn,onCountryChange:Nn,onCurrencyChange:jn,onCheckboxChange:Dn,setCurrencySearch:mn,setCountrySearch:cn,onSubmit:Un,onClose:function(){return _n(true)}},text:n.getTextProps()}}var R=n("sqm_partner_info_modal",function(){function n(n){e(this,n);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 {supportLink} or sign up for this referral program with a different email.";this.supportLink="Support";this.allowBankingCollection="I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information.";this.termsAndConditionsLabel="terms and conditions";this.termsAndConditionsLink="https://terms.advocate.impact.com/PayoutTermsAndConditions.html";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 fill out all fields.";this.inModal=false;this.stateController='{"sqm-partner-info-modal":{"states":{"open":false}}}';i(this)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return h(this)};n.prototype.render=function(){var n=m()?V(this):W(this);if(this.inModal){return r(x,Object.assign({},n))}return r(w,Object.assign({},n))};return n}());function V(n){var r=a("US"),e=r[0],t=r[1];var o=a(""),i=o[0],s=o[1];var l=a(""),u=l[0],c=l[1];var d=a(false),p=d[0],m=d[1];var v=T(n.stateController);var f=(v===null||v===void 0?void 0:v["sqm-partner-info-modal"])||v||{};return b({states:{open:false,loading:false,submitting:false,isExistingPartner:false,countryCode:e,currency:i,error:u,success:false,filteredCountries:[],filteredCurrencies:[],allowBankingCollection:p,disabled:false},callbacks:{onCountryChange:function(n){var r,e;var a=(e=(r=n===null||n===void 0?void 0:n.detail)===null||r===void 0?void 0:r.item)===null||e===void 0?void 0:e.__value;if(a){t(a);s("")}},onCurrencyChange:function(n){var r,e;var t=(e=(r=n===null||n===void 0?void 0:n.detail)===null||r===void 0?void 0:r.item)===null||e===void 0?void 0:e.__value;if(t)s(t)},onCheckboxChange:function(n){m(n.target.checked)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!e||!i){c(n.missingFieldsErrorText);return}c("")},onClose:function(){},onInitialFocus:function(n){return n.preventDefault()}},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,supportLink:n.supportLink,modalHeaderExistingPartner:n.modalHeaderExistingPartner}},n.demoData||f,{arrayMerge:function(n,r){return r}})}}}}));
|
|
@@ -13,3 +13,6 @@ export declare const ValidationError: () => any;
|
|
|
13
13
|
export declare const Closed: () => any;
|
|
14
14
|
export declare const SQMComponentExistingPartner: () => any;
|
|
15
15
|
export declare const SQMComponentNewPartner: () => any;
|
|
16
|
+
export declare const PartnerHasFirstAndLastName: () => any;
|
|
17
|
+
export declare const PartnerHasFirstNameOnly: () => any;
|
|
18
|
+
export declare const Loading: () => any;
|
|
@@ -4,6 +4,9 @@ export interface PartnerInfoModalViewProps {
|
|
|
4
4
|
loading: boolean;
|
|
5
5
|
submitting: boolean;
|
|
6
6
|
isExistingPartner: boolean;
|
|
7
|
+
shouldDisplayNameFields: boolean;
|
|
8
|
+
firstName: string;
|
|
9
|
+
lastName: string;
|
|
7
10
|
countryCode: string;
|
|
8
11
|
currency: string;
|
|
9
12
|
error: string;
|
|
@@ -20,6 +23,8 @@ export interface PartnerInfoModalViewProps {
|
|
|
20
23
|
disabled: boolean;
|
|
21
24
|
};
|
|
22
25
|
callbacks: {
|
|
26
|
+
onFirstNameChange: (e: any) => void;
|
|
27
|
+
onLastNameChange: (e: any) => void;
|
|
23
28
|
onCountryChange: (e: any) => void;
|
|
24
29
|
onCurrencyChange: (e: any) => void;
|
|
25
30
|
onCheckboxChange: (e: any) => void;
|
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.
|
|
4
|
+
"version": "2.4.1-1",
|
|
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
|
-
import{h}from"./index-38ad4957.js";import{i as intl}from"./global-32d00a6e.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";var style={Dialog:{"&::part(panel)":{maxWidth:"480px"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(overlay)":{background:"var(--sl-overlay-background-color)"}},DialogTitle:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"600",padding:"var(--sl-spacing-large) 0 0 0",margin:"0"},FormFields:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-large)"},ErrorMessage:{marginTop:"var(--sl-spacing-x-small)"},SearchInput:{"&::part(base)":{border:"none",borderBottom:"1px solid var(--sl-color-neutral-300)",borderRadius:"0"}},SelectMenu:{maxHeight:"300px"},DescriptionContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",margin:"0","& > p":{margin:"0"}},CheckboxWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},Checkbox:{"&::part(label)":{fontSize:"var(--sl-font-size-small)"}},SubmitButton:{width:"100%",marginTop:"var(--sl-spacing-large)","&::part(base)":{color:"var(--sqm-primary-button-color)",backgroundColor:"var(--sqm-primary-button-background)",border:"var(--sqm-primary-button-color-border)",borderRadius:"var(--sqm-primary-button-radius)"}}};function PartnerInfoModalContentView(e){var a,r;var t=e.states,n=e.callbacks,l=e.text;var s=createStyleSheet(style);var o=s.toString();var i=intl.formatMessage({id:"supportDescriptionExistingPartner",defaultMessage:l.supportDescriptionExistingPartner},{supportLink:h("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},l.supportLink)});var c=t.isExistingPartner?h("span",{class:s.classes.DescriptionContainer},h("p",null,l.descriptionExistingPartner),h("p",null,i)):h("p",{class:s.classes.DescriptionContainer},l.descriptionNewPartner);var u=t.isExistingPartner?l.confirmButtonLabel:l.submitButtonLabel;var d=intl.formatMessage({id:"bankingCollectionText",defaultMessage:l.allowBankingCollection},{termsAndConditionsLink:h("a",{href:l.termsAndConditionsLink,target:"_blank"},l.termsAndConditionsLabel)});return h("div",null,h("style",{type:"text/css"}," ",o),h("div",{class:s.classes.FormFields},c,h("sl-select",{exportparts:"label: input-label, base: input-base, menu: select-menu",label:l.countryLabel,value:t.countryCode,disabled:t.submitting||!!t.countryCode&&t.isExistingPartner,required:true,hoist:true,"onSl-select":n.onCountryChange},h("sl-input",{class:s.classes.SearchInput,placeholder:l.searchCountryPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var a;n.setCountrySearch((a=e.target)===null||a===void 0?void 0:a.value)}}),h("div",{class:s.classes.SelectMenu},(a=t.filteredCountries)===null||a===void 0?void 0:a.map((function(e){return h("sl-menu-item",{value:e.countryCode},e.displayName)})))),h("sl-select",{exportparts:"label: input-label, base: input-base",label:l.currencyLabel,value:t.currency,disabled:t.submitting||!!t.currency&&t.isExistingPartner,required:true,hoist:true,"onSl-select":n.onCurrencyChange},h("sl-input",{class:s.classes.SearchInput,placeholder:l.searchCurrencyPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var a;return n.setCurrencySearch((a=e.target)===null||a===void 0?void 0:a.value)}}),h("div",{class:s.classes.SelectMenu},(r=t.filteredCurrencies)===null||r===void 0?void 0:r.map((function(e){return h("sl-menu-item",{value:e.currencyCode},e.currencyCode," - ",e.displayName)})))),h("div",{class:s.classes.CheckboxWrapper},h("sl-checkbox",{class:s.classes.Checkbox,checked:t.allowBankingCollection===true,"onSl-change":n.onCheckboxChange,disabled:t.submitting,required:true,value:t.allowBankingCollection,id:"allowBankingCollection",name:"/allowBankingCollection"},d))),t.error&&h("div",{class:s.classes.ErrorMessage},h("sqm-form-message",{class:s.classes.ErrorMessage,type:"error"},h("p",{part:"alert-description"},t.error))),h("sl-button",{slot:"footer",type:"primary",loading:t.submitting,disabled:t.submitting||!t.countryCode||!t.currency||!t.allowBankingCollection,onClick:n.onSubmit,class:s.classes.SubmitButton,exportparts:"base: primarybutton-base"},u))}function PartnerInfoModalView(e){var a=e.states,r=e.text,t=e.callbacks;var n=createStyleSheet(style);var l=n.toString();if(!a.open)return h("div",null);var s=a.isExistingPartner?r.modalHeaderExistingPartner:r.modalHeader;return h("div",null,h("style",{type:"text/css"}," ",l),h("sl-dialog",{class:n.classes.Dialog,open:a.open,noHeader:true,label:s,"onSl-request-close":function(e){e.preventDefault()},"onSl-hide":function(e){var a;if(((a=e.target)===null||a===void 0?void 0:a.tagName)==="SL-DIALOG"){e.preventDefault()}},"onSl-initial-focus":t.onInitialFocus},h("h2",{class:n.classes.DialogTitle},s),h(PartnerInfoModalContentView,Object.assign({},e))))}export{PartnerInfoModalView as P,PartnerInfoModalContentView as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject=this&&this.__makeTemplateObject||function(n,r){if(Object.defineProperty){Object.defineProperty(n,"raw",{value:r})}else{n.raw=r}return n};var __awaiter=this&&this.__awaiter||function(n,r,e,t){function o(n){return n instanceof e?n:new e((function(r){r(n)}))}return new(e||(e=Promise))((function(e,a){function i(n){try{l(t.next(n))}catch(n){a(n)}}function s(n){try{l(t["throw"](n))}catch(n){a(n)}}function l(n){n.done?e(n.value):o(n.value).then(i,s)}l((t=t.apply(n,r||[])).next())}))};var __generator=this&&this.__generator||function(n,r){var e={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(r){return l([n,r])}}function l(i){if(t)throw new TypeError("Generator is already executing.");while(e)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:e.label++;return{value:i[1],done:false};case 5:e.label++;o=i[1];i=[0];continue;case 7:i=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){e=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){e.label=i[1];break}if(i[0]===6&&e.label<a[1]){e.label=a[1];a=i;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(i);break}if(a[2])e.ops.pop();e.trys.pop();continue}i=r.call(n,e)}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}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var n=0,r=0,e=arguments.length;r<e;r++)n+=arguments[r].length;for(var t=Array(n),o=0,r=0;r<e;r++)for(var a=arguments[r],i=0,s=a.length;i<s;i++,o++)t[o]=a[i];return t};System.register(["./p-641f968d.system.js","./p-0607b068.system.js","./p-b6504987.system.js","./p-2190dc73.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-7562cd98.system.js","./p-9c1f5317.system.js","./p-e7f45f18.system.js","./p-4691e9d5.system.js","./p-6f8dde97.system.js","./p-115dfc03.system.js","./p-376c7608.system.js"],(function(n){"use strict";var r,e,t,o,a,i,s,l,u,c,d,p,m,v,f,b,y,h,g,C,x,w,k,q,_,E,T,I;return{setters:[function(n){r=n.h;e=n.r},function(n){t=n.i},function(n){o=n.k;a=n.f;i=n.n;s=n.u},function(n){l=n.d;u=n.q;c=n.w;d=n.J;p=n.$;m=n.i;v=n.p;f=n.L},function(n){b=n.c},function(n){y=n.g},function(n){h=n.c},function(n){g=n.T},function(n){C=n.g},function(n){x=n.a;w=n.P},function(n){k=n.S;q=n.a;_=n.P},function(n){E=n.T},function(n){T=n.p},function(n){I=n.u}],execute:function(){var P=l.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 L=l.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 S(){var n=this;var r=d();var e=p(P),t=e[0],o=e[1],a=o.loading,i=o.data,s=o.errors;var l=function(e){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:r.id,accountId:r.accountId,email:e}})];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[l,{loading:a,data:i,errors:s}]}function j(n){var r=this;var e=u(k),t=e[0],i=e[1];var s=u(q),l=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],C=h[1];var x=I(),w=x.initialized,_=x.send,E=_[0],T=_[1],P=T.loading,j=T.errors;var N=S()[0];var D=o(true),U=D[0],O=D[1];var A=c(L,{}),$=A.data,B=A.loading;var H=/^(([^<>()[\]\\.,;:\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(!($===null||$===void 0?void 0:$.viewer))return;v(!!$.viewer.email)}),[$]);a((function(){if(w)O(false)}),[w]);var z=function(n){return __awaiter(r,void 0,void 0,(function(){var r,e,t,o,a,s,l,u,c;return __generator(this,(function(p){switch(p.label){case 0:n.preventDefault();if(!($===null||$===void 0?void 0:$.viewer))return[2];O(true);C(false);y(false);a=$.viewer.email;if(!!a)return[3,2];s=(r=n.detail)===null||r===void 0?void 0:r.formData;l=(t=(e=s===null||s===void 0?void 0:s.get("email"))===null||e===void 0?void 0:e.toString())!==null&&t!==void 0?t:"";if(!H.test(l)){y(true);O(false);return[2]}return[4,N(l)];case 1:u=p.sent();if(!u||!((o=u.upsertUser)===null||o===void 0?void 0:o.email)){y(true);O(false);return[2]}a=u.upsertUser.email;p.label=2;case 2:if(!w){O(false);return[2]}return[4,E()];case 3:c=p.sent();if(!c||!c.success){C(true)}else{d(a);i(true)}O(false);return[2]}}))}))};return{callbacks:{submitEmail:z},states:{loading:U,initialLoading:B&&!w,error:b,email:$===null||$===void 0?void 0:$.viewer.email,sendCodeError:g},text:n.getTextProps()}}var N={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)"}}};var D='\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-bold);\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 U=h(N);var O=U.toString();function A(n){var e=n.states,o=n.callbacks,a=n.text;var i=function(){return r("div",{class:U.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:true,class:U.classes.ContinueButton,loading:true,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText))};return r("div",{part:"sqm-base"},r("style",{type:"text/css"},D,O),e.sendCodeError&&r("sqm-form-message",{type:"error"},r("p",{part:"alert-title"},a.sendCodeErrorHeader),t.formatMessage({id:"sendCodeErrorDescription",defaultMessage:a.sendCodeErrorDescription},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},a.supportLink)})),e.initialLoading?i():r("div",{class:U.classes.Wrapper},r(g,{type:"p"},a.verifyEmailHeaderText),r("sl-form",{"onSl-submit":o.submitEmail},r("div",{class:U.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:U.classes.ErrorInput,helpText:a.emailValidationErrorText}:{})),r("sl-button",{submit:true,class:U.classes.ContinueButton,loading:e.loading,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)))))}var $=n("sqm_email_verification",function(){function n(n){e(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 y(this)};n.prototype.render=function(){var n=m()?B(this):j(this);return r(A,Object.assign({},n))};return n}());function B(n){var r=this;var e=v(k);return b({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(n){return[2,e(true)]}))}))}},text:n.getTextProps()},n.demoData||{},{arrayMerge:function(n,r){return r}})}var H=l.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 connectionStatus\n publisher {\n id\n countryCode\n currency\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 connectionStatus\n publisher {\n id\n countryCode\n currency\n }\n }\n }\n }\n }\n"]));var z=l.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 F=l.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 M=l.gql(__makeTemplateObject(["\n mutation startImpactConnection($vars: ImpactConnectionInput!) {\n startImpactConnection(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 startImpactConnection($vars: ImpactConnectionInput!) {\n startImpactConnection(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"]));function W(n){var r,e,t,i,l;var u=f();var d=v(_);var m=c(H,{}),b=m.data,y=m.loading,h=m.refetch;var g=b===null||b===void 0?void 0:b.user;var x=c(F,{variables:{locale:u}}),w=x.data,k=x.loading;var q=c(z,{}),T=q.data,I=q.loading;var P=o(((e=(r=g===null||g===void 0?void 0:g.impactConnection)===null||r===void 0?void 0:r.publisher)===null||e===void 0?void 0:e.countryCode)||u.replace(/^.*_/,"")),L=P[0],S=P[1];var j=o(((i=(t=g===null||g===void 0?void 0:g.impactConnection)===null||t===void 0?void 0:t.publisher)===null||i===void 0?void 0:i.currency)||""),N=j[0],D=j[1];var U=c(C,{variables:{filter:L?{countryCode_eq:L}:{}}}).data;var O=p(M),A=O[0],$=O[1].loading;var B=o(false),W=B[0],R=B[1];var V=s((function(){var n;var r=(n=T===null||T===void 0?void 0:T.impactPayoutCountries)===null||n===void 0?void 0:n.data;if(!r)return[];return __spreadArrays(r).sort((function(n,r){if(n.countryCode==="US")return-1;if(r.countryCode==="US")return 1;return n.displayName.localeCompare(r.displayName)}))}),[T]);var Z=!!((l=g===null||g===void 0?void 0:g.impactConnection)===null||l===void 0?void 0:l.publisher);var G=s((function(){var n,r,e;if(Z){return((n=w===null||w===void 0?void 0:w.currencies)===null||n===void 0?void 0:n.data)||[]}var t=(e=(r=U===null||U===void 0?void 0:U.impactFinanceNetworkSettings)===null||r===void 0?void 0:r.data)===null||e===void 0?void 0:e.reduce((function(n,r){var e,t;if(L&&r.countryCode!==L)return n;var o=(t=(e=w===null||w===void 0?void 0:w.currencies)===null||e===void 0?void 0:e.data)===null||t===void 0?void 0:t.find((function(n){return n.currencyCode===r.currency}));if(!o)return n;if(n.find((function(n){return n.currencyCode===r.currency})))return n;return __spreadArrays(n,[o])}),[]);return t||[]}),[U,w,L,Z]);var J=s((function(){return __spreadArrays(G).sort((function(n,r){return n.displayName.localeCompare(r.displayName)}))}),[G]);var K=o(""),Q=K[0],X=K[1];var Y=o(""),nn=Y[0],rn=Y[1];var en=o(V||[]),tn=en[0],on=en[1];var an=o(J||[]),sn=an[0],ln=an[1];var un=o(""),cn=un[0],dn=un[1];var pn=o(false),mn=pn[0],vn=pn[1];a((function(){var n;var r=(n=g===null||g===void 0?void 0:g.impactConnection)===null||n===void 0?void 0:n.publisher;if(!b||!r)return;S(r.countryCode);D(r.currency)}),[b,g]);a((function(){if(!(V===null||V===void 0?void 0:V.length))return;if(Q.trim()===""){on(V||[])}else{on(V.filter((function(n){return n.displayName.toLowerCase().includes(Q.toLowerCase())}))||[])}}),[Q,V]);a((function(){if(!(J===null||J===void 0?void 0:J.length))return;if(nn.trim()===""){ln(J||[])}else{ln(J.filter((function(n){return n.currencyCode.toLowerCase().includes(nn.toLowerCase())}))||[])}}),[nn,J]);var fn=g===null||g===void 0?void 0:g.impactConnection;function bn(n){var r,e;var t=(e=(r=n.detail)===null||r===void 0?void 0:r.item)===null||e===void 0?void 0:e.__value;if(!t)return;S(t);D("");dn("")}function yn(n){var r,e;var t=(e=(r=n.detail)===null||r===void 0?void 0:r.item)===null||e===void 0?void 0:e.__value;if(!t)return;D(t);dn("")}function hn(n){var r=n.target.checked;R(r)}function gn(){return __awaiter(this,void 0,void 0,(function(){var r,e,t,o,a,i,s;return __generator(this,(function(l){switch(l.label){case 0:if(!W||!L||!N){dn(n.missingFieldsErrorText);return[2]}dn("");if(!g){dn(n.networkErrorText);return[2]}l.label=1;case 1:l.trys.push([1,4,,5]);t={user:{id:g.id,accountId:g.accountId},firstName:g.firstName,lastName:g.lastName,countryCode:L,currency:N};return[4,A({vars:t})];case 2:o=l.sent();if(!o||((r=o)===null||r===void 0?void 0:r.message)){dn(n.networkErrorText);return[2]}a=o.startImpactConnection;if(!(a===null||a===void 0?void 0:a.success)){i=(e=a===null||a===void 0?void 0:a.validationErrors)===null||e===void 0?void 0:e.map((function(n){return n.message})).join(". ");dn(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(E));return[4,h()];case 3:l.sent();d===null||d===void 0?void 0:d(true);vn(true);return[3,5];case 4:s=l.sent();console.error("Partner creation error:",s);dn(n.networkErrorText);return[3,5];case 5:return[2]}}))}))}var Cn=!mn&&!y&&(fn===null||fn===void 0?void 0:fn.connectionStatus)==="NOT_STARTED";return{states:{open:Cn,loading:y||I||k,submitting:$,isExistingPartner:Z,countryCode:L,currency:N,error:cn,success:mn,filteredCountries:tn||[],filteredCurrencies:sn||[],allowBankingCollection:W,disabled:y||$},callbacks:{onCountryChange:bn,onCurrencyChange:yn,onCheckboxChange:hn,setCurrencySearch:rn,setCountrySearch:X,onSubmit:gn,onClose:function(){return vn(true)}},text:n.getTextProps()}}var R=n("sqm_partner_info_modal",function(){function n(n){e(this,n);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 {supportLink} or sign up for this referral program with a different email.";this.supportLink="Support";this.allowBankingCollection="I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information.";this.termsAndConditionsLabel="terms and conditions";this.termsAndConditionsLink="https://terms.advocate.impact.com/PayoutTermsAndConditions.html";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 fill out all fields.";this.inModal=false;this.stateController='{"sqm-partner-info-modal":{"states":{"open":false}}}';i(this)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return y(this)};n.prototype.render=function(){var n=m()?V(this):W(this);if(this.inModal){return r(x,Object.assign({},n))}return r(w,Object.assign({},n))};return n}());function V(n){var r=o("US"),e=r[0],t=r[1];var a=o(""),i=a[0],s=a[1];var l=o(""),u=l[0],c=l[1];var d=o(false),p=d[0],m=d[1];var v=T(n.stateController);var f=(v===null||v===void 0?void 0:v["sqm-partner-info-modal"])||v||{};return b({states:{open:false,loading:false,submitting:false,isExistingPartner:false,countryCode:e,currency:i,error:u,success:false,filteredCountries:[],filteredCurrencies:[],allowBankingCollection:p,disabled:false},callbacks:{onCountryChange:function(n){var r,e;var o=(e=(r=n===null||n===void 0?void 0:n.detail)===null||r===void 0?void 0:r.item)===null||e===void 0?void 0:e.__value;if(o){t(o);s("")}},onCurrencyChange:function(n){var r,e;var t=(e=(r=n===null||n===void 0?void 0:n.detail)===null||r===void 0?void 0:r.item)===null||e===void 0?void 0:e.__value;if(t)s(t)},onCheckboxChange:function(n){m(n.target.checked)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!e||!i){c(n.missingFieldsErrorText);return}c("")},onClose:function(){},onInitialFocus:function(n){return n.preventDefault()}},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,supportLink:n.supportLink,modalHeaderExistingPartner:n.modalHeaderExistingPartner}},n.demoData||f,{arrayMerge:function(n,r){return r}})}}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as l}from"./p-083180bf.js";import{i as a}from"./p-6f8a3436.js";import{c as e}from"./p-cef45012.js";const s={Dialog:{"&::part(panel)":{maxWidth:"480px"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(overlay)":{background:"var(--sl-overlay-background-color)"}},DialogTitle:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"600",padding:"var(--sl-spacing-large) 0 0 0",margin:"0"},FormFields:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-large)"},ErrorMessage:{marginTop:"var(--sl-spacing-x-small)"},SearchInput:{"&::part(base)":{border:"none",borderBottom:"1px solid var(--sl-color-neutral-300)",borderRadius:"0"}},SelectMenu:{maxHeight:"300px"},DescriptionContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",margin:"0","& > p":{margin:"0"}},CheckboxWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},Checkbox:{"&::part(label)":{fontSize:"var(--sl-font-size-small)"}},SubmitButton:{width:"100%",marginTop:"var(--sl-spacing-large)","&::part(base)":{color:"var(--sqm-primary-button-color)",backgroundColor:"var(--sqm-primary-button-background)",border:"var(--sqm-primary-button-color-border)",borderRadius:"var(--sqm-primary-button-radius)"}}};function r(r){var o,t;const{states:i,callbacks:n,text:p}=r,c=e(s),d=c.toString(),u=a.formatMessage({id:"supportDescriptionExistingPartner",defaultMessage:p.supportDescriptionExistingPartner},{supportLink:l("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},p.supportLink)}),m=i.isExistingPartner?l("span",{class:c.classes.DescriptionContainer},l("p",null,p.descriptionExistingPartner),l("p",null,u)):l("p",{class:c.classes.DescriptionContainer},p.descriptionNewPartner),b=i.isExistingPartner?p.confirmButtonLabel:p.submitButtonLabel,v=a.formatMessage({id:"bankingCollectionText",defaultMessage:p.allowBankingCollection},{termsAndConditionsLink:l("a",{href:p.termsAndConditionsLink,target:"_blank"},p.termsAndConditionsLabel)});return l("div",null,l("style",{type:"text/css"}," ",d),l("div",{class:c.classes.FormFields},m,l("sl-select",{exportparts:"label: input-label, base: input-base, menu: select-menu",label:p.countryLabel,value:i.countryCode,disabled:i.submitting||!!i.countryCode&&i.isExistingPartner,required:!0,hoist:!0,"onSl-select":n.onCountryChange},l("sl-input",{class:c.classes.SearchInput,placeholder:p.searchCountryPlaceholder,onKeyDown:l=>l.stopPropagation(),"onSl-input":l=>{var a;n.setCountrySearch(null===(a=l.target)||void 0===a?void 0:a.value)}}),l("div",{class:c.classes.SelectMenu},null===(o=i.filteredCountries)||void 0===o?void 0:o.map((a=>l("sl-menu-item",{value:a.countryCode},a.displayName))))),l("sl-select",{exportparts:"label: input-label, base: input-base",label:p.currencyLabel,value:i.currency,disabled:i.submitting||!!i.currency&&i.isExistingPartner,required:!0,hoist:!0,"onSl-select":n.onCurrencyChange},l("sl-input",{class:c.classes.SearchInput,placeholder:p.searchCurrencyPlaceholder,onKeyDown:l=>l.stopPropagation(),"onSl-input":l=>{var a;return n.setCurrencySearch(null===(a=l.target)||void 0===a?void 0:a.value)}}),l("div",{class:c.classes.SelectMenu},null===(t=i.filteredCurrencies)||void 0===t?void 0:t.map((a=>l("sl-menu-item",{value:a.currencyCode},a.currencyCode," - ",a.displayName))))),l("div",{class:c.classes.CheckboxWrapper},l("sl-checkbox",{class:c.classes.Checkbox,checked:!0===i.allowBankingCollection,"onSl-change":n.onCheckboxChange,disabled:i.submitting,required:!0,value:i.allowBankingCollection,id:"allowBankingCollection",name:"/allowBankingCollection"},v))),i.error&&l("div",{class:c.classes.ErrorMessage},l("sqm-form-message",{class:c.classes.ErrorMessage,type:"error"},l("p",{part:"alert-description"},i.error))),l("sl-button",{slot:"footer",type:"primary",loading:i.submitting,disabled:i.submitting||!i.countryCode||!i.currency||!i.allowBankingCollection,onClick:n.onSubmit,class:c.classes.SubmitButton,exportparts:"base: primarybutton-base"},b))}function o(a){const{states:o,text:t,callbacks:i}=a,n=e(s),p=n.toString();if(!o.open)return l("div",null);const c=o.isExistingPartner?t.modalHeaderExistingPartner:t.modalHeader;return l("div",null,l("style",{type:"text/css"}," ",p),l("sl-dialog",{class:n.classes.Dialog,open:o.open,noHeader:!0,label:c,"onSl-request-close":l=>{l.preventDefault()},"onSl-hide":l=>{var a;"SL-DIALOG"===(null===(a=l.target)||void 0===a?void 0:a.tagName)&&l.preventDefault()},"onSl-initial-focus":i.onInitialFocus},l("h2",{class:n.classes.DialogTitle},c),l(r,Object.assign({},a))))}export{o as P,r as a}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-641f968d.system.js","./p-0607b068.system.js","./p-1a673057.system.js"],(function(e){"use strict";var r,a,t;return{setters:[function(e){r=e.h},function(e){a=e.i},function(e){t=e.c}],execute:function(){e({P:l,a:s});var n={Dialog:{"&::part(panel)":{maxWidth:"480px"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(overlay)":{background:"var(--sl-overlay-background-color)"}},DialogTitle:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"600",padding:"var(--sl-spacing-large) 0 0 0",margin:"0"},FormFields:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-large)"},ErrorMessage:{marginTop:"var(--sl-spacing-x-small)"},SearchInput:{"&::part(base)":{border:"none",borderBottom:"1px solid var(--sl-color-neutral-300)",borderRadius:"0"}},SelectMenu:{maxHeight:"300px"},DescriptionContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",margin:"0","& > p":{margin:"0"}},CheckboxWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},Checkbox:{"&::part(label)":{fontSize:"var(--sl-font-size-small)"}},SubmitButton:{width:"100%",marginTop:"var(--sl-spacing-large)","&::part(base)":{color:"var(--sqm-primary-button-color)",backgroundColor:"var(--sqm-primary-button-background)",border:"var(--sqm-primary-button-color-border)",borderRadius:"var(--sqm-primary-button-radius)"}}};function s(e){var s,l;var i=e.states,o=e.callbacks,c=e.text;var u=t(n);var p=u.toString();var d=a.formatMessage({id:"supportDescriptionExistingPartner",defaultMessage:c.supportDescriptionExistingPartner},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},c.supportLink)});var g=i.isExistingPartner?r("span",{class:u.classes.DescriptionContainer},r("p",null,c.descriptionExistingPartner),r("p",null,d)):r("p",{class:u.classes.DescriptionContainer},c.descriptionNewPartner);var m=i.isExistingPartner?c.confirmButtonLabel:c.submitButtonLabel;var b=a.formatMessage({id:"bankingCollectionText",defaultMessage:c.allowBankingCollection},{termsAndConditionsLink:r("a",{href:c.termsAndConditionsLink,target:"_blank"},c.termsAndConditionsLabel)});return r("div",null,r("style",{type:"text/css"}," ",p),r("div",{class:u.classes.FormFields},g,r("sl-select",{exportparts:"label: input-label, base: input-base, menu: select-menu",label:c.countryLabel,value:i.countryCode,disabled:i.submitting||!!i.countryCode&&i.isExistingPartner,required:true,hoist:true,"onSl-select":o.onCountryChange},r("sl-input",{class:u.classes.SearchInput,placeholder:c.searchCountryPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var r;o.setCountrySearch((r=e.target)===null||r===void 0?void 0:r.value)}}),r("div",{class:u.classes.SelectMenu},(s=i.filteredCountries)===null||s===void 0?void 0:s.map((function(e){return r("sl-menu-item",{value:e.countryCode},e.displayName)})))),r("sl-select",{exportparts:"label: input-label, base: input-base",label:c.currencyLabel,value:i.currency,disabled:i.submitting||!!i.currency&&i.isExistingPartner,required:true,hoist:true,"onSl-select":o.onCurrencyChange},r("sl-input",{class:u.classes.SearchInput,placeholder:c.searchCurrencyPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var r;return o.setCurrencySearch((r=e.target)===null||r===void 0?void 0:r.value)}}),r("div",{class:u.classes.SelectMenu},(l=i.filteredCurrencies)===null||l===void 0?void 0:l.map((function(e){return r("sl-menu-item",{value:e.currencyCode},e.currencyCode," - ",e.displayName)})))),r("div",{class:u.classes.CheckboxWrapper},r("sl-checkbox",{class:u.classes.Checkbox,checked:i.allowBankingCollection===true,"onSl-change":o.onCheckboxChange,disabled:i.submitting,required:true,value:i.allowBankingCollection,id:"allowBankingCollection",name:"/allowBankingCollection"},b))),i.error&&r("div",{class:u.classes.ErrorMessage},r("sqm-form-message",{class:u.classes.ErrorMessage,type:"error"},r("p",{part:"alert-description"},i.error))),r("sl-button",{slot:"footer",type:"primary",loading:i.submitting,disabled:i.submitting||!i.countryCode||!i.currency||!i.allowBankingCollection,onClick:o.onSubmit,class:u.classes.SubmitButton,exportparts:"base: primarybutton-base"},m))}function l(e){var a=e.states,l=e.text,i=e.callbacks;var o=t(n);var c=o.toString();if(!a.open)return r("div",null);var u=a.isExistingPartner?l.modalHeaderExistingPartner:l.modalHeader;return r("div",null,r("style",{type:"text/css"}," ",c),r("sl-dialog",{class:o.classes.Dialog,open:a.open,noHeader:true,label:u,"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()}},"onSl-initial-focus":i.onInitialFocus},r("h2",{class:o.classes.DialogTitle},u),r(s,Object.assign({},e))))}}}}));
|