@saasquatch/mint-components 2.2.0-2 → 2.2.0-3
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/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-email-verification_2.cjs.entry.js +9 -2
- package/dist/cjs/{sqm-partner-info-modal-view-431ff976.js → sqm-partner-info-modal-view-2a3438e5.js} +7 -1
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +17 -4
- package/dist/collection/components/sqm-partner-info-modal/PartnerInfoModal.stories.js +11 -0
- package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal-view.js +7 -1
- package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal.js +30 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-email-verification_2.entry.js +9 -2
- package/dist/esm/{sqm-partner-info-modal-view-b3c33bc3.js → sqm-partner-info-modal-view-bd8ff1c1.js} +7 -1
- package/dist/esm/sqm-stencilbook.entry.js +17 -4
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-email-verification_2.entry.js +1 -1
- package/dist/esm-es5/sqm-partner-info-modal-view-bd8ff1c1.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-1c413a06.system.js +1 -1
- package/dist/mint-components/{p-e83d08d7.system.entry.js → p-1d49d43e.system.entry.js} +1 -1
- package/dist/mint-components/p-321f334a.js +1 -0
- package/dist/mint-components/p-43107d85.system.js +1 -0
- package/dist/mint-components/{p-63102c04.entry.js → p-45d7412b.entry.js} +3 -3
- package/dist/mint-components/p-78241a3a.entry.js +9 -0
- package/dist/mint-components/{p-16416781.system.entry.js → p-7caaeaf2.system.entry.js} +1 -1
- package/dist/types/components/sqm-partner-info-modal/PartnerInfoModal.stories.d.ts +2 -0
- package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal-view.d.ts +1 -0
- package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal.d.ts +6 -0
- package/dist/types/components.d.ts +10 -0
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/dist/esm-es5/sqm-partner-info-modal-view-b3c33bc3.js +0 -1
- package/dist/mint-components/p-1f76371b.entry.js +0 -9
- package/dist/mint-components/p-837c4cf8.js +0 -1
- package/dist/mint-components/p-987a54e2.system.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as l}from"./p-083180bf.js";import{i as e}from"./p-438f6702.js";import{c as a}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)"}};function t(t){var i,o;const{states:n,callbacks:r,text:p}=t,c=a(s),d=c.toString(),u=e.formatMessage({id:"supportDescriptionExistingPartner",defaultMessage:p.supportDescriptionExistingPartner},{supportLink:l("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},p.supportLink)}),v=n.isExistingPartner?l("span",{class:c.classes.DescriptionContainer},l("p",null,p.descriptionExistingPartner),l("p",null,u)):l("p",{class:c.classes.DescriptionContainer},p.descriptionNewPartner),m=n.isExistingPartner?p.confirmButtonLabel:p.submitButtonLabel,g=e.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},v,l("sl-select",{exportparts:"label: input-label, base: input-base, menu: select-menu",label:p.countryLabel,value:n.countryCode,disabled:n.submitting||!!n.countryCode&&n.isExistingPartner,required:!0,hoist:!0,"onSl-select":r.onCountryChange},l("sl-input",{class:c.classes.SearchInput,placeholder:p.searchCountryPlaceholder,onKeyDown:l=>l.stopPropagation(),"onSl-input":l=>{var e;r.setCountrySearch(null===(e=l.target)||void 0===e?void 0:e.value)}}),l("div",{class:c.classes.SelectMenu},null===(i=n.filteredCountries)||void 0===i?void 0:i.map((e=>l("sl-menu-item",{value:e.countryCode},e.displayName))))),l("sl-select",{exportparts:"label: input-label, base: input-base",label:p.currencyLabel,value:n.currency,disabled:n.submitting||!!n.currency,required:!0,hoist:!0,"onSl-select":r.onCurrencyChange},l("sl-input",{class:c.classes.SearchInput,placeholder:p.searchCurrencyPlaceholder,onKeyDown:l=>l.stopPropagation(),"onSl-input":l=>{var e;return r.setCurrencySearch(null===(e=l.target)||void 0===e?void 0:e.value)}}),l("div",{class:c.classes.SelectMenu},null===(o=n.filteredCurrencies)||void 0===o?void 0:o.map((e=>l("sl-menu-item",{value:e.currencyCode},e.currencyCode," - ",e.displayName))))),l("div",{class:c.classes.CheckboxWrapper},l("sl-checkbox",{class:c.classes.Checkbox,checked:!0===n.allowBankingCollection,"onSl-change":r.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,onClick:r.onSubmit,class:c.classes.SubmitButton,exportparts:"base: primarybutton-base"},m))}function i(e){const{states:i,text:o}=e,n=a(s),r=n.toString();return i.open?l("div",null,l("style",{type:"text/css"}," ",r),l("sl-dialog",{class:n.classes.Dialog,open:i.open,noHeader:!0,label:i.isExistingPartner?o.modalHeaderExistingPartner:o.modalHeader,"onSl-request-close":l=>{l.preventDefault()},"onSl-hide":l=>{var e;"SL-DIALOG"===(null===(e=l.target)||void 0===e?void 0:e.tagName)&&l.preventDefault()}},l("h2",{class:n.classes.DialogTitle},i.isExistingPartner?o.modalHeaderExistingPartner:o.modalHeader),l(t,Object.assign({},e)))):l("div",null)}export{i as P,t as a}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-641f968d.system.js","./p-64f56cc9.system.js","./p-1a673057.system.js"],(function(e){"use strict";var a,t,r;return{setters:[function(e){a=e.h},function(e){t=e.i},function(e){r=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)"}};function s(e){var s,l;var i=e.states,o=e.callbacks,c=e.text;var u=r(n);var p=u.toString();var d=t.formatMessage({id:"supportDescriptionExistingPartner",defaultMessage:c.supportDescriptionExistingPartner},{supportLink:a("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},c.supportLink)});var g=i.isExistingPartner?a("span",{class:u.classes.DescriptionContainer},a("p",null,c.descriptionExistingPartner),a("p",null,d)):a("p",{class:u.classes.DescriptionContainer},c.descriptionNewPartner);var m=i.isExistingPartner?c.confirmButtonLabel:c.submitButtonLabel;var v=t.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"}," ",p),a("div",{class:u.classes.FormFields},g,a("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},a("sl-input",{class:u.classes.SearchInput,placeholder:c.searchCountryPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var a;o.setCountrySearch((a=e.target)===null||a===void 0?void 0:a.value)}}),a("div",{class:u.classes.SelectMenu},(s=i.filteredCountries)===null||s===void 0?void 0:s.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:i.currency,disabled:i.submitting||!!i.currency,required:true,hoist:true,"onSl-select":o.onCurrencyChange},a("sl-input",{class:u.classes.SearchInput,placeholder:c.searchCurrencyPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var a;return o.setCurrencySearch((a=e.target)===null||a===void 0?void 0:a.value)}}),a("div",{class:u.classes.SelectMenu},(l=i.filteredCurrencies)===null||l===void 0?void 0:l.map((function(e){return a("sl-menu-item",{value:e.currencyCode},e.currencyCode," - ",e.displayName)})))),a("div",{class:u.classes.CheckboxWrapper},a("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"},v))),i.error&&a("div",{class:u.classes.ErrorMessage},a("sqm-form-message",{class:u.classes.ErrorMessage,type:"error"},a("p",{part:"alert-description"},i.error))),a("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 t=e.states,l=e.text,i=e.callbacks;var o=r(n);var c=o.toString();if(!t.open)return a("div",null);return a("div",null,a("style",{type:"text/css"}," ",c),a("sl-dialog",{class:o.classes.Dialog,open:t.open,noHeader:true,label:t.isExistingPartner?l.modalHeaderExistingPartner:l.modalHeader,"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()}}},a("h2",{class:o.classes.DialogTitle},t.isExistingPartner?l.modalHeaderExistingPartner:l.modalHeader),a(s,Object.assign({},e))))}}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";import{k as n,f as e,n as a,u as i}from"./p-a7fc1e02.js";import{d as s,t as l,w as c,J as u,$ as d,i as p,r as m,L as b}from"./p-d20188db.js";import{c as v}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-50d959bd.js";import{g}from"./p-8ecc8875.js";import{a as x,P as q}from"./p-
|
|
1
|
+
import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";import{k as n,f as e,n as a,u as i}from"./p-a7fc1e02.js";import{d as s,t as l,w as c,J as u,$ as d,i as p,r as m,L as b}from"./p-d20188db.js";import{c as v}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-50d959bd.js";import{g}from"./p-8ecc8875.js";import{a as x,P as q}from"./p-321f334a.js";import{S as C,b as k,P as w}from"./p-1bff74c0.js";import{T as I}from"./p-28ed2ae9.js";import{p as S}from"./p-13f3a647.js";import{u as P}from"./p-0d75a207.js";const T=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-438f6702.js";i
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
`;const j=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=j.toString();function $(t){const{states:n,callbacks:e,text:a}=t;return r("div",{part:"sqm-base"},r("style",{type:"text/css"},'\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n\na {\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n font-family: var(--sqm-primary-font);\n width: 100%;\n background-color: var(--sqm-primary-button-background);\n color: var(--sqm-primary-button-color);\n border-color: var(--sqm-primary-button-color-border);\n border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n background-color: var(--sqm-primary-button-background-hover);\n border-color: var(--sqm-primary-button-border-color-hover);\n color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n background-color: var(--sqm-secondary-button-background);\n color: var(--sqm-secondary-button-color);\n border-color: var(--sqm-secondary-button-color-border);\n border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n background-color: var(--sqm-secondary-button-background-hover);\n color: var(--sqm-secondary-button-color-hover);\n border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n font-family: var(--sqm-primary-font);\n font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n background: var(--sqm-input-disabled-background, #f5f5f5);\n color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n font-family: var(--sqm-primary-font);\n opacity: 1; /* Firefox adds an opacity to placeholders by default */\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n\n',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:j.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:j.classes.ContinueButton,loading:!0,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)):r("div",{class:j.classes.Wrapper},r(y,{type:"p"},a.verifyEmailHeaderText),r("sl-form",{"onSl-submit":e.submitEmail},r("div",{class:j.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:j.classes.ErrorInput,helpText:a.emailValidationErrorText}:{})),r("sl-button",{submit:!0,class:j.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(C);return v({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(C),[a,i]=l(
|
|
25
|
+
`;const j=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=j.toString();function $(t){const{states:n,callbacks:e,text:a}=t;return r("div",{part:"sqm-base"},r("style",{type:"text/css"},'\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n\na {\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n font-family: var(--sqm-primary-font);\n width: 100%;\n background-color: var(--sqm-primary-button-background);\n color: var(--sqm-primary-button-color);\n border-color: var(--sqm-primary-button-color-border);\n border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n background-color: var(--sqm-primary-button-background-hover);\n border-color: var(--sqm-primary-button-border-color-hover);\n color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n background-color: var(--sqm-secondary-button-background);\n color: var(--sqm-secondary-button-color);\n border-color: var(--sqm-secondary-button-color-border);\n border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n background-color: var(--sqm-secondary-button-background-hover);\n color: var(--sqm-secondary-button-color-hover);\n border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n font-family: var(--sqm-primary-font);\n font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n background: var(--sqm-input-disabled-background, #f5f5f5);\n color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n font-family: var(--sqm-primary-font);\n opacity: 1; /* Firefox adds an opacity to placeholders by default */\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n\n',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:j.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:j.classes.ContinueButton,loading:!0,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)):r("div",{class:j.classes.Wrapper},r(y,{type:"p"},a.verifyEmailHeaderText),r("sl-form",{"onSl-submit":e.submitEmail},r("div",{class:j.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:j.classes.ErrorInput,helpText:a.emailValidationErrorText}:{})),r("sl-button",{submit:!0,class:j.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(C);return v({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(C),[a,i]=l(k),[s,p]=n(!1),[m,b]=n(!1),[v,f]=n(!1),{initialized:h,send:[y,{}]}=P(),[g]=function(){const r=u(),[t,{loading:o,data:n,errors:e}]=d(T);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}]}(),[x,q]=n(!0),{data:w,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==w?void 0:w.viewer)&&p(!!w.viewer.email)}),[w]),e((()=>{h&&q(!1)}),[h]),{callbacks:{submitEmail:async r=>{if(r.preventDefault(),!(null==w?void 0:w.viewer))return;q(!0);const t=w.viewer.email;if(!t){const t=r.detail.formData.get("email").toString();if(!S.test(t))return void b(!0);const o=await g(t);o&&o.user.email||b(!0)}if(!h)return;const n=await y();n&&n.success?(i(t),o(!0)):f(!0),q(!1)}},states:{loading:x,initialLoading:I&&!h,error:m,email:null==w?void 0:w.viewer.email,sendCodeError:v},text:r.getTextProps()}}(this);return r($,Object.assign({},t))}},D=s.gql`
|
|
26
26
|
query getUserPartnerInfo {
|
|
27
27
|
user: viewer {
|
|
28
28
|
... on User {
|
|
@@ -113,4 +113,4 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";i
|
|
|
113
113
|
}
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
|
-
`),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
|
|
116
|
+
`),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 select both a country and currency.",this.inModal=!1,this.stateController="{}",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 v({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:()=>{}},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;const p=b(),v=m(w),{data:f,loading:h,refetch:y}=c(D,{}),x=null==f?void 0:f.user,{data:q,loading:C}=c(_,{variables:{locale:p}}),{data:k,loading:S}=c(N,{}),{data:P}=c(g,{variables:{filter:{}}}),[T,{loading:E}]=d(U),[j,L]=n(!1),[$,z]=n((null===(o=null===(t=null==x?void 0:x.impactConnection)||void 0===t?void 0:t.publisher)||void 0===o?void 0:o.countryCode)||p.replace(/^.*_/,"")),[A,B]=n((null===(s=null===(a=null==x?void 0:x.impactConnection)||void 0===a?void 0:a.publisher)||void 0===s?void 0:s.currency)||""),O=(null===(l=null==k?void 0:k.impactPayoutCountries)||void 0===l?void 0:l.data)||[],W=i((()=>{var r,t;return((null===(t=null===(r=null==P?void 0:P.impactFinanceNetworkSettings)||void 0===r?void 0:r.data)||void 0===t?void 0:t.reduce(((r,t)=>{var o,n;const e=null===(n=null===(o=null==q?void 0:q.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))||$&&t.countryCode!==$?r:[...r,e]:r}),[]))||[]).sort(((r,t)=>r.displayName.localeCompare(t.displayName)))}),[P,q,$]),[F,M]=n(""),[R,H]=n(""),[Z,G]=n((null===(u=null==k?void 0:k.impactPayoutCountries)||void 0===u?void 0:u.data)||[]),[J,K]=n(W||[]),[Q,V]=n(""),[X,Y]=n(!1);e((()=>{var r;const t=null===(r=null==x?void 0:x.impactConnection)||void 0===r?void 0:r.publisher;f&&t&&(z(t.countryCode),B(t.currency))}),[f,x]),e((()=>{(null==O?void 0:O.length)&&(""===F.trim()?G(O||[]):G(O.filter((r=>r.displayName.toLowerCase().includes(F.toLowerCase())))||[]))}),[F,O]),e((()=>{(null==W?void 0:W.length)&&(""===R.trim()?K(W||[]):K(W.filter((r=>r.currencyCode.toLowerCase().includes(R.toLowerCase())))||[]))}),[R,W]);const rr=null==x?void 0:x.impactConnection;return{states:{open:!X&&!h&&"NOT_STARTED"===(null==rr?void 0:rr.connectionStatus),loading:h||S||C,submitting:E,isExistingPartner:!!(null==rr?void 0:rr.publisher),countryCode:$,currency:A,error:Q,success:X,filteredCountries:Z||[],filteredCurrencies:J||[],allowBankingCollection:j,disabled:h||E},callbacks:{onCountryChange:function(r){var t,o;const n=null===(o=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;n&&(z(n),B(""),V(""))},onCurrencyChange:function(r){var t,o;const n=null===(o=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;n&&(B(n),V(""))},onCheckboxChange:function(r){L(r.target.checked)},setCurrencySearch:H,setCountrySearch:M,onSubmit:async function(){var t,o;if(j)if($&&A)if(V(""),x)try{const n={user:{id:x.id,accountId:x.accountId},firstName:x.firstName,lastName:x.lastName,countryCode:$,currency:A},e=await T({vars:n});if(!e||(null===(t=e)||void 0===t?void 0:t.message))return void V(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 V(t||r.networkErrorText),void console.error("Failed to create Impact connection:",null==a?void 0:a.validationErrors)}window.dispatchEvent(new Event(I)),await y(),null==v||v(!0),Y(!0)}catch(t){console.error("Partner creation error:",t),V(r.networkErrorText)}else V(r.networkErrorText);else V(r.missingFieldsErrorText);else V(r.missingFieldsErrorText)},onClose:()=>Y(!0)},text:r.getTextProps()}}(this);return r(this.inModal?x:q,Object.assign({},t))}};export{z as sqm_email_verification,A as sqm_partner_info_modal}
|