@saasquatch/mint-components 2.1.9-17 → 2.1.9-18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/dist/cjs/{data-e83f8a41.js → data-34bc7549.js} +0 -90
  2. package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +85 -33
  3. package/dist/cjs/sqm-big-stat_46.cjs.entry.js +5 -3
  4. package/dist/cjs/sqm-email-verification_2.cjs.entry.js +28 -10
  5. package/dist/cjs/{sqm-partner-info-modal-view-bb64a718.js → sqm-partner-info-modal-view-0821eea3.js} +4 -1
  6. package/dist/cjs/sqm-stencilbook.cjs.entry.js +38 -37
  7. package/dist/cjs/{sqm-user-info-form-view-923ff8d9.js → sqm-user-info-form-view-d89bdc04.js} +24 -23
  8. package/dist/cjs/utils-a8e0bd9b.js +93 -0
  9. package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal-view.js +4 -1
  10. package/dist/collection/components/sqm-partner-info-modal/usePartnerInfoModal.js +28 -10
  11. package/dist/collection/components/sqm-widget-verification/sqm-widget-verification.js +1 -0
  12. package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.js +49 -11
  13. package/dist/collection/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.js +27 -14
  14. package/dist/{mint-components/p-a5912b2f.js → esm/data-2380309a.js} +23 -5
  15. package/dist/esm/sqm-banking-info-form_10.entry.js +78 -26
  16. package/dist/esm/sqm-big-stat_46.entry.js +3 -1
  17. package/dist/esm/sqm-email-verification_2.entry.js +29 -11
  18. package/dist/esm/{sqm-partner-info-modal-view-b0f31f8a.js → sqm-partner-info-modal-view-78d2bc6e.js} +4 -1
  19. package/dist/esm/sqm-stencilbook.entry.js +4 -3
  20. package/dist/esm/{sqm-user-info-form-view-f9026468.js → sqm-user-info-form-view-ff8e47ad.js} +2 -1
  21. package/dist/esm/utils-8267d3d8.js +85 -0
  22. package/dist/esm-es5/data-2380309a.js +1 -0
  23. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  24. package/dist/esm-es5/sqm-big-stat_46.entry.js +1 -1
  25. package/dist/esm-es5/sqm-email-verification_2.entry.js +1 -1
  26. package/dist/esm-es5/{sqm-partner-info-modal-view-b0f31f8a.js → sqm-partner-info-modal-view-78d2bc6e.js} +1 -1
  27. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  28. package/dist/esm-es5/sqm-user-info-form-view-ff8e47ad.js +1 -0
  29. package/dist/esm-es5/utils-8267d3d8.js +1 -0
  30. package/dist/mint-components/mint-components.esm.js +1 -1
  31. package/dist/mint-components/p-0152122e.js +115 -0
  32. package/dist/mint-components/{p-1b2fcd7f.entry.js → p-0305331c.entry.js} +32 -7
  33. package/dist/mint-components/p-0e05ab3b.system.js +1 -0
  34. package/dist/mint-components/{p-66e8c1f6.entry.js → p-134df0e0.entry.js} +8 -8
  35. package/dist/mint-components/p-1c413a06.system.js +1 -1
  36. package/dist/mint-components/p-37541f60.js +1 -0
  37. package/dist/mint-components/p-527cb9c6.entry.js +9 -0
  38. package/dist/mint-components/p-5d40ccd0.system.entry.js +1 -0
  39. package/dist/mint-components/{p-e302579a.system.js → p-80c3ec2a.system.js} +1 -1
  40. package/dist/mint-components/{p-e5c554da.entry.js → p-8ccc3449.entry.js} +2 -2
  41. package/dist/mint-components/p-8ebd2081.system.js +1 -0
  42. package/dist/mint-components/p-9d89bd75.system.entry.js +1 -0
  43. package/dist/mint-components/p-a8891ebd.js +1 -0
  44. package/dist/mint-components/p-a9ff6601.system.entry.js +1 -0
  45. package/dist/mint-components/{p-7e4a8af3.js → p-af5cd4cf.js} +1 -1
  46. package/dist/mint-components/p-d4446e58.system.entry.js +1 -0
  47. package/dist/mint-components/p-ee0f1cf1.system.js +1 -0
  48. package/dist/types/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.d.ts +4 -0
  49. package/docs/docs.docx +0 -0
  50. package/package.json +1 -1
  51. package/dist/esm/data-2b0feb3f.js +0 -216
  52. package/dist/esm-es5/data-2b0feb3f.js +0 -1
  53. package/dist/esm-es5/sqm-user-info-form-view-f9026468.js +0 -1
  54. package/dist/mint-components/p-014977d7.js +0 -1
  55. package/dist/mint-components/p-1b3224d9.entry.js +0 -9
  56. package/dist/mint-components/p-54bf015a.system.js +0 -1
  57. package/dist/mint-components/p-64b56141.system.entry.js +0 -1
  58. package/dist/mint-components/p-6f13f388.system.entry.js +0 -1
  59. package/dist/mint-components/p-ae0a0031.system.entry.js +0 -1
  60. package/dist/mint-components/p-c4b7d9a0.system.entry.js +0 -1
  61. package/dist/mint-components/p-eaf5d0af.system.js +0 -1
@@ -0,0 +1 @@
1
+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(n,e){if(Object.defineProperty){Object.defineProperty(n,"raw",{value:e})}else{n.raw=e}return n};System.register(["./p-a8ecdc44.system.js"],(function(n){"use strict";var e;return{setters:[function(n){e=n.d}],execute:function(){var t=n("T","sq:tax-and-cash");var a=n("a","sq:tax-form-context");var r=n("c","sq:user-info-query");var i=n("U","sq:user-form-context");var d=n("f","sq:finance-network-settings");var o=n("b","sq:countries:list");var s=n("S","sq:countries:sorted");var l=n("d","sq:countries:query");var c=n("C","sq:currencies:list");var u=n("h","sq:currencies:query");var m=n("G",e.gql(__makeTemplateObject(["\n query getUserTaxInfo {\n user: viewer {\n ... on User {\n id\n firstName\n lastName\n email\n countryCode\n customFields\n rewards(limit: 1000) {\n data {\n statuses\n partnerFundsTransfer {\n id\n status\n dateScheduled\n dateCreated\n dateTransferred\n }\n }\n }\n managedIdentity {\n uid\n email\n emailVerified\n }\n impactConnection {\n connected\n user {\n firstName\n lastName\n }\n publisher {\n id\n brandedSignup\n countryCode\n currency\n billingAddress\n billingCity\n billingState\n billingCountryCode\n billingPostalCode\n phoneNumberCountryCode\n phoneNumber\n taxInformation {\n indirectTaxId\n indirectTaxCountryCode\n indirectTaxRegion\n additionalTaxId\n withholdingTaxId\n withholdingTaxCountryCode\n }\n requiredTaxDocumentType\n currentTaxDocument {\n status\n type\n dateCreated\n }\n withdrawalSettings {\n paymentMethod\n paypalEmailAddress\n bankCountry\n bankAccountNumber\n paymentSchedulingType\n paymentThreshold\n paymentDay\n }\n payoutsAccount {\n hold\n holdReasons\n balance\n }\n }\n }\n }\n }\n }\n"],["\n query getUserTaxInfo {\n user: viewer {\n ... on User {\n id\n firstName\n lastName\n email\n countryCode\n customFields\n rewards(limit: 1000) {\n data {\n statuses\n partnerFundsTransfer {\n id\n status\n dateScheduled\n dateCreated\n dateTransferred\n }\n }\n }\n managedIdentity {\n uid\n email\n emailVerified\n }\n impactConnection {\n connected\n user {\n firstName\n lastName\n }\n publisher {\n id\n brandedSignup\n countryCode\n currency\n billingAddress\n billingCity\n billingState\n billingCountryCode\n billingPostalCode\n phoneNumberCountryCode\n phoneNumber\n taxInformation {\n indirectTaxId\n indirectTaxCountryCode\n indirectTaxRegion\n additionalTaxId\n withholdingTaxId\n withholdingTaxCountryCode\n }\n requiredTaxDocumentType\n currentTaxDocument {\n status\n type\n dateCreated\n }\n withdrawalSettings {\n paymentMethod\n paypalEmailAddress\n bankCountry\n bankAccountNumber\n paymentSchedulingType\n paymentThreshold\n paymentDay\n }\n payoutsAccount {\n hold\n holdReasons\n balance\n }\n }\n }\n }\n }\n }\n"])));var y=n("e",e.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 p=n("i",e.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 g=n("g",e.gql(__makeTemplateObject(["\n query impactFinanceNetworkSettings(\n $filter: ImpactFinanceNetworkSettingsFilterInput\n ) {\n impactFinanceNetworkSettings(filter: $filter, limit: 1000) {\n data {\n countryCode\n currency\n defaultFinancePaymentMethodId\n thresholdOptions\n withdrawalSettingId\n internationalEftFee\n foreignFxFee\n defaultFxFee\n }\n totalCount\n }\n }\n"],["\n query impactFinanceNetworkSettings(\n $filter: ImpactFinanceNetworkSettingsFilterInput\n ) {\n impactFinanceNetworkSettings(filter: $filter, limit: 1000) {\n data {\n countryCode\n currency\n defaultFinancePaymentMethodId\n thresholdOptions\n withdrawalSettingId\n internationalEftFee\n foreignFxFee\n defaultFxFee\n }\n totalCount\n }\n }\n"])));var C=n("F",4)}}}));
@@ -1,4 +1,4 @@
1
- import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";import{k as n,f as e,n as a}from"./p-a7fc1e02.js";import{d as i,t as s,w as l,J as c,$ as u,i as d,r as p,L as m}from"./p-d20188db.js";import{c as b}from"./p-c1086930.js";import{g as v}from"./p-9ec99ced.js";import{c as f}from"./p-cef45012.js";import{T as h}from"./p-cabf6326.js";import{a as y,P as g}from"./p-7e4a8af3.js";import{S as q,a as x,V as w}from"./p-39840341.js";import{T as k}from"./p-28ed2ae9.js";import{p as C}from"./p-13f3a647.js";import{u as S}from"./p-0d75a207.js";const I=i.gql`
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-cabf6326.js";import{g}from"./p-0152122e.js";import{a as q,P as x}from"./p-af5cd4cf.js";import{S as w,a as k,V as C}from"./p-39840341.js";import{T as S}from"./p-28ed2ae9.js";import{p as I}from"./p-13f3a647.js";import{u as P}from"./p-0d75a207.js";const j=s.gql`
2
2
  mutation upsertUser($userInput: UserInput!) {
3
3
  upsertUser(userInput: $userInput) {
4
4
  id
@@ -6,7 +6,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";i
6
6
  email
7
7
  }
8
8
  }
9
- `,P=i.gql`
9
+ `,T=s.gql`
10
10
  query user {
11
11
  viewer {
12
12
  ... on User {
@@ -22,7 +22,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";i
22
22
  }
23
23
  }
24
24
  }
25
- `;const T=f({Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column"},ContinueButton:{width:"100%"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",borderRadius:"var(--sqm-input-border-radius)"},"&::part(help-text)":{color:"var(--sqm-danger-color-text)"}}}),j=T.toString();function E(t){const{states:n,callbacks:e,text:a}=t;return r("div",{part:"sqm-base"},r("style",{type:"text/css"},'\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n\na {\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n font-family: var(--sqm-primary-font);\n width: 100%;\n background-color: var(--sqm-primary-button-background);\n color: var(--sqm-primary-button-color);\n border-color: var(--sqm-primary-button-color-border);\n border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n background-color: var(--sqm-primary-button-background-hover);\n border-color: var(--sqm-primary-button-border-color-hover);\n color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n background-color: var(--sqm-secondary-button-background);\n color: var(--sqm-secondary-button-color);\n border-color: var(--sqm-secondary-button-color-border);\n border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n background-color: var(--sqm-secondary-button-background-hover);\n color: var(--sqm-secondary-button-color-hover);\n border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n font-family: var(--sqm-primary-font);\n font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n background: var(--sqm-input-disabled-background, #f5f5f5);\n color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n font-family: var(--sqm-primary-font);\n opacity: 1; /* Firefox adds an opacity to placeholders by default */\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n\n',j),n.sendCodeError&&r("sqm-form-message",{type:"error"},r("p",{part:"alert-title"},a.sendCodeErrorHeader),o.formatMessage({id:"sendCodeErrorDescription",defaultMessage:a.sendCodeErrorDescription},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},a.supportLink)})),n.initialLoading?r("div",{class:T.classes.Wrapper},r("sqm-skeleton",{height:"16px",width:"50%"}),r("sqm-skeleton",{height:"16px",width:"50%"}),r("sqm-skeleton",{height:"16px",width:"50%"}),r("sqm-skeleton",{height:"34px",width:"30%"}),r("sqm-skeleton",{height:"24px",width:"15%"}),r("sl-button",{submit:!0,class:T.classes.ContinueButton,loading:!0,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)):r("div",{class:T.classes.Wrapper},r(h,{type:"p"},a.verifyEmailHeaderText),r("sl-form",{"onSl-submit":e.submitEmail},r("div",{class:T.classes.InputsContainer},r("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:a.emailLabel,value:n.email||"",type:"email",id:"email",name:"email",disabled:!!n.email||n.loading},n.error?{class:T.classes.ErrorInput,helpText:a.emailValidationErrorText}:{})),r("sl-button",{submit:!0,class:T.classes.ContinueButton,loading:n.loading,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)))))}const N=class{constructor(r){t(this,r),this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.",this.sendCodeErrorHeader="There was an error sending your code",this.supportLink="support team",this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.",this.emailLabel="Email",this.sendCodeText="Send code",this.emailValidationErrorText="Please enter a valid email",a(this)}disconnectedCallback(){}getTextProps(){return v(this)}render(){const t=d()?function(r){const t=p(q);return b({states:{error:!0,initialLoading:!1,loading:!1,email:"test@example.com",sendCodeError:!0},callbacks:{submitEmail:async()=>t(!0)},text:r.getTextProps()},r.demoData||{},{arrayMerge:(r,t)=>t})}(this):function(r){const[t,o]=s(q),[a,i]=s(x),[d,p]=n(!1),[m,b]=n(!1),[v,f]=n(!1),{initialized:h,send:[y,{}]}=S(),[g]=function(){const r=c(),[t,{loading:o,data:n,errors:e}]=u(I);return[async o=>{try{const n=await t({userInput:{id:r.id,accountId:r.accountId,email:o}});if(n instanceof Error||!n)throw new Error;return n}catch(r){return void console.error("Could not set email on user",r)}},{loading:o,data:n,errors:e}]}(),[w,k]=n(!0),{data:C,loading:T}=l(P,{}),j=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;return e((()=>{(null==C?void 0:C.viewer)&&p(!!C.viewer.email)}),[C]),e((()=>{h&&k(!1)}),[h]),{callbacks:{submitEmail:async r=>{if(r.preventDefault(),!(null==C?void 0:C.viewer))return;k(!0);const t=C.viewer.email;if(!t){const t=r.detail.formData.get("email").toString();if(!j.test(t))return void b(!0);const o=await g(t);o&&o.user.email||b(!0)}if(!h)return;const n=await y();n&&n.success?(i(t),o(!0)):f(!0),k(!1)}},states:{loading:w,initialLoading:T&&!h,error:m,email:null==C?void 0:C.viewer.email,sendCodeError:v},text:r.getTextProps()}}(this);return r(E,Object.assign({},t))}},L=i.gql`
25
+ `;const E=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)"}}}),N=E.toString();function L(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',N),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:E.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:E.classes.ContinueButton,loading:!0,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)):r("div",{class:E.classes.Wrapper},r(y,{type:"p"},a.verifyEmailHeaderText),r("sl-form",{"onSl-submit":e.submitEmail},r("div",{class:E.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:E.classes.ErrorInput,helpText:a.emailValidationErrorText}:{})),r("sl-button",{submit:!0,class:E.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(w);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(w),[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(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:S}=c(T,{}),I=/^(([^<>()[\]\\.,;:\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=>{if(r.preventDefault(),!(null==C?void 0:C.viewer))return;x(!0);const t=C.viewer.email;if(!t){const t=r.detail.formData.get("email").toString();if(!I.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),x(!1)}},states:{loading:q,initialLoading:S&&!h,error:m,email:null==C?void 0:C.viewer.email,sendCodeError:v},text:r.getTextProps()}}(this);return r(L,Object.assign({},t))}},D=s.gql`
26
26
  query getUserPartnerInfo {
27
27
  user: viewer {
28
28
  ... on User {
@@ -54,7 +54,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";i
54
54
  }
55
55
  }
56
56
  }
57
- `,z=i.gql`
57
+ `,U=s.gql`
58
58
  query getCountries {
59
59
  impactPayoutCountries(limit: 1000) {
60
60
  data {
@@ -63,7 +63,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";i
63
63
  }
64
64
  }
65
65
  }
66
- `,D=i.gql`
66
+ `,$=s.gql`
67
67
  query currencies($locale: RSLocale) {
68
68
  currencies(limit: 300) {
69
69
  data {
@@ -72,7 +72,7 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";i
72
72
  }
73
73
  }
74
74
  }
75
- `,$=i.gql`
75
+ `,_=s.gql`
76
76
  mutation createImpactConnection($vars: ImpactConnectionInput!) {
77
77
  createImpactConnection(impactConnectionInput: $vars) {
78
78
  success
@@ -97,10 +97,10 @@ import{h as r,r as t}from"./p-083180bf.js";import{i as o}from"./p-438f6702.js";i
97
97
  }
98
98
  }
99
99
  }
100
- `,U=i.gql`
100
+ `,M=s.gql`
101
101
  query getTenantSettings {
102
102
  tenantSettings {
103
103
  companyName
104
104
  }
105
105
  }
106
- `,_=class{constructor(r){t(this,r),this.brandName="",this.modalHeader="Let's get you ready for rewards",this.modalHeaderExistingPartner="We found an existing account",this.descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.",this.descriptionExistingPartner="We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.",this.supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.",this.countryLabel="Country",this.currencyLabel="Currency",this.submitButtonLabel="Submit",this.confirmButtonLabel="Confirm",this.searchCountryPlaceholder="Search for a country",this.searchCurrencyPlaceholder="Search for a currency",this.networkErrorText="An error occurred. Please try again.",this.missingFieldsErrorText="Please select both a country and currency.",this.inModal=!1,this.stateController="{}",a(this)}disconnectedCallback(){}getTextProps(){return v(this)}render(){const t=d()?function(r){const[t,o]=n("US"),[e,a]=n(""),[i,s]=n(""),l=C(r.stateController);return b({states:{brandName:"Test Brand",open:!0,loading:!1,submitting:!1,isExistingPartner:!1,countryCode:t,currency:e,error:i,success:!1,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:r=>{var t,n;const e=null===(n=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===n?void 0:n.__value;e&&(o(e),a(""))},onCurrencyChange:r=>{var t,o;const n=null===(o=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;n&&a(n)},setCountrySearch:()=>{},setCurrencySearch:()=>{},onSubmit:()=>{s(t&&e?"":r.missingFieldsErrorText)},onClose:()=>{}},text:{modalHeader:r.modalHeader,descriptionNewPartner:r.descriptionNewPartner,descriptionExistingPartner:r.descriptionExistingPartner,countryLabel:r.countryLabel,currencyLabel:r.currencyLabel,submitButtonLabel:r.submitButtonLabel,confirmButtonLabel:r.confirmButtonLabel,searchCountryPlaceholder:r.searchCountryPlaceholder,searchCurrencyPlaceholder:r.searchCurrencyPlaceholder,supportDescriptionExistingPartner:r.supportDescriptionExistingPartner,modalHeaderExistingPartner:r.modalHeaderExistingPartner}},r.demoData||((null==l?void 0:l["sqm-partner-info-modal"])||l||{}),{arrayMerge:(r,t)=>t})}(this):function(r){var t,o,a,i,s,c,d,b,v;const f=m(),h=p(w),{data:y,loading:g,refetch:q}=l(L,{}),x=null==y?void 0:y.user,{data:C,loading:S}=l(D,{variables:{locale:f}}),{data:I,loading:P}=l(z,{}),{data:T}=l(U,{}),[j,{loading:E}]=u($),[N,_]=n((null===(o=null===(t=null==x?void 0:x.impactConnection)||void 0===t?void 0:t.publisher)||void 0===o?void 0:o.countryCode)||""),[M,B]=n((null===(i=null===(a=null==x?void 0:x.impactConnection)||void 0===a?void 0:a.publisher)||void 0===i?void 0:i.currency)||"");console.log(N,M,"initial country and currency state");const[O,W]=n(""),[A,F]=n(""),[R,H]=n((null===(s=null==I?void 0:I.impactPayoutCountries)||void 0===s?void 0:s.data)||[]),[Z,V]=n((null===(c=null==C?void 0:C.currencies)||void 0===c?void 0:c.data)||[]),[G,J]=n(""),[K,Q]=n(!1),X=(null===(d=null==I?void 0:I.impactPayoutCountries)||void 0===d?void 0:d.data)||[],Y=(null===(b=null==C?void 0:C.currencies)||void 0===b?void 0:b.data)||[];console.log(x,"user data from partner info query"),e((()=>{var r;y&&(null===(r=x.impactConnection)||void 0===r?void 0:r.publisher)&&(_(x.impactConnection.publisher.countryCode),B(x.impactConnection.publisher.currency))}),[y]),e((()=>{(null==X?void 0:X.length)&&(""===O.trim()?H(X||[]):H(X.filter((r=>r.displayName.toLowerCase().includes(O.toLowerCase())))||[]))}),[O,X]),e((()=>{(null==Y?void 0:Y.length)&&(""===A.trim()?V(Y||[]):V(Y.filter((r=>r.currencyCode.toLowerCase().includes(A.toLowerCase())))||[]))}),[A,Y]);const rr=null==x?void 0:x.impactConnection;console.log(K,"success state in partner info modal");const tr=!(K||g||(null==rr?void 0:rr.connected)&&(null==rr?void 0:rr.publisher));return console.log(tr,"showModal condition in partner info modal"),{states:{open:tr,loading:g||P||S,submitting:E,isExistingPartner:null==rr?void 0:rr.publisher,countryCode:N,currency:M,error:G,success:K,brandName:(null===(v=null==T?void 0:T.tenantSettings)||void 0===v?void 0:v.companyName)||"",filteredCountries:R||[],filteredCurrencies:Z||[]},callbacks:{onCountryChange:function(r){var t,o;const n=null===(o=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;n&&(_(n),B(""),J(""))},onCurrencyChange:function(r){var t,o;const n=null===(o=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;n&&(B(n),J(""))},setCurrencySearch:F,setCountrySearch:W,onSubmit:async function(){var t,o;if(N&&M){J("");try{const n={user:{id:x.id,accountId:x.accountId},firstName:x.firstName,lastName:x.lastName,countryCode:N,currency:M},e=await j({vars:n});if(!e||(null===(t=e)||void 0===t?void 0:t.message))return void J(r.networkErrorText);const a=e.createImpactConnection;if(console.log(e,a,"result and connectionResult from creating partner from modal"),!(null==a?void 0:a.success)){const t=null===(o=null==a?void 0:a.validationErrors)||void 0===o?void 0:o.map((r=>r.message)).join(". ");return J(t||r.networkErrorText),void console.error("Failed to create Impact connection:",null==a?void 0:a.validationErrors)}window.dispatchEvent(new Event(k)),await q(),Q(!0),h(!0)}catch(t){console.error("Partner creation error:",t),J(r.networkErrorText)}}else J(r.missingFieldsErrorText)},onClose:()=>Q(!0)},text:r.getTextProps()}}(this);return r(this.inModal?y:g,Object.assign({},t))}};export{N as sqm_email_verification,_ as sqm_partner_info_modal}
106
+ `,B=class{constructor(r){t(this,r),this.brandName="",this.modalHeader="Let's get you ready for rewards",this.modalHeaderExistingPartner="We found an existing account",this.descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.",this.descriptionExistingPartner="We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.",this.supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.",this.countryLabel="Country",this.currencyLabel="Currency",this.submitButtonLabel="Submit",this.confirmButtonLabel="Confirm",this.searchCountryPlaceholder="Search for a country",this.searchCurrencyPlaceholder="Search for a currency",this.networkErrorText="An error occurred. Please try again.",this.missingFieldsErrorText="Please select both a country and currency.",this.inModal=!1,this.stateController="{}",a(this)}disconnectedCallback(){}getTextProps(){return f(this)}render(){const t=p()?function(r){const[t,o]=n("US"),[e,a]=n(""),[i,s]=n(""),l=I(r.stateController);return v({states:{brandName:"Test Brand",open:!0,loading:!1,submitting:!1,isExistingPartner:!1,countryCode:t,currency:e,error:i,success:!1,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:r=>{var t,n;const e=null===(n=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===n?void 0:n.__value;e&&(o(e),a(""))},onCurrencyChange:r=>{var t,o;const n=null===(o=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;n&&a(n)},setCountrySearch:()=>{},setCurrencySearch:()=>{},onSubmit:()=>{s(t&&e?"":r.missingFieldsErrorText)},onClose:()=>{}},text:{modalHeader:r.modalHeader,descriptionNewPartner:r.descriptionNewPartner,descriptionExistingPartner:r.descriptionExistingPartner,countryLabel:r.countryLabel,currencyLabel:r.currencyLabel,submitButtonLabel:r.submitButtonLabel,confirmButtonLabel:r.confirmButtonLabel,searchCountryPlaceholder:r.searchCountryPlaceholder,searchCurrencyPlaceholder:r.searchCurrencyPlaceholder,supportDescriptionExistingPartner:r.supportDescriptionExistingPartner,modalHeaderExistingPartner:r.modalHeaderExistingPartner}},r.demoData||((null==l?void 0:l["sqm-partner-info-modal"])||l||{}),{arrayMerge:(r,t)=>t})}(this):function(r){var t,o,a,s,l,u,p;const v=b(),f=m(C),{data:h,loading:y,refetch:q}=c(D,{}),x=null==h?void 0:h.user,{data:w,loading:k}=c($,{variables:{locale:v}}),{data:I,loading:P}=c(U,{}),{data:j}=c(M,{}),{data:T}=c(g,{variables:{filter:{}}}),[E,{loading:N}]=d(_),[L,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)||"US"),[B,O]=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)||""),W=(null===(l=null==I?void 0:I.impactPayoutCountries)||void 0===l?void 0:l.data)||[],A=i((()=>{var r,t;return((null===(t=null===(r=null==T?void 0:T.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==w?void 0:w.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))||L&&t.countryCode!==L?r:[...r,e]:r}),[]))||[]).sort(((r,t)=>r.displayName.localeCompare(t.displayName)))}),[T,w,L]);console.log(L,B,"initial country and currency state");const[F,R]=n(""),[H,Z]=n(""),[V,G]=n((null===(u=null==I?void 0:I.impactPayoutCountries)||void 0===u?void 0:u.data)||[]),[J,K]=n(A||[]),[Q,X]=n(""),[Y,rr]=n(!1);e((()=>{var r;h&&(null===(r=x.impactConnection)||void 0===r?void 0:r.publisher)&&(z(x.impactConnection.publisher.countryCode),O(x.impactConnection.publisher.currency))}),[h]),e((()=>{(null==W?void 0:W.length)&&(""===F.trim()?G(W||[]):G(W.filter((r=>r.displayName.toLowerCase().includes(F.toLowerCase())))||[]))}),[F,W]),e((()=>{(null==A?void 0:A.length)&&(""===H.trim()?K(A||[]):K(A.filter((r=>r.currencyCode.toLowerCase().includes(H.toLowerCase())))||[]))}),[H,A]);const tr=null==x?void 0:x.impactConnection,or=!(Y||y||(null==tr?void 0:tr.connected)&&(null==tr?void 0:tr.publisher));return console.log(or,"showModal condition in partner info modal"),console.log(J,"filtered curricneis"),{states:{open:or,loading:y||P||k,submitting:N,isExistingPartner:null==tr?void 0:tr.publisher,countryCode:L,currency:B,error:Q,success:Y,brandName:(null===(p=null==j?void 0:j.tenantSettings)||void 0===p?void 0:p.companyName)||"",filteredCountries:V||[],filteredCurrencies:J||[]},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),O(""),X(""))},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),X(""))},setCurrencySearch:Z,setCountrySearch:R,onSubmit:async function(){var t,o;if(L&&B){X("");try{const n={user:{id:x.id,accountId:x.accountId},firstName:x.firstName,lastName:x.lastName,countryCode:L,currency:B},e=await E({vars:n});if(!e||(null===(t=e)||void 0===t?void 0:t.message))return void X(r.networkErrorText);const a=e.createImpactConnection;if(console.log(e,a,"result and connectionResult from creating partner from modal"),!(null==a?void 0:a.success)){const t=null===(o=null==a?void 0:a.validationErrors)||void 0===o?void 0:o.map((r=>r.message)).join(". ");return X(t||r.networkErrorText),void console.error("Failed to create Impact connection:",null==a?void 0:a.validationErrors)}window.dispatchEvent(new Event(S)),await q(),rr(!0),f(!0)}catch(t){console.error("Partner creation error:",t),X(r.networkErrorText)}}else X(r.missingFieldsErrorText)},onClose:()=>rr(!0)},text:r.getTextProps()}}(this);return r(this.inModal?q:x,Object.assign({},t))}};export{z as sqm_email_verification,B as sqm_partner_info_modal}