@saasquatch/mint-components 2.1.10-57 → 2.1.11-0

package/dist/mint-components/p-647933ac.entry.js

@@ -0,0 +1,122 @@
+import{h as r,r as t}from"./p-083180bf.js";import{i as n}from"./p-438f6702.js";import{k as o,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-a1e1c42a.js";import{S as C,a as k,V as w}from"./p-39840341.js";import{T as I}from"./p-28ed2ae9.js";import{p as S}from"./p-13f3a647.js";import{u as T}from"./p-0d75a207.js";const E=s.gql`
+  mutation upsertUser($userInput: UserInput!) {
+    upsertUser(userInput: $userInput) {
+      id
+      accountId
+      email
+    }
+  }
+`,P=s.gql`
+  query user {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+        impactConnection {
+          user {
+            id
+            email
+          }
+        }
+      }
+    }
+  }
+`;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 N(t){const{states:o,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),o.sendCodeError&&r("sqm-form-message",{type:"error"},r("p",{part:"alert-title"},a.sendCodeErrorHeader),n.formatMessage({id:"sendCodeErrorDescription",defaultMessage:a.sendCodeErrorDescription},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},a.supportLink)})),o.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:o.email||"",type:"email",id:"email",name:"email",disabled:!!o.email||o.loading},o.error?{class:j.classes.ErrorInput,helpText:a.emailValidationErrorText}:{})),r("sl-button",{submit:!0,class:j.classes.ContinueButton,loading:o.loading,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)))))}const $=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,n]=l(C),[a,i]=l(k),[s,p]=o(!1),[m,b]=o(!1),[v,f]=o(!1),{initialized:h,send:[y,{}]}=T(),[g]=function(){const r=u(),[t,{loading:n,data:o,errors:e}]=d(E);return[async n=>{try{const o=await t({userInput:{id:r.id,accountId:r.accountId,email:n}});if(o instanceof Error||!o)throw new Error;return o}catch(r){return void console.error("Could not set email on user",r)}},{loading:n,data:o,errors:e}]}(),[x,q]=o(!0),{data:w,loading:I}=c(P,{}),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 n=await g(t);n&&n.user.email||b(!0)}if(!h)return;const o=await y();o&&o.success?(i(t),n(!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(N,Object.assign({},t))}},z=s.gql`
+  query getUserPartnerInfo {
+    user: viewer {
+      ... on User {
+        id
+        accountId
+        firstName
+        lastName
+        email
+        countryCode
+        customFields
+        impactConnection {
+          connected
+          connectionStatus
+          publisher {
+            id
+            countryCode
+            currency
+          }
+        }
+      }
+    }
+  }
+`,D=s.gql`
+  query getCountries {
+    impactPayoutCountries(limit: 1000) {
+      data {
+        countryCode
+        displayName
+      }
+    }
+  }
+`,U=s.gql`
+  query currencies($locale: RSLocale) {
+    currencies(limit: 300) {
+      data {
+        displayName(locale: $locale)
+        currencyCode
+      }
+    }
+  }
+`,_=(s.gql`
+  mutation createImpactConnection($vars: ImpactConnectionInput!) {
+    createImpactConnection(impactConnectionInput: $vars) {
+      success
+      validationErrors {
+        field
+        message
+      }
+      user {
+        id
+        accountId
+        impactConnection {
+          connected
+          publisher {
+            brandedSignup
+            requiredTaxDocumentType
+            currentTaxDocument {
+              type
+              status
+            }
+          }
+        }
+      }
+    }
+  }
+`,s.gql`
+  mutation startImpactConnection($vars: ImpactConnectionInput!) {
+    startImpactConnection(impactConnectionInput: $vars) {
+      success
+      validationErrors {
+        field
+        message
+      }
+      user {
+        id
+        accountId
+        impactConnection {
+          connected
+          publisher {
+            brandedSignup
+            requiredTaxDocumentType
+            currentTaxDocument {
+              type
+              status
+            }
+          }
+        }
+      }
+    }
+  }
+`),A=s.gql`
+  query getTenantSettings {
+    tenantSettings {
+      companyName
+    }
+  }
+`,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.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,n]=o("US"),[e,a]=o(""),[i,s]=o(""),[l,c]=o(!1),u=S(r.stateController);return v({states:{brandName:"Test Brand",open:!1,loading:!1,submitting:!1,isExistingPartner:!1,countryCode:t,currency:e,error:i,success:!1,filteredCountries:[],filteredCurrencies:[],allowBankingCollection:l,checkboxError:"",disabled:!1},callbacks:{onCountryChange:r=>{var t,o;const e=null===(o=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===o?void 0:o.__value;e&&(n(e),a(""))},onCurrencyChange:r=>{var t,n;const o=null===(n=null===(t=null==r?void 0:r.detail)||void 0===t?void 0:t.item)||void 0===n?void 0:n.__value;o&&a(o)},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,modalHeaderExistingPartner:r.modalHeaderExistingPartner}},r.demoData||((null==u?void 0:u["sqm-partner-info-modal"])||u||{}),{arrayMerge:(r,t)=>t})}(this):function(r){var t,n,a,s,l,u,p;const v=b(),f=m(w),{data:h,loading:y,refetch:x}=c(z,{}),q=null==h?void 0:h.user,{data:C,loading:k}=c(U,{variables:{locale:v}}),{data:S,loading:T}=c(D,{}),{data:E}=c(A,{}),{data:P}=c(g,{variables:{filter:{}}}),[j,{loading:L}]=d(_),[N,$]=o(!1),[B,O]=o(""),[R,W]=o((null===(n=null===(t=null==q?void 0:q.impactConnection)||void 0===t?void 0:t.publisher)||void 0===n?void 0:n.countryCode)||""),[F,M]=o((null===(s=null===(a=null==q?void 0:q.impactConnection)||void 0===a?void 0:a.publisher)||void 0===s?void 0:s.currency)||""),H=(null===(l=null==S?void 0:S.impactPayoutCountries)||void 0===l?void 0:l.data)||[],Z=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 n,o;const e=null===(o=null===(n=null==C?void 0:C.currencies)||void 0===n?void 0:n.data)||void 0===o?void 0:o.find((r=>r.currencyCode===t.currency));return e?r.find((r=>r.currencyCode===t.currency))||R&&t.countryCode!==R?r:[...r,e]:r}),[]))||[]).sort(((r,t)=>r.displayName.localeCompare(t.displayName)))}),[P,C,R]),[V,G]=o(""),[J,K]=o(""),[Q,X]=o((null===(u=null==S?void 0:S.impactPayoutCountries)||void 0===u?void 0:u.data)||[]),[Y,rr]=o(Z||[]),[tr,nr]=o(""),[or,er]=o(!1);e((()=>{var r;const t=null===(r=null==q?void 0:q.impactConnection)||void 0===r?void 0:r.publisher;h&&t&&(W(t.countryCode),M(t.currency))}),[h,q]),e((()=>{(null==H?void 0:H.length)&&(""===V.trim()?X(H||[]):X(H.filter((r=>r.displayName.toLowerCase().includes(V.toLowerCase())))||[]))}),[V,H]),e((()=>{(null==Z?void 0:Z.length)&&(""===J.trim()?rr(Z||[]):rr(Z.filter((r=>r.currencyCode.toLowerCase().includes(J.toLowerCase())))||[]))}),[J,Z]);const ar=null==q?void 0:q.impactConnection;return{states:{open:!or&&!y&&"NOT_STARTED"===(null==ar?void 0:ar.connectionStatus),loading:y||T||k,submitting:L,isExistingPartner:null==ar?void 0:ar.publisher,countryCode:R,currency:F,error:tr,success:or,brandName:(null===(p=null==E?void 0:E.tenantSettings)||void 0===p?void 0:p.companyName)||"",filteredCountries:Q||[],filteredCurrencies:Y||[],allowBankingCollection:N,checkboxError:B,disabled:y||L},callbacks:{onCountryChange:function(r){var t,n;const o=null===(n=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===n?void 0:n.__value;o&&(W(o),M(""),nr(""))},onCurrencyChange:function(r){var t,n;const o=null===(n=null===(t=r.detail)||void 0===t?void 0:t.item)||void 0===n?void 0:n.__value;o&&(M(o),nr(""))},onCheckboxChange:function(r){const t=r.target.checked;$(t),t&&O("")},setCurrencySearch:K,setCountrySearch:G,onSubmit:async function(){var t,n;if(N)if(R&&F){nr(""),O("");try{const o={user:{id:q.id,accountId:q.accountId},firstName:q.firstName,lastName:q.lastName,countryCode:R,currency:F},e=await j({vars:o});if(!e||(null===(t=e)||void 0===t?void 0:t.message))return void nr(r.networkErrorText);const a=e.startImpactConnection;if(console.log(e,a,"result and connectionResult from creating partner from modal"),!(null==a?void 0:a.success)){const t=null===(n=null==a?void 0:a.validationErrors)||void 0===n?void 0:n.map((r=>r.message)).join(". ");return nr(t||r.networkErrorText),void console.error("Failed to create Impact connection:",null==a?void 0:a.validationErrors)}window.dispatchEvent(new Event(I)),await x(),er(!0),f(!0)}catch(t){console.error("Partner creation error:",t),nr(r.networkErrorText)}}else nr(r.missingFieldsErrorText);else O(r.missingFieldsErrorText)},onClose:()=>er(!0)},text:r.getTextProps()}}(this);return r(this.inModal?x:q,Object.assign({},t))}};export{$ as sqm_email_verification,B as sqm_partner_info_modal}