@saasquatch/mint-components 2.3.1 → 2.4.0
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 +39 -14
- 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/esm/sqm-email-verification_2.entry.js +39 -14
- 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-61f7bf8a.entry.js → p-a303bada.entry.js} +6 -6
- 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-c36fedea.js +1 -0
- package/dist/mint-components/p-e7f17aa1.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:!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]=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
|
+
System.register(["./p-641f968d.system.js","./p-0607b068.system.js","./p-1a673057.system.js"],(function(e){"use strict";var a,t,s,r;return{setters:[function(e){a=e.h;t=e.F},function(e){s=e.i},function(e){r=e.c}],execute:function(){e({P:i,a:l});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)"},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 l(e){var l,i;var o=e.states,u=e.callbacks,c=e.text;var p=r(n);var d=p.toString();var m=s.formatMessage({id:"supportDescriptionExistingPartner",defaultMessage:c.supportDescriptionExistingPartner},{supportLink:a("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},c.supportLink)});var g=o.isExistingPartner?a("span",{class:p.classes.DescriptionContainer},a("p",null,c.descriptionExistingPartner),a("p",null,m)):a("p",{class:p.classes.DescriptionContainer},c.descriptionNewPartner);var b=o.isExistingPartner?c.confirmButtonLabel:c.submitButtonLabel;var v=s.formatMessage({id:"bankingCollectionText",defaultMessage:c.allowBankingCollection},{termsAndConditionsLink:a("a",{href:c.termsAndConditionsLink,target:"_blank"},c.termsAndConditionsLabel)});return a("div",null,a("style",{type:"text/css"},d),a("div",{class:p.classes.FormFields},g,o.shouldDisplayNameFields&&a(t,null,a("sl-input",{exportparts:"label: input-label, base: input-base",class:p.classes.NameInput,label:"First Name",value:o.firstName,"onSl-input":u.onFirstNameChange,disabled:o.submitting,required:true}),a("sl-input",{exportparts:"label: input-label, base: input-base",class:p.classes.NameInput,label:"Last Name",value:o.lastName,"onSl-input":u.onLastNameChange,disabled:o.submitting,required:true})),a("sl-select",{exportparts:"label: input-label, base: input-base, menu: select-menu",label:c.countryLabel,value:o.countryCode,disabled:o.submitting||!!o.countryCode&&o.isExistingPartner,required:true,hoist:true,"onSl-select":u.onCountryChange},a("sl-input",{class:p.classes.SearchInput,placeholder:c.searchCountryPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var a;u.setCountrySearch((a=e.target)===null||a===void 0?void 0:a.value)}}),a("div",{class:p.classes.SelectMenu},(l=o.filteredCountries)===null||l===void 0?void 0:l.map((function(e){return a("sl-menu-item",{value:e.countryCode},e.displayName)})))),a("sl-select",{exportparts:"label: input-label, base: input-base",label:c.currencyLabel,value:o.currency,disabled:o.submitting||!!o.currency&&o.isExistingPartner,required:true,hoist:true,"onSl-select":u.onCurrencyChange},a("sl-input",{class:p.classes.SearchInput,placeholder:c.searchCurrencyPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var a;return u.setCurrencySearch((a=e.target)===null||a===void 0?void 0:a.value)}}),a("div",{class:p.classes.SelectMenu},(i=o.filteredCurrencies)===null||i===void 0?void 0:i.map((function(e){return a("sl-menu-item",{value:e.currencyCode},e.currencyCode," - ",e.displayName)})))),a("div",{class:p.classes.CheckboxWrapper},a("sl-checkbox",{class:p.classes.Checkbox,checked:o.allowBankingCollection===true,"onSl-change":u.onCheckboxChange,disabled:o.submitting,required:true,value:o.allowBankingCollection,id:"allowBankingCollection",name:"/allowBankingCollection"},v))),o.error&&a("div",{class:p.classes.ErrorMessage},a("sqm-form-message",{class:p.classes.ErrorMessage,type:"error"},a("p",{part:"alert-description"},o.error))),a("sl-button",{slot:"footer",type:"primary",loading:o.submitting,disabled:o.submitting||!o.countryCode||!o.currency||!o.allowBankingCollection||o.shouldDisplayNameFields&&(!o.firstName||!o.lastName),onClick:u.onSubmit,class:p.classes.SubmitButton,exportparts:"base: primarybutton-base"},b))}function i(e){var t=e.states,s=e.text,i=e.callbacks;var o=r(n);var u=o.toString();if(!t.open)return a("div",null);var c=t.isExistingPartner?s.modalHeaderExistingPartner:s.modalHeader;return a("div",null,a("style",{type:"text/css"}," ",u),a("sl-dialog",{class:o.classes.Dialog,open:t.open,noHeader:true,label:c,"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":i.onInitialFocus},a("h2",{class:o.classes.DialogTitle},c),a(l,Object.assign({},e))))}}}}));
|